ican999-CSDN博客

原创前端MVC，JS模板替换实现原理

我们常用的框架，比如Vue、Angular等，都有属于它们自己的表达式，比如{{}}，它们的数据绑定实现原理其实是利用了正则表达式。 MVC模式 M model 模型数据 V view 视图层 C control 控制器view。注意：这里的script标签的type属性要设置为“text/html”，这样浏览器在渲染页面时不会把script标签里面的内容渲染到页面上。<s

2017-09-19 14:30:18 855

原创 JS函数里的this的含义，什么情况下怎么用

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。　　function test(){

2016-11-26 14:59:59 12214 1

原创 position 和 display 的取值和各自的意思和用法

position 1、position属性取值：static(默认)、relative、absolute、fixed、inherit。 2、postision：static；始终处于文档流给予的位置。看起来好像没有用，但它可以快速取消定位，让top，right，bottom，left的值失效。在切换的时候可以尝试这个方法。 3、除了static值，在其他三个值的设置下

2016-11-26 14:49:17 8211 1

原创 CSS3清除浮动保持浮层水平垂直居中

1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 1、在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行清除浮动。 2、清除浮动的方法：

2016-11-26 14:41:55 2484

原创 javascript内存泄露解决办法

javascript内存泄露解决办法避免在局部作用域（函数体）里边创建全局变量。如果需要操作dom，比如append，避免在for里边append。可以在for循环里边把需要的dom拼接成字符串，在for循环结束再一次性append。在数据结构中存储的DOM节点，当不再需要这些DOM引用时，记得及时清空（置为null）。发请求获取数据，可以把需要的数据保存在一个变量里，避免之后需要的时...

2018-09-05 15:10:34 275

原创来自一个小白学习PHP的学习路径

来自一个小白学习PHP的学习路径推荐慕课网PHP工程师学习路径：（网址：http://www.imooc.com/course/programdetail/pid/34）以下是我个人在已有HTML+CSS+JavaScript基础之下，通过慕课网学习PHP的过程，记录下自己的学习路线，同时也推荐给PHP小白们，欢迎各位大佬们分享你们的学习经验~如有不足之处欢迎指出~

2017-06-23 11:24:16 637

转载 JavaScript常用的代码片段

转义特殊字符为html实体 HtmlEncode: function(str){ return str.replace(/&/g, '&').replace(/\"/g, '"').replace(/, ').replace(/>/g, '>').replace(/'/g, '''); },验证是否为有效的手机电话号码 IsMobile: fun

2016-11-28 10:38:02 462

转载学会使用box-sizing布局

盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如：padding + border + width= 盒子的宽度padding+ border + height = 盒子的高度这看起来并不是那么直观

2016-11-28 10:33:19 5292 1

转载实用的60个CSS代码片段[转]

1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(

2016-11-28 10:29:31 583

原创 JS数组的属性以及方法

数组对象属性 constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。数组对象方法 concat() 连接两个或更多的数组，并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定

2016-11-26 15:09:14 502

原创 apply 和 call 什么含义，什么区别？什么时候用

每个函数对象会有一些方法可以去修改函数执行时里面的this，比较常见得到就是call和apply，通过call和apply可以重新定义函数的执行环境，即this的指向 function add(c,d){ console.log(this.a + this.b + c + d); } var o ={a:1,b:3}; add.

2016-11-26 15:01:04 6604

原创 prototype 是什么东西，原型链的理解，什么时候用 prototype

prototype prototype是函数对象上面预设的对象属性 1. JS中所有的东西都是对象,每个对象都有prototype这个属性，这个属性是一个对象（object） 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype 3. JS中构造函数和实例(对象)之间有微妙的关系，构造函数通过定义pro

2016-11-26 14:58:21 13569

原创 JavaScript数据类型， null 和 undefined，原始数据类型，引用数据类型

数据类型： undefiend 没有定义数据类型 number 数值数据类型例如 10或者1或者5.5 string 字符串数据类型用来描述文本例如 "你的姓名" boolean 布尔类型 true|false 不是正就是反，是或者否，有或者没有 object 对象类型复杂的一组描述信息的集合

2016-11-26 14:55:24 4221

原创样式的层级关系，选择器优先级，样式冲突

1、样式的层级关系：一个是权重，另一个就是共用样式和私用样式了，比如说两个ul，它们的子元素除了背景色之外都一样，那可以直接用li {}来定义相同的公用样式，用 .ul_1 li {} ， .ul_2 li {} 来定义不相同的样式。可以根据元素之间的差别来选择用哪种方法。推荐用多层级的方式书写css选择器。2、选择器优先级：（!important>）id选择器>class选择器（属性

2016-11-26 14:50:54 6339

原创 fullpage实现单页面全屏网站

html源代码 Apple Watch 宣传页它，终于来了。为了充分发挥体积小巧以及佩戴于手腕的优势，Apple Watch带来全新的科技和互动方式。它可以让你更快速便捷地完成一些在早已习惯的事，也

2016-10-30 21:21:07 1175

splendid_can的博客