zixu666321的博客

原创 移动端布局以及rem的适配

移动端布局方式与设计图现有的布局方式：固定布局，每一个元素都是固定的尺寸，内容区域居中在浏览器中间内容区域的尺寸：980,1000,1100,1200响应式布局，利用媒体查询来实现不同尺寸的浏览器显示结构不一样 @media 根据浏览器分辨率大小进行适配一般会有三张设计图，PC,平板,手机自适应布局，属于响应式里的一种，利用rem、百分比、vwvh等布局单位来实现设计图一...

原创 最最最全的清除浮动方法

原创 Vue中虚拟DOM的Diff算法简析与key值的作用

我们在使用vue的过程中，知道vue为了提高网站的整体性能使用的是虚拟dom的方法那我们一步步来分析什么是虚拟dom：虚拟 DOM 就是为优化浏览器性能问题。在网页中若一次操作中有 10 次更新 DOM 的动作：真实DOM会每更新一次就操作一次dom，浏览器会接连更新10次，以最后一次去覆盖之前的渲染。**虚拟 DOM **不会立即操作 DOM，而是将这 10 次更新的内容保存到本地一个 ...

原创 vue 数据请求

(1) vue-resource请求从vue的2.0开始，作者说：vue-resource不再维护了(2) fetch请求（规范）why: XMLHttpRequest 是一个设计粗糙的 API，配置和调用方式非常混乱， 而且基于事件的异步模型写起来不友好。查看兼容性： https://caniuse.com/#search=fetch兼容性不好 polyfill: https://...

原创 vue 表单控件绑定/双向数据绑定，计算属性

表单控件绑定/双向数据绑定(1) 基础例子有的时候我们需要在模板中使用数据a，这个时候就需要用到表达式，但是有的地方我们需要对a数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算<div id="example"> {{ message.split('').reverse().join('') }}</div>这样我们的维护就会非常...

原创 vue的双向绑定原理

原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的getter，setter，在数据变动时发布消息给订阅者，触发相应的监听回调。我们先来看Object.defineProperty()这个方法：应用同步显示输入框里的内容...

原创 vue基础学习

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。当创建一个 Vue 实例时，你可以传入一个选项对象。这篇教程主要描述的就是如何使用这些选项来创建你想...

原创 带你快速了解nodejs中session与token的区别

首先我们要清楚session与token的实现思想session思想1、客户端用户名跟密码请求登录2、服务端收到请求，去库验证用户名与密码3、验证成功后，服务端种一个cookie或发一个字符到客户端，同时服务器保留一份session4、客户端收到 响应 以后可以把收到的字符存到cookie5、客户端每次向服务端请求资源的cookie会自动携带6、服务端收到请求，然后去验证cooki...

原创 node + mongodb客户端

安装+引入npm install mongodb -Svar mysql = require('mongodb');实例化并连接let mongoCt = mongodb.MongoClient;mongoCt.connect('协议://地址:端口',回调(err,client)) //err 错误 client链接后的客户端链接库和集合let db = client.db('...

原创 nodejs入门（5）

res.render路由告诉你去哪里对于前端 主要是导向告诉浏览器去哪对于后端 可以理解为一个子服务 一个路由就是一个小的服务 处理一个接口配置使用.all（） 方法可以拦截所有的请求 若想放行就 next()执行注意代码的解析顺序MongoDB1.是一个基于分布式文件存储的数据库 , 由C++ 语言编写2.是一个介于关系数据库和非关系数据库之间的产品关系型数据库...

原创 Node Js 入门

Token 思想在服务端不需要存储用户的登陆记录 全部发给客户端由客户端自己存 （cookie localstorage）1、客户端使用用户名跟密码请求登录2、服务端收到请求，去验证用户名与密码3、验证成功后，服务端会签发一个Token (加了密的字符串)，再把这个Token发送给客户端4、客户端收到Token以后可以把它存储起来，比如放在Cookie里或者Local Storage里...

原创 use,session,cookie-session

use安装中间件、路由、接受一个函数，server.use([地址],中间件|路由|函数体)中间件middleware， 处理自定义业务，只处理请求到结束响应的中间部分举例npm i body-parser -S //安装包let bodyParser=require('body-parser')//引入中间件server.use(bodyParser())//安装中间件b...

原创 NPM

作用帮助你安装模块（包），自动安装依赖，管理包（增，删，更新，项目所有包)类似： bower yarn安装到全局环境安装到电脑系统环境下使用时在任何位置都可以使用被全局安装的通常是：命令行工具，脚手架npm i 包名 -g 安装npm uninstall 包名 -g 卸载初始化项目环境npm init初始化npm管理文件package.j...

原创 node中fs、http、url、querystring模块的个人理解

在所有模块中，第一步都是引入相应的模块http模块主要是创建web服务 返回http对象fs模块主要是对文件的改名删除和查找url模块是对地址的操作querystring模块主要是处理查询字符串...

原创 总结

phpphp 语法每一句PHP 语法后缀都要带上 ; 因为php 是强类型语言PHP中用 $ 来定义变量. 是拼接符单引号是普通字符串双引号是特殊字符串 可以解析变量PHP 导入其他文件 include “文件名”PHP 中的输出语句1.echo()只能输入基本数据类型 true 是1 false 是输出空白2.print_r()可以输出所有数据类型 true 是1 fal...

原创 今日书写完成购物车

购物车的一些添加，删除，加减功能：let cartList = JSON.parse(localStorage.getItem(‘cartList’)) if (!cartList) { alert('您的购物车是空的，快去选购吧') } else { bindHtml() bindEvent() } function bindHtml() { let select...

原创 今天用到的jquery方法

部分jQuery常用的动画函数，整理了一下，在做交互式页面的时候挺有用的.然后又整理了一些animate函数能够操作的css属性，其实也是从网上其他地方找来的(//www.jb51.net/article/75510.htm)：...

原创 javascript闭包简单的理解

浅谈js闭包先看一段代码：从上面的代码可以看出js都有一个特性特性，局部方法可以访问外部父类方法的属性，也就是说，子类或子方法可以访问父类的资源。再看一段代码：为什么我们打印出来的是undefined？因为子方法的变量作用域仅仅是子方法的范围，外部是无法获取到的。那么js中是如何获取字方法里面的值呢？我们来看下面的代码：在外部无法获取到funOne内部的局部变量，但是funOne...