swatch17-CSDN博客

转载防抖与截流

防抖：在一定时间内再次触发同一事件，会清空上次事件重新开始，如果制定的时间内没有再次触发，那么这个事件才会执行。节流：在一定的时间同一事件只会触发一次，只有超过了这个时间才会再次触发。//防抖const debounce=(fn,delay)=>{ let task = null; return function(){ if(task){ clearTimeout(task); } task = setTimeout(fn.apply(this,arguments),spa

2020-10-19 18:00:39 135

原创 cookies,sessionStorage,localStorage的区别

cookies：一般由服务器生成，可设置失效时间，在设置cookie过期之前一直有效，无论浏览器窗口是否关闭，一般情况下cookie数据会自动传到服务器，服务器也可以写cookie到客户端。与服务器端通信每次都会携带在HTTP头中。sessionStorage：用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面中才能访问并且当会话结束后数据也随之销毁。（5M）localStorage：持久存储，浏览器关闭后不会丢失除非主动删除...

2020-10-19 17:33:59 70

原创 saladcss-bem配置使用

什么是BEMBEM是一个命名约定，让前端代码更容易阅读和理解，更容易协作，更加健壮和明确，而且更加严密。什么是BEM命名规范B：Block（块）E：Element（元素）M：Modifier（修饰符）是由Yandex团队提出的一种前端CSS命名方法论。命名约定.block{}.block__element{}.block--modifier{}注释:.block代表了更高级别的抽象或组件.block__element代表.block的后代，用于形成一个完整的.block的整

2020-08-05 20:10:14 276

原创微信开发者工具添加企业微信小程序模拟器

企业微信程序开发开发者工具添加企业微信小程序插件开发者工具添加企业微信小程序插件按照文档设置工具–>构建npm，添加企业微信模式失败给微信开放社区提问后得到答复解决设置–>通用设置–>拓展–>模拟器插件于是就添加成功了...

2020-07-27 17:41:56 4185

原创关于setTimeout与SetInterval定时器

使用setTimeout和setInterval作为计时器在使用setTimeout和setInterval作为定时器时，如果定时器的方法被调用多次，此时的定时器会被加倍执行，速度变快，为避免这一现象应在每一次调用计时器前清除计时器；停用时将计时器的起始重新置0<body> <p id="currentTime"></p> <button id="btn1">start</butt

2017-11-18 11:55:52 217

原创欢迎使用CSDN-markdown编辑器

js阻止冒泡和默认行为 <div id="_1"> <p>Click</p> <div> <button id='b2'>点击</button> </div> </div> <script> var Btn1 = document.getElementById('_1'); var Btn2 = d

2017-04-12 14:40:03 147

原创 npm版本更新

npm版本更新与node版本更新有时候安装插件包时，会提示npm版本陈旧，这时就需要更新npm，在命令行中运行npm install -g npm或者安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgnode版本更新，node有一个管理版本的模块 n安装n模块 npm install -g n升

2017-01-19 11:57:05 329

转载 sublime text 添加到鼠标右键功能

sublime text 添加到鼠标右键功能创建sublime_addright.reg文件复制以下代码至sublime_addright.reg文件Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT*\shell\SublimeText3] @=”SublimeText3 ” “Icon”=”D:\Sofa\Sublime T

2017-01-08 01:56:28 295

原创 sublime text3 浏览器预览设置

Sublime Text3浏览器预览设置安装SideBarEnhancements插件设置浏览器热键 Preference–>Package Settings–>Side Bar–>Key Bindings-Users[//chrome { "keys": ["f1"], "command": "side_bar_files_open_with",

2016-12-14 16:22:22 1114

原创编辑工具

sublime Text3插件安装安装Package Control,Ctrl+` or view–>show console;复制 import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Contro

2016-12-07 10:55:03 179

原创关于this指向的理解

this的理解this是JavaScript语言的一个关键字，随着函数的不同使场合，this的指向会发生变换，但始终不变的是this永远指向调用函数的那个对象 function f1(){this.a=1;console.log(this.a) } f1()证明this指向为全局对象var a=0;function f2(){ this.a=10;}f2();

2016-12-06 13:25:51 239

原创 ES6学习笔记

声明变量 const、let、var的区别const、let 和 var 关键字，都是用来在 JavaScript 中定义变量的const 声明一个唱量，只可以在声明时赋值，不可随意修改,声明时必须赋值,定义的值不能改变let 声明块级作用域,let 不存在声明提前,let 不允许重复声明var 声明全局变量模板字符串模板字符串（template string）是增强版的字符串，用反引

2016-11-22 00:33:16 191

原创 JSON数据的转换及注意

在写JSON字符串时属性及属性直最好，用双引号，便于正确解析为JSON对象 var o1 = ‘{“name”:”swatch17”,”age”:24,”sex”:”male”}’; var o2= “{‘name’:’swatch17’,’age’:24,’sex’:’male’}” 在用eval()函数解析时o1,o2都会正确解析不会报错，而当使用J

2016-11-06 21:31:05 208