smx

坚持便成习惯

防抖和节流

浏览器的resize,scroll,输入框内容校验、远程搜索,按钮点击等交互操作,如果这些操作对应的处理函数比较复杂(服务器请求、浏览器重渲染)时,事件触发的频率又无限制,会加重浏览器的负担,导致用户体验非常糟糕,防抖和节流是用来减轻浏览器的负担的,减少出发频率,同时又不影响效果的呈现。 防抖 ...

2019-07-06 18:15:47

阅读数 25

评论数 0

csss实现的几种气泡小提示框

在开发中,我们经常会需要用到鼠标移到提示信息,然后经常会需要各式各样的提示框,首先我们要知道如下的三角形是怎么形成的。 border属性 三角形都是在content高度、宽度为0的情况下,灵活运用border属性来完成的,举个例子: <div><...

2019-07-02 18:50:33

阅读数 34

评论数 0

javascript数组的总结和扩展

修改原数组的方法:splice/reverse/fill/copyWithin/sort/push/pop/unshift/shift 原数组不变的方法:slice/map/forEach/every/filter/reduce/entries/find 1、修改数组的: splice(in...

2019-05-30 18:02:01

阅读数 29

评论数 0

vue的响应式原理简化代码

vue.js import {Dep} from './dep' import {Compiler} from './compiler' class Observe{ obj:Object; constructor(obj){ this.obj = obj; ...

2019-05-30 18:00:21

阅读数 23

评论数 0

JavaScript实现排序算法

/*快排*/ function quit_sort(arr) { if(arr.length<=1) return arr; let pivotIndex = Math.floor(arr.length/2); let pivot = arr.splice(p...

2019-05-30 15:23:19

阅读数 12

评论数 0

浏览器原理需要知道的事

前端开发—理解浏览器原理 任何语言都要被解析翻译成机器能读懂的语言,然后表现出我们想要的结果,前端我们熟知的css,javascript,html也需要被解析,然后在屏幕上绘制出我们想要的结果,然而这个过程是怎样去执行的呢?我们了解了这背后的原理对我们写代码有什么优化的效果呢?下面让我们来探讨...

2019-05-22 19:21:06

阅读数 22

评论数 0

JS基础(一)数据

一、数据类型 任何编程语言都少不了数据类型,javascript的数据类型包含基本数据类型和引用数据类型 基本数据类型:string,number,bool,undefined,null,symbol 引用数据类型:object(function,Array,Date,RegExp...) ...

2019-05-17 19:11:48

阅读数 14

评论数 0

javascript面向对象编程之继承

面向对象编程,少不了继承,js的es5的继承基础就是利用的原型,上面一篇文章已经理解了原型,现在来分析继承方式。 一、原型链继承 function Animal(type) { this.type = type; } Animal.prototype.colors = ['green...

2019-03-27 19:39:40

阅读数 86

评论数 0

javascript面向对象编程之理解原型

我们知道面向对象的三大基本特征:封装、继承、多态,JavaScript的面向对象编程也不外呼围绕这三个特征来学习,js没有类是利用构造函数的原型来达到面向对象编程的效果。 因此第一篇来理解原型。 1、构造函数和普通函数有什么区别呢? (1)普通函数 function animal(na...

2019-03-25 18:37:41

阅读数 43

评论数 0

前端常用的命名规范

推荐网址:https://juejin.im/post/5b6ad6b0e51d4519171766e2

2018-09-27 20:39:45

阅读数 335

评论数 0

Canvas  绘图  --图形绘制

     Canvas,是屏幕上一个由JavaScript控制的即时模式位图区域,即时模式是指在画布上呈现像素的方式,canvas通过JavaScript调用canvas API,在每一帧中完全重绘屏幕上的位图。我们所要做的就是在每一帧渲染之前设置屏幕的显示内容,这样才能显示正确的像素。下面总结了...

2018-08-28 11:29:33

阅读数 122

评论数 0

详解 Javascript十大常用设计模式

转载自:https://juejin.im/entry/58c280b1da2f600d8725b887一:理解工厂模式   工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。   简单的工厂模式可以理解为解决多个相似的问题;这也是她的优...

2018-06-21 17:39:11

阅读数 7979

评论数 1

关于团队合作的css命名规范

转载自AlloyTeam:http://www.alloyteam.com/2011/10/css-on-team-naming/关于团队合作的css命名规范常用的css命名规则:头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:colu...

2018-06-20 18:50:11

阅读数 124

评论数 0

使用 request 与 cheerio、promise完成微博爬虫

最近写了一个微博爬虫,参考了https://www.jianshu.com/p/b53481416b2d1、  首先在nodejs窗口模拟登录2、  分页爬取微博上明星照片3、  将爬取的照片存储到项目的image中具体代码:https://download.csdn.net/download/s...

2018-06-20 18:07:27

阅读数 265

评论数 0

通过vue的trasition浅谈css3的动画

vue提供transition来为元素和组件添加过渡过程,主要可以用于以下几部分:(1)条件渲染v-if(2)条件展示v-show(3)动态组件、组件根节点使用方法:1、在单个元素中使用<transition><div&am...

2018-03-21 19:16:56

阅读数 1825

评论数 0

call,apply 和 bind 的对比分析

一、共同点 都能改变函数的执行的上下文,就是函数里this指向的对象 1、  call ,apply,bind call和apply都是用来调用函数的,例如: var isOn=true; var lightBulb={           toggle:function(){          ...

2017-03-17 10:22:44

阅读数 225

评论数 0

学习 Node.js 的 6 个步骤

转载自https://cnodejs.org/topic/535376501969a7b22aca6d24 从刚接触Node.js到现在,自己也是一路摸滚打爬过来的,虽不说是什么高手,但对于如何学习Node.js,还是有一些个人见解,拿出来与大家共勉~ 学习Node.js大...

2017-03-11 16:11:37

阅读数 165

评论数 0

常见的响应式布局(一)

全球手机浏览的使用量逐渐上升,IE6的使用逐渐下降,越来越多的人使用小屏幕设备上网,而不同屏幕的手机,pad视口的大小不一样,所以像pc端固定min-width的960px不能在移动端适应,所以一般都会用到响应式布局,我总结了一下经常用到的响应式布局. 一、flex弹性布局     ....

2016-10-10 10:57:23

阅读数 379

评论数 0

初探Vue原理之view-model的数据动态双向绑定

Vue应用的是mvvm框架,view和model分离,然后通过vm双向数据绑定,`<!-- 模板 --> <div id="app"> {{msg}} </div> <!-模型-> // 原生对象即数据 var data ...

2016-07-11 19:37:31

阅读数 9325

评论数 0

angular---常用指令总结

布尔属性指令: ng-disabled 可以把disabled属性绑定到以下表单输入字段上: input,textarea,select,button        Abutton  当!someProperty=true时,button就被禁用 ng-readonly,Ng-selected的用...

2016-05-06 19:41:41

阅读数 1025

评论数 0

提示
确定要删除当前文章?
取消 删除