![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
宋小米
这个作者很懒,什么都没留下…
展开
-
javascript中对象总结
对象Object:普通对象定义方式:1、new操作符 Var person=new Object();Person.name=”jhon”;Person.age=22;2、对象字面量Var person={name:’jhon’,age:22} 数组对象Array 定义方式:2种, 1、 Var colors=newArray(20) var原创 2016-03-01 20:13:32 · 331 阅读 · 0 评论 -
防抖和节流
浏览器的resize,scroll,输入框内容校验、远程搜索,按钮点击等交互操作,如果这些操作对应的处理函数比较复杂(服务器请求、浏览器重渲染)时,事件触发的频率又无限制,会加重浏览器的负担,导致用户体验非常糟糕,防抖和节流是用来减轻浏览器的负担的,减少出发频率,同时又不影响效果的呈现。防抖减少事件触发的频率,控制函数在一定时间内的执行次数。防抖意味着N秒内函数只会被执行一次,如果N秒内再次...原创 2019-07-06 18:15:47 · 222 阅读 · 0 评论 -
csss实现的几种气泡小提示框
在开发中,我们经常会需要用到鼠标移到提示信息,然后经常会需要各式各样的提示框,首先我们要知道如下的三角形是怎么形成的。border属性三角形都是在content高度、宽度为0的情况下,灵活运用border属性来完成的,举个例子:<div><p class="star1"></p></div>.star1{ posi...原创 2019-07-02 18:50:33 · 1544 阅读 · 0 评论 -
javascript数组的总结和扩展
修改原数组的方法:splice/reverse/fill/copyWithin/sort/push/pop/unshift/shift原数组不变的方法:slice/map/forEach/every/filter/reduce/entries/find1、修改数组的:splice(index,num,item1,item2..) //index开始删除数组下标,num删除数量,item...原创 2019-05-30 18:02:01 · 216 阅读 · 0 评论 -
vue的响应式原理简化代码
vue.jsimport {Dep} from './dep'import {Compiler} from './compiler'class Observe{ obj:Object; constructor(obj){ this.obj = obj; this.walk(); } walk(){ let keys...原创 2019-05-30 18:00:21 · 183 阅读 · 0 评论 -
JavaScript实现排序算法
/*快排*/function quit_sort(arr) { if(arr.length<=1) return arr; let pivotIndex = Math.floor(arr.length/2); let pivot = arr.splice(pivotIndex,1)[0]; let leftArr =[]; let rightAr...原创 2019-05-30 15:23:19 · 121 阅读 · 0 评论 -
JS基础(一)数据
一、数据类型任何编程语言都少不了数据类型,javascript的数据类型包含基本数据类型和引用数据类型基本数据类型:string,number,bool,undefined,null,symbol引用数据类型:object(function,Array,Date,RegExp...)不同点:1、基本数据类型是存在栈内存中,按值传递,例:var a = 3,var b = a; b ...原创 2019-05-17 19:11:48 · 240 阅读 · 0 评论 -
浏览器原理需要知道的事
前端开发—理解浏览器原理 任何语言都要被解析翻译成机器能读懂的语言,然后表现出我们想要的结果,前端我们熟知的css,javascript,html也需要被解析,然后在屏幕上绘制出我们想要的结果,然而这个过程是怎样去执行的呢?我们了解了这背后的原理对我们写代码有什么优化的效果呢?下面让我们来探讨下。浏览器的渲染机制首先渲染的一个主流程是如下图:解析html过程...原创 2019-05-22 19:21:06 · 133 阅读 · 0 评论 -
javascript面向对象编程之继承
面向对象编程,少不了继承,js的es5的继承基础就是利用的原型,上面一篇文章已经理解了原型,现在来分析继承方式。一、原型链继承function Animal(type) { this.type = type;}Animal.prototype.colors = ['green','white','red']Animal.prototype.toString ...原创 2019-03-27 19:39:40 · 225 阅读 · 0 评论 -
javascript面向对象编程之理解原型
我们知道面向对象的三大基本特征:封装、继承、多态,JavaScript的面向对象编程也不外呼围绕这三个特征来学习,js没有类是利用构造函数的原型来达到面向对象编程的效果。因此第一篇来理解原型。1、构造函数和普通函数有什么区别呢?(1)普通函数 function animal(name) { var subname = name console.l...原创 2019-03-25 18:37:41 · 168 阅读 · 0 评论 -
通过vue的trasition浅谈css3的动画
vue提供transition来为元素和组件添加过渡过程,主要可以用于以下几部分:(1)条件渲染v-if(2)条件展示v-show(3)动态组件、组件根节点使用方法:1、在单个元素中使用<transition><div></div></transition>2、多个元素中使用<transition-group><div><...原创 2018-03-21 19:16:56 · 3151 阅读 · 0 评论 -
常见的响应式布局(一)
全球手机浏览的使用量逐渐上升,IE6的使用逐渐下降,越来越多的人使用小屏幕设备上网,而不同屏幕的手机,pad视口的大小不一样,所以像pc端固定min-width的960px不能在移动端适应,所以一般都会用到响应式布局,我总结了一下经常用到的响应式布局.一、flex弹性布局 .contain{padding-right:15px; padding-left:15p原创 2016-10-10 10:57:23 · 846 阅读 · 0 评论 -
angular---常用指令总结
布尔属性指令:ng-disabled可以把disabled属性绑定到以下表单输入字段上:input,textarea,select,button Abutton 当!someProperty=true时,button就被禁用ng-readonly,Ng-selected的用法如上。 类布尔属性指令:ng-href,动态创建URL时,用ng-href代原创 2016-05-06 19:41:41 · 1189 阅读 · 0 评论 -
Web前端数据存储—cookie机制
HTTPCookie,通常叫做cookie,是用于客户端存储会话信息的。例如平常我们使用的浏览器保存某个网页的登陆用户名,是浏览器提供的一种机制,交由javascript处理cookie,即BOM的document.cookie属性; Cookie在性质上是绑定在特定的域名下,当设定一个cookie后,再给创建它的域名发送请求时,都会包含这个cookie。这个限制确保cookie只能让原创 2016-03-05 16:05:29 · 6104 阅读 · 4 评论 -
解析css3属性——动画
Css3的动画属性主要有transition(过度)和动画(animation)一、属性解析Transition下的属性,支持的浏览器有Internet Explorer 10、Firefox、Chrome 以及 Opera。属性可以省略一起写,也可以分开申明属性值;例如:1、-webkit-transition:width 2s… 2、 -webkit-transit原创 2016-03-06 19:46:04 · 635 阅读 · 0 评论 -
前端面试必须知道的技术点
1、diff算法(列表渲染key)2、原型和class子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类自己的this对象,必须先通过父类的构造函数完成塑造,得到与父类同样的实例属性和方法,然后再对其进行加工,加上子类自己的实例属性和方法。如果不调用super方法,子类就得不到this对象。ES5 的继承,实质是先创造子类的实例对象this,然...原创 2019-08-30 19:16:00 · 1286 阅读 · 0 评论