09 2019 档案
摘要：一、前端目录构建规范的作用 目的是与项目开发的目录结构保持一致，便于项目的构建与管理。 二、资源分类 1、源代码资源 指开发者编写的源代码，包括html、css、template等 2、内容资源 指希望作为内容提供给访问者的资源，包括图片、字体、flash、pdf等，最常用的应该就是readme.m
阅读全文
摘要：一、什么是BEM BEM就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法可以使css类对其他开发者来说更加透明且具有意义。BEM约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时较大的项目。 BEM
阅读全文
摘要：一、单例模式 概念：在说单例模式的概念之前先了解下浏览器的回流和重绘 浏览器渲染的流程： 1、浏览器把获取到的HTML代码解析成DOM树，HTML中的每一个元素都是DOM树的一个节点，根节点就是document对象。 2、当渲染树中的一部分因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候，这时候
阅读全文
摘要：概念：将本地服务器的IP映射到外网上。 步骤： 一、先在本地启动一个web服务 这里启动nginx服务 ①进入官网下载： ②文件夹中 在html文件中双击打开index.html文件。然后在地址栏中输入localhost:80或者127.0.0.1:80也可以打开index.html，说明nginx
阅读全文
摘要：一、新增数据类型Symbol 概念： Symbol代表独一无二的 Symbol类型的值通过Symbol函数来生成，同时Symbol函数返回的值的唯一的 Symbol函数可以接收字符串作为参数，但是即使相同参数返回的值也是唯一的 作用： 属性私有化 数据保护 //没有参数的情况 var s1=Symb
阅读全文
摘要：1、react中如何创建一个组件 ES6：class 组件名 extends Component{} ES5：var App=React.createClass({}) 2、render函数什么时候会执行 当this.state或者this.props发生改变的时候render函数执行 3、reac
阅读全文
摘要：1、v-show和v-if的区别 v-show 操作的是元素的display属性 v-if 操作的是元素的创建和插入 v-if有更高的开销，而v-show有更高的初始渲染开销，如果需要非常频繁的切换，则使用v-show更好，如果在运行时条件很少改变，则使用v-if更好 使用场景：v-show 前台数
阅读全文
摘要：1、html+css经典布局 ①左列定宽，右列自适应 .left{width:100px;float:left;} .right{overflow:hidden;} ②两列顶宽，中栏自适应 .left{width:100px;float:left;} .right{width:100px;float
阅读全文
摘要：1、 手机号：mobile /^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/ 2、国内座机电话（如: 010-12345678）：telephone /\d{3}-\d{8}|\
阅读全文
摘要：数据： vue：双向数据绑定和单向数据流。双向数据绑定：DOM元素绑定的data值，当发生改变后，vue的响应式机制会自动监听data的变化重新渲染。单向数据流：当父组件给子组件传递数据的时候，子组件只可以读取而不能修改数据。可以用watch监听数据的更改，再赋给父组件的变量。 react：单向数据
阅读全文
摘要：axios和ajax的区别： axios通过Promise实现ajax技术进行封装，axios是ajax技术的一部分。 ajax针对MVC编程，不符合现在流行的MVVM。 axios从node.js中创建http请求，支持Promise API，客户端支持防止CSRF，提供了一些并发请求的接口。 注
阅读全文
摘要：1、XSS 跨站脚本攻击 原理：页面渲染的数据中包括可运行的脚本 注入点：html节点的内容中；html中DOM元素的属性中；JavaScript代码；富文本 防范：①http响应头中添加x-xss-protection，值为0为关闭，值为1为打开（默认） ②对特定字符做转义：用<替换<，用&
阅读全文
摘要：相同点： 1、混入（Mixins）：class中的class 2、参数混入：可以传递参数的class，就像函数一样 3、嵌套规则：class中嵌套class，从而减少重复的代码 4、运算：css中用上数学 5、颜色功能：可以编辑颜色 6、名字空间：分组样式，从而可以被调用 7、作用域：局部修改样式
阅读全文
摘要：//使用axios时，要确定是json格式还是x-www格式的，axios默认是json格式的，如果是x-ww格式需要做如下配置： let url = "/hehe/site/getcomment"; let data = { order: 1, pagesize: 10, type: 1, eId
阅读全文
摘要：import axios from "axios" //请求拦截器 axios.interceptors.request.use(function (config) { return config; },function(error){ return Promise.reject(error); }
阅读全文
摘要：一、加载速度优化 精灵图 base64 iconfont替代图片 代码压缩 图片、视频压缩 cdn缓存 路由懒加载 原理：将每个组件都打成一个包，首页的大文件可以进行分批引入 实现：main.js中将所有的同步引入组件的方式改为异步引入组件，即： import Home from "pages/Ho
阅读全文
摘要：export default{ set(key,data,time){ let obj={ data=data, ctime:(new Date()).getTime(),//时间戳，同Date.now() express:1000*60*60//设置过期时间一个小时 } localStorage.
阅读全文
