BootStarp基本模版 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
grunt与seajs grunt是前端流行的自定义任务的脚手架工具，我们可以使用grunt来为我们做一些重复度很高的事情，如压缩，合并，js语法检查等。通过定义grunt的配置文件Gruntfile.js，配置并注册grunt的任务，最终我们可以通过命令行来执行任务。 seajs主要用于模块化，通过define定义一个模块，可以通过require加载模块，exports导出模块。具体的seajs实现可通过本博客的系列博文--Seajs源码解析系列来进一步了解。
前段时间遇到一个问题，就是我的个人网站需要接入第三方百度统计，因为我的文章图片有来自第三方微信后台上传的文章，所以使用<meta name="referrer" content="no-referrer">解决图片访问403的问题,但是此时这个导致我百度统计失效了，于是去查询了一下referrer这个特性。
注意: 任意元素使用了布局容器的样式，都会称为布局容器，建议使用div作为布局容器
在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本，使用心得版本号的时候，发现 html 里面引用的版本号却是旧的版本号 ，原来是该 html 文件被缓存了,很多时候我们设置禁止 html 文件被缓存,但依然会出现被缓存的情况。
jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例：
bash 切换到桌面 运行 vue init webpack vue-demo 生成初始化vue项目
jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象，二者的 API 方法不能混合使用，若想使用对方的 API，需要进行对象的转换。
但是最近有朋友使用flexible.js插件，但是不管切换什么设备，data-dpr的值始终为1。
我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库
浏览器在开始运行一个页面的时候，首先它会初始化js功能，当js发挥它的功能时候，记录了一系列浏览器按照顺序做的事情，也就是一个执行顺序，谁在谁之前发生，谁在谁之后发生。
原理：在不同屏幕下，通过媒体查询来改变布局容器的大小，再改变里面子元素的排列方式和大小，从而实现在不同大小的屏幕下，看到不同的页面布局和样式。
Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true
我们除了可以通过使用class来引用样式外，我们还可以通过style来直接指定样式，Vue也支持此操作，具体如下:
vue 路由meta 设置title 导航隐藏 router.js routes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, meta: { title: "HelloWorld", 要现实的title show: true 设置导航隐藏显示
Bootstrap简介什么是Bootstrap？框架：库 lib libraryjQuery作为一个框架来讲，提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单，更快捷；注意是 Bootstrap 不是 BootStrap！这是一个词，不是合成词，其含义为：n. 引导指令,引导程序Bootstrap 是当下最流行的前端框架（界面工具集）；特点就是灵活简洁，代码优雅，美观大方；其目的是为了让 Web 开发更敏捷；是 Twitt
在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。
reverse----把元素下标进行互换，将原数组的元素进行反转，会改变原数组，并且反转后，还会返回一个数组
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。 基于 HTML、CSS、JAVASCRIPT。 主要是前端的框架(HTML、CSS、JS)。 （使用BootStrap前需要先导入JQurey）
最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。
练习目标： 技术简介： js外部引入 顺序结构 jQuery Dom操作 JavaScrip循环技巧 JavaScrip数据操作 资源地址： 链接：https://pan.baidu.com/s/1VZMGTKj3Aq9Zn6mtee0egw 提取码：1111 关键字： 1、append()，像元素内添加 2、border-spacing，设置table的内边距与外边距，常设为border-spacing: 0 0 3、confirm()，JavaScript的确认函数 4、spl
很多人都说 WordPress 后台很慢，有些同学反馈甚至都需要2-3秒才能打开，并且他们使用的服务器是阿里云 / 腾讯云这些，基本可以排除是服务器问题，那么为什么 WordPress 后台那么慢？
hash模式对应的路由是类似于这个样子的 http://localhost:8080/#/about
PC端页面的网页重构，我们使用最多的单位是px。因为在PC端，大部分页面效果我们都可以设置成固定尺寸，但是在手机端，这种方案是不可行的，我们必须要按照百分比呈现页面，才能保证网页在任何设备上可以正常显示。
Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true Android（Java）与JavaScript（HTML）交互有四种情况： 1） Android（Java）调用HTML中js代码 2） Android（Java）调用HTML中js代码（带参数） 3） HTML中js调用Android（Java）代码 4） HTML中js调用Android（Java）代码（带参数） 代码如下： android端 MainActivi
Bootstrap是Twitter推出的一个用于前端开发的开源工具包，由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架，不用请UI设计师也能开发出中规中矩的网页，并且最重要的是支持html5、css3移动端自适应，现在很多所谓的三合一五合一网站是基于bootstrap搭建的。 我们来看一个简单的例子 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta
包含内容：antd.min.css、antd.min.js、vue.min.js。
2、如何操作属性 对象.属性名称 = 值 对象.属性名称 对象[‘属性名称’] = 值 对象[‘属性名称’] Javascript
最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">完美解决。
近期vue项目在构建完成上线之后，每次往线上更新版本，总会收到一部分反馈——web页面白屏，需要清除缓存数据重新加载才能正常访问。
正常情况下，一个头部（考虑兼容、响应、title图标的需求），所要填写的内容如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="本网站的目的是" /> <meta name="keywords" co
2看文字样式 T 单击目标文字，菜单栏下面查看文字效果---释放选择：ctrl + enter或选择其他工具
简介：jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。
html就是要告诉浏览器我的某个东西是什么，没错，这就是它的主要功能。html的实质，他就是一种标签，一种人和浏览器交流的标签，我们只有告诉浏览器这是什么，他才能帮助我们显示.
一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。
代码已上传至github github代码地址：https://github.com/Miofly/mio.git
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：
WebChromeClient：当影响【浏览器】的事件到来时，就会通过WebChromeClient中的方法回调通知用法。
Atom支持语言特定的设置。你可以在Markdown文件中软换行，或者在Python中把tab的宽度设置为4。
下面的代码，只有外层段落的字体会改变颜色，里层不会，因为里层是属于 divInner 的直系元素
head.jsp文件 将项目中所需要用到次数比较多的的插件，库等，同意放在一个jsp文件里面，命名为head.jsp文件，相当于一个全局的 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib uri="
乍一看还是很奇怪的，因为上线之后大多数人是没有问题的，结果突然间出了这么一例。乱码问题，无非就是编解码不一致导致的，那为什么大多数机型的编解码一致，而少部分却不一致呢，接下来就是排查阶段。
网上下载echarts的js文件，因为我们要用人家的东西，所以要下载人家的东西，最后根据人家的规范进行写代码。
Aplayer是一个功能强大的HTML5音乐播放器，Metingjs基于Aplayer插件封装好的插件，开箱即用。
图形 饼图的基本实现 地图 饼图的基本实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src
区别：html方法会识别html标签，text方法会那内容直接当成字符串，并不会识别html标签。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
