- 博客(21)
- 收藏
- 关注
RSS订阅
1原创 设计模式-迭代器模式
设计模式-迭代器模式1. 需求分析： 多个方法中只需要一个方法 ，但由于各个浏览器存在兼容性问题 ，所以可能需要加入判断语句来判断，而迭代器模式可以解决这个问题；const iter = function() { for (let i = 0, fn ; fn = arguments[i++];) { let upFn = fn(); // 这是重点 只要存在就可执行 if (upFn !== false) {
2020-09-30 15:30:35
152
原创 实现call, apply, bind函数
思路：把目标保存在this中并返回const obj = { name: '张三'}let name = '李四'function add() { console.log(this.name)}// 执行函数add() // 李四add.call(obj) // 张三1.实现call函数定义名称为mycallFunction.prototype...
2019-08-01 14:30:01
175
原创 常用的正则
1.用户名正则//用户名正则，4到16位（字母，数字，下划线，减号）var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));2.密码强度正则//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符var pPattern = /...
2019-06-10 16:57:40
2508
原创 http安全
csrf 攻击 cross-site request forgery 跨站请求伪造 1.注册网址登录过 2.网址接口存在漏洞csrf 防御 1.Token验证 自动携带token 2.Referer验证 页面来源判断 3.隐藏令牌 放在http请求头中 不会放在链接上xss 攻击 cross-site scripting ...
2019-06-10 16:21:46
1561
原创 vue源码分析1
一.源码中主要的方法1.如何把伪数组转换成真数组的方法在vue的源码中使用的是es5的方法 [].prototype.slice.bind(obj) 来实现的例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>源码主要技术点...
2019-06-02 21:19:04
135
原创 移动端的横屏、竖屏判断
js判断横屏竖屏function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态！") } if(window.orientation==90||window.orientation==-90){ alert("横屏状态！") } }window.addEve...
2019-05-21 09:45:27
215
原创 let, var , const 的区别
let 只能对自己命名的代码块有效{ let a = 10; var b = 20;}// a报错// b 20{ let a = 10; var b = 20; //a 10}// b 20let 不像var会发生变量的提升function do_something() { console.log(f) let f = ...
2019-05-13 14:16:25
98
原创 CSS实现旋转立方体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 300px;height: 300px;margi
2019-03-14 17:17:46
673
原创 CSS实现loading图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>loading</title> <style> *{ margin: 0;padding: 0;
2019-03-14 14:25:07
870
转载 js基础知识点（一）
原始类型js原始类型有哪几种 ， null是对象吗？js有6种原始值：boolean ，number ，null ，undefined ，string ，symbol另外对于null来说，很多人会认为他是个对象类型，其实这是错误的。虽然typeof null会输出object，但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能...
2019-03-11 22:29:34
166
原创 node(表单提交get，post)
新建文件demo.js , hello.js，index.htmlget方法请求：demo.js代码如下const http = require('http')const fs = require('fs')const url = require('url')const querystring = require('querystring')http.createSe...
2019-01-21 21:11:10
683
原创 node路由(访问页面)
如何使用node定义 '/'路由创建router1.js代码如下:req.url就是请求的url地址也就是localhost：8080pathname是8080后面的参数（8080：/user）url.parse就是解析req.urlconst http = require('http')const url = require('url')http.createSe...
2019-01-18 15:39:48
942
原创 浏览机制：缓存
一.浏览器机制：cookie,sessionStorage,localhostStorage相同点：都保存在浏览器端，都是同源的不同点：1，是否发生给服务器cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递；cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超...
2018-12-26 22:38:19
168
原创 Vue.js中set()方法的用途
<!DOCTYPE html><html><head><meta charset="utf-8"><title>vue $set</title><script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"
2018-12-13 02:04:45
1024
原创 Vuex 三步骤
//第一步，引入vue和vueximport Vue from 'vue'import Vuex from 'vuex'//Vue中使用VuexVue.use(Vuex)// 第二步，创建storelet store = new vuex.store({ //数据初始化 state: { //存放数据 carPanelData: [...
2018-12-13 01:38:11
172
原创 webpack 简单入门
首选先全局安装webpacknpm install -g webpack然后输入webpack -v 出现版本号正常 没有出现基本就是环境变量的问题然后在自己的项目文件夹中初始化webpacknpm init -y创建dist文件夹，文件夹内创建index.html &amp;amp;lt;div id=&amp;quot;title&amp;quot;&amp;amp;gt;&amp;a
2018-11-06 01:57:51
170
原创 Set 简单的用途
Set（）的简单用途清除数组中相同的数字先看实例：var arr1 = [1,3,5,4,5];var set = new Set(arr1)console.log(set) //{1, 3, 5, 4}此时是set结构不是数组，所以要转换成数组，使用Array.from()方法代码如下：var arr1 = [1,3,5,4,5];var set = new Set(arr...
2018-11-03 22:52:17
315
原创 快速理解闭包的用途
1.访问闭包的两种方法：方法1：function hello(){ return function(){ return (console.log('我是方法1')) } } hello()()打印出//方法1方法2：function hello(){ return function(){ return (console.log('我是方法2')...
2018-10-12 09:58:21
240
原创 Es6 Proxy预处理
Proxy相当于Vue中的钩子函数；执行方法前，先预处理代码。先定义一个对象的基本方法v 1. List itemar obj={ add:function(val){ return a+1; }, sex:'男';};console.log(obj.add(100)); // 结果为101console.log(obj.sex); /...
2018-10-11 23:15:15
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人