nginx配置
HTTP服务器Nginx本身也是一个静态资源的服务器，当只有静态资源的时候，就可以使用Nginx来做服务器，如果一个网站只是静态页面的话，那么就可以通过这种方式来实现部署。 user mengday staff; http { server { listen 80; server_name localhost; &n..
更多Vue插件
介绍插件就是给Vue添加全局功能 install vue插件应该暴露一个install方法。此方法调用时，将Vue构造函数作为第一个参数传入，以及将一个可选的选项作为第二个参数传入 Plugin.install = function(Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 一些逻辑…… } // 2. 添加一个全局资源(asset) Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 一些逻辑…… } ... }) // 3. 注入一..
更多vuex
Vuex 通过 store 选项，提供了一种机制将状态从根组件“注入”到每一个子组件中（需调用 Vue.use(Vuex)） State 主状态树 const state = { count:10, todoList: [ {id: 1;done: true}, {id: 2;done: false} ] } <!-- 获取 --> store.state.count <!-- 实例获取 --> this.$store.state.count Getter 通过 State派生出来的状态 const getter = { // 获取state里todoList长度 gettoListLength: s..
更多javascript闭包、原型链
原型/构造函数/实例原型（prototype）：一个简单的对象，用于实现对象的属性继承。可以简单的理解成对象的爹。在Firefox和Chrome中，每个JavaScript对象中都包含一个_proto_（非标准）的属性指向他爹（该对象的原型），可obj._proto_进行访问 构造函数：可以通过new来新建一个对象的函数 实例：通过构造函数和new创建出来的对象，便是实例。实例通过proto指向原型，通过constructor指向构造函数 <!-- 实例 --> const instance = new Object() <!-- 原型 --> const prototype = Object.prototype 三者关系 实例._proto_ === 原型 原型.contr..
更多javascript中的本地存储
本地存储1.localStorage特点1. 域名独享(a.com 设置 b.com 无法读取) 2. 永久保存, 除非手动删除 3. 仅在客户端保存 4. 存储空间一般为 5M 5. 写入数据的时候 只支持字符串. 应用场景1. 统计页面浏览次数. 2. 浏览历史的保存. 3. 购物车功能. 4. 验证令牌保存(afdajlkdsfajlk).( /songs?name=林依晨&page=1&num=20&sign=1231141osdjalkjflas) //写数据 localStorage.setItem('name','张三'); //删数据 localStorage.removeItem('name'); //读数据 localStorage.getItem('nam..
更多javascript中的拖拽
drag拖拽1.给标签添加拖拽属性draggable<div class="box" draggadle></div> 2.关于拖拽事件a.被拖拽的事件1.ondragstart 开始拖拽事件 box.ondragstart = function(e) { ... } 2.ondrag 拖拽中的事件 3.ondragend 拖拽结束事件 b.拖拽目标容器事件1.ondragenter 进入目标容器事件 2.ondragover 在目标容器内悬浮事件 3.ondrop 在目标容器内松手事件 目标容器.ondrop = function(e) { ... } 4.ondragleave 离开目标容器事件 关于..
更多javascript 服务器推送
SSE 服务器主动向客户端推送消息实例index.html var source = new EventSource(url路径); source.onmeaasge = function(res) { console.log(res.data); } 服务器（node） 1. 必须设置响应头信息 res.setHeader('Content-Type','text/event-stream'); 2.设置推送消息 setInterval(function(){ res.write('data:推送内容\n\n'); },1000); 3.不用res.end() 应用场景 站内信息 通告 短消息…
更多javascript中的多线程
Web worker 客户端多线程实例index.html *************************************** var worker = new Worker('访问文件地址'); //发送数据 worker.postMessage(向访问文件发送的数据); //回调函数 worker.onmessage = function(res) { console.log(res.data) } //?? worker.terminate(); 访问文件 //访问文件导入外部数据（importScripts） importScripts("https://unpkg.com/axios/dist/axios.min.js"); //接收传递的数据 onmessage = fu..
更多javascript中的位运算
位运算符使用32位有符号数使用&判断奇偶性&：与 作用： 1.2&1 => 10&01 => 00 => 0 2.5&6 => 101&110 => 100 => 4 利用&可以做奇偶性判断 偶数&1=0 奇数&1=1 |或运算&：或 作用： 1.2|1 => 0010|0001 => 11 => 3 2.5|6 => 0101|0110 => 111 => 7 ~非运算负数的二进制是正数的二进制反码加一 ~：非（取反） 作用： 1.~5 => ~000...000101 => 111...111010(负数) => -6 2.~7 ..
更多