- 博客(20)
- 收藏
- 关注
RSS订阅原创 jwt
jwt是jsonwebtoken的简称，用来生成token。在登陆状态验证完成时发送给前台一个token，之后前台的请求都要带着token，后台验证其token的正确性及有效性之后才会回应其数据，在用户和服务器端之间安全的传递消息。jwt实际是一个字符串，由三部分组成，头部，数据和签名。生成tokenconst jwt = require('jsonwebtoken')我们在页面引入jso...
2019-04-23 13:08:27
1245
原创 typescript
变量声明// 变量声明,约束形参tel的类型function phone(tel:number) { console.log(tel) }phone(1234)接口// 定义接口。用来定义一些规则，使用此规则就要严格遵守interface obj { //obj相当于这些规则的名字 readonly name:string; // 表示此属性是只读的 ...
2019-04-23 13:04:28
223
原创 Vuex
Vuex在使用@vue/cli脚手架搭建时，选择vuex后会生成store.js文件，并且已经做了引入Vue，Vuex,实例Vuex等基本的操作。// 实例有五个选项export default new Vuex.Store({state: { // 用来托管数据 notes: ['one', 'two']},mutations: { // 用来直接更改state中数据的状...
2019-04-23 12:59:54
79
原创 Vue-store
使用store模式用store模式写一个周记，图示如下：实现编辑删除，添加等功能，点击某天，下面添加处Day of event:显示的为对应星期。使用store就是把数据(这里是假数据)托管到store的js文件上，各个组件中修改，删除等操作，不直接对数据进行操作。而是通知store去操作，所有方法写在store 文件中，在操作时调用即可。在项目简单时使用store模式即可，在项目较为复杂...
2019-04-23 12:57:54
890
原创 Vue-组件
注册组件 //要先注册再实例，此为全局组件 Vue.component('button-counter',{ //data必须是一个函数 data:function(){ return { count:0 } }, template:'&l...
2019-01-16 21:29:37
86
原创 Vue-基础语法
实例与模板语法 <div id="app"> <!--插入文本和标签都会覆盖标签中的内容,{{}}不会覆盖 --> <p>{{messages}}</p> <!-- 元素中使用数据 --> <input type="text" v-model="message&
2019-01-16 21:28:28
131
原创 less
我们在项目中使用less时，可以分开创建各个类型，创建一个专门保存变量的less 文件，一个混入方法的文件等，有利于以后的维护声明编码类型防止乱码@charset "utf-8"; 变量/*必须@前缀,;结尾,:为等于。变量名不能以数字开头，不能包含特殊字符，区分大小写 */@textColor:#333;a{ color: @textColor;}/* 也可以用来...
2019-01-16 21:25:59
434
原创 使用express写接口
express是一个基于node.js的web开发框架首先要安装express插件并引入到js文件中，express是一个函数，所以要调用，调用后会返回一个实例（appplication），使用实例的一些方法来完成我们的项目。express有四种方法，前三种为中间件方法：express.static(root[,option])// 托管静态文件app.use(express.st...
2019-01-09 16:33:16
5316
原创 使用gulp构建自动压缩刷新的环境
基于node的工具，要确保安装了node全局安装gulp 的命令行 npm install gulp-cli -g创建一个项目并切到该文件夹中 mkdir 文件名 &amp;amp;&amp;amp; cd 文件名初始化（会多一个package.json的文件，所有设置及依赖会显示在该文件中），会问你几个关于项目的名称版本等问题，如果使用默 认的，可以再后面加-y，就会直接创建。 np...
2019-01-09 15:40:12
143
原创 Es6
let声明变量声明不会提升不能重复声明（当前作用域下不能有相同变量名），会报错变量会捆绑在当前的语句块中，也就是说只在当前块级作用域下生效const声明常量声明不会提升不能重复声明，会报错在声明常量时，必须要赋值，否则会报错一经赋值不可修改函数参数的默认值function(color = ‘red’){}red为color的默认值箭头函数var max = functi...
2019-01-02 21:23:51
74
转载 Evevt Loop 事件循环
今天在看es6的promise的时候，看了一个很有意思的面试题，牵扯到了setTimeout的执行顺序，总结一下贴一下面试题的链接 Excuse me？这个前端面试在搞事！ - Liril的文章 - 知乎https://zhuanlan.zhihu.com/p/25407758同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。当指定的事...
2019-01-02 20:26:40
173
原创 jQuery总结
jQuery入口函数$(document).ready(function(){})$(function(){})js入口函数与jQ入口函数的区别js函数的入口函数比jq慢，因为js的入口函数会等待页面加载完成，并且外部资源也加载完成后才会执行，但jq的入口函数等待页面加载完成后就会执行。js入口函数只能执行一次，会产生覆盖，但jq的可以多次使用隐式迭代jQuery有隐式迭代的特性，...
2018-12-21 20:54:42
111
2
原创 jq要注意的点
查找下标JQ对象查找指定下标的方法为：eq()DOM对象的为：get()eg:今天写一个导航条绑定鼠标进入事件时播放指定音乐，因为JQ中没有封装audio 和 video de 的方法，所以play的方法要绑定在DOM元素上 : (&amp;amp;amp;amp;amp;quot;audio&amp;amp;amp;amp;amp;quot;).get((&amp;amp;amp;amp;amp;quot;audio&amp;a
2018-12-08 16:09:21
103
原创 关于属性
对象的增删改查 // 使用字面量的形式实例化 Object 对象 var obj1 = { myName: '周正国' }; 添加属性 obj1.age = 20; obj1['gender'] = '男'; 修改属性的值 obj1.age += 1; 访问属性 obj1['myName'...
2018-12-04 21:19:42
206
原创 继承
定义面向对象的特性：封装，继承，多态。继承是类与类之间的关系，在面向对象的语言中是为了多态服务的。而js不是一门面向对象的语言，没有类的概念，但是我们可以模拟面向对象，模拟继承。继承是一种父类级别与子类级别的关系。方法1、原型继承----&amp;gt;改变原型的指向原型的作用是数据共享，目的是为了节省内存空间，那么在这我们可以知道原型的另一个作用：继承。所以，继承的作用也是为了节省内存空间。...
2018-12-01 17:08:10
92
原创 原型和原型链
定义实例对象中有__proto__这个属性，叫原型，也就是一个对象。这个属性是给浏览器使用的，不是标准的属性。构造函数有prototype这个属性，也是原型。这个属性是给程序员使用的，是标准的属性。—&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;它们都可以叫原型对象。实例化对象，构造函数和原型对象三者的关系1、构造函数可以实例化对象。实例对象是通过构造函数创建的，创建的过程叫实例化，如果传参，就是对属性进行初始化。2、构造函...
2018-12-01 09:02:01
110
原创 flex box布局
给父级元素设置display：flex会使之转成弹性盒模型，为我们提供了简单方便的设置盒子水平垂直居中的方法。设置主轴（水平）方向居中justify-content : flex-start （默认值）主轴起始点位置对齐（水平方向左对齐）flex-end 主轴的结束位置（水平方向右对齐）center 居中对齐space-between 两端...
2018-11-26 20:31:14
146
原创 自定义构造器函数
总结笔记自定义构造器函数相当于一个模板，需要的时候去引用它，函数内没有new和返回值，this是当前对象。通过new的方式开创建对象，也就是实例化对象，同时对属性进行初始化实例化对象的构造器（constructor）是指向构造函数的。所以，实例对象是通过构造器函数来创建设的，这个创建的过程教实例化。判断这个对象是否属于这种数据类型的方式有两种：1、通过构造器方式————&gt;实例对象....
2018-11-26 11:30:00
403
转载 全局捕获
setCapture函数的作用就是将后续的mouse事件都发送给这个对象，releaseCapture就是将鼠标事件还回去，由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中，不会由于经过了其它的元素而受到干扰另外，还有一个很重 要的事情是，在Win32上，mouse move的事件不是一个连续的，也就是说，并不是我们每次移动1px的鼠标指针，就会发生一...
2018-11-15 09:15:18
377
转载 call（），apply（）和bind（）
今天对于call方法和apply方法有些懵，所以去看了些别人的总结，感觉有了点概念，把一些大佬写的东西中自己感觉易懂的解释和经典的案例记录一下。定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一...
2018-11-14 17:07:44
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人