- 博客(18)
- 收藏
- 关注
RSS订阅原创 计算文件的hash值
使用js-sha1import install js-sha1 -s因项目需要，这里使用了Typescript，并将获得文件hash值的方法封装成一个函数，得到的hash值以Promise对象的形式暴露出去核心代码fileHash.ts文件import sha1 from 'js-sha1'class FileHash { //计算文件的hash值 public getfilehash(file){ return new Promise(function(resolve, r
2020-08-04 23:37:13
1309
原创 计算文件的MD5
使用spark-md5npm install spark-md5 -S因项目需要，这里使用了Typescript，并将获得文件MD5的方法封装成一个函数，得到的MD5以Promise对象的形式暴露出去核心代码fileMD5.ts文件import SparkMD5 from 'spark-md5'class FileMD5 { //计算文件MD5 public computeMD5(file){ return new Promise(function(resolve, reje
2020-08-04 23:36:43
680
原创 纯js实现轮播图（自动轮播，无缝接）
效果图：鼠标悬停出现左右按钮，同时动画暂停。html代码<div class="wrapView"> <div class="contain"> <ul class="imglist"> <li class="item">4</li> ...
2020-03-28 18:34:47
567
原创 vue中Markdown插件
markdown编辑器mavon-editor官方文档：https://github.com/hinesboy/mavonEditor现介绍mavon-editor的使用安装npm install mavon-editor --savemain.jsimport mavonEditor from 'mavon-editor'import 'mavon-editor/dist/cs...
2020-03-16 20:46:12
1720
原创 vue---过滤器
过滤器可以用在两个地方：双花括号插值{{message|capitalize}}v-bind表达式<div v-bind:id="rawId|formatId">在一个组件的选项中定义本地的过滤器：filters:{ capitalize:function(value){ if(!value) return '' valu...
2019-07-26 10:22:02
178
原创 响应式布局与流式布局
响应式布局设置Viewport<meta name="niewport" content="width=device-width,initial-scale=1.0">width：控制viewport的大小height：和width相对应initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大...
2019-07-19 22:08:16
440
原创 typeof和Object.prototype.toString.call()的区别
typeof判断数据类型，只能区分基本类型，即“number”，“string”，“undefuned”，“boolean”，“object”五种。对于数组、对象来说，其关系错综复杂，使用typeof都会统一返回“object”字符串。要想区分对象、数组单纯的用typeof是不行的。不过可以用instanceof方法var a={};var b=[];var c=function (){...
2019-07-19 22:03:32
667
2
原创 js事件
绑定事件处理函数ele.οnclick=function () {}兼容性好，但一个元素的同一事件上只能绑定一个处理程序基本等同于写在HTML行间程序this指向是dom元素本身obj.addEventListener(type,listener,false);type:字符串，事件名称，比如“click”、“mouseover”、“keydown”等。listener：实...
2019-07-19 22:01:46
121
原创 es6--解构赋值
概述结构赋值是对赋值运算符的扩展，他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。解构模型解构的源：解构赋值表达式的右边部分解构的目标：结构赋值表达式的左边部分数组模型的解构（Array）基本let [a,b,c]=[1,2,3];//a=1//b=2//c=3可嵌套let [a,[[b],c]]=[1,[[2],3]];//a=1,b=2,c=...
2019-07-19 21:50:58
123
原创 js---继承
原型链(传统)过多的继承了没用的属性Son-->Father-->GrandGrand.prototype.lastName="Ji";function Grand(){ }var grand=new Grand();Father.prototype=grand;function Father(){ this.name="hehe";}var...
2019-07-15 21:20:36
89
原创 js——函数的闭包
两个函数互相嵌套或者多个函数互相嵌套----闭包闭包是指有权访问另一个函数的作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数。但凡是内部的函数保存在了外部，一定产生闭包。关于内存泄露问题当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放（占空间），造成内存泄漏。内存泄漏：占用的内存没有及时释放。内存泄露积累多了就容易导致内存溢出。常见的内存...
2019-07-15 20:36:09
247
原创 css预处理——sass
浏览器不认识sass，因此使用sass就要编译，有两种方式：命令行编译工程化编译使用SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss///在屏幕上显示.scss文件转化的css代码 sass test.scss如果要将显示结果保存成文件，后面再跟一个.css文件名。sass test.scss test.cssSASS四个编译风...
2019-07-15 17:02:11
162
原创 js关于作用域的问题
[[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个（隐式属性）[[scope]]指的就是我们所说的作用域，其中存储了执行期上下文的++集合++（作用域链）运行期上下文当函数执行时，会创建一个称为执行期上下文的内部对象。一个执行器上下文定义了一个函数执行时的环境，函...
2019-07-14 22:27:44
110
原创 var，let和const之间的区别
作用域js世界中有两种作用域：全局作用域、方法作用域var：定义变量，声明的变量的作用域是方法作用域，没有块的概念，可以跨块访问，不能跨函数访问；let：定义变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问；基本用法不存在变量提升使用let声明的变量，不会像var那样存在“变量提升”的现象。所以使用let声明变量要遵循“先声明，后使用”的原则。否则会报错。let...
2019-07-14 22:26:42
95
原创 js 立即执行函数
定义：没有声明，在一次执行过后即释放。适合做初始化工作。写法：(function (){}()); 【限制性外面的括号】【（）：执行符号】 W3C建议第一种(function (){})();只有表达式才能被执行符号执行（）能被执行符号执行的表达式，其中函数的名字就会被忽略(function(){ var a=123; var b=234; conso...
2019-07-14 22:25:44
92
原创 引用类型：Object类型,Array类型,Date类型,RegExp类型,Function类型,基本包装类型，单体内置对象
- Object类型1. 创建object实例方法： new操作符构建函数var person=new Object();person.name="aaa";person.age="11"; 对象字面量表示法var person={ name:"aaa", age:"11"};使用逗号来分隔不同的属性，但最后的属性不能添加","2. 访问对象属性...
2019-07-13 21:45:25
256
原创 js对象理解----属性类型，读取属性特性
属性类型数据属性Configurable:能否通过delete删除属性从而重新定义属性；能否修改，或者能否把属性修改为访问器属性Enumberable:能否通过for-in循环返回属性Writable:能否修改属性的值Value:包含这个属性的数据直接在对象上定义属性，默认值都为true修改默认属性的方法：Object.defineProperty()在调用Object.d...
2019-07-13 16:52:35
253
转载 CSS flex布局
任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用flex布局.box{ display: inline-flex;}webkit内核的浏览器必须加上前缀-webkit.box{ display: -webkit-flex; /* Safari */ display: flex;}++设置flex...
2019-07-12 20:29:44
579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人