前端
妹纸别跑
只有代码能让我快乐。
展开
-
前端模块化
在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说转载 2017-09-13 19:25:47 · 373 阅读 · 0 评论 -
如何获得select被选中option的值
一:JavaScript原生的方法1:拿到select对象: var myselect=document.getElementById(“test”);2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项options的value: myselect.opti原创 2017-11-16 13:34:59 · 17282 阅读 · 4 评论 -
Javascript中的prototype和__proto__的理解
一、联系prototype和__proto__都指向原型对象,任意一个函数(包括构造函数)都有一个prototype属性,指向该函数的原型对象,同样任意一个构造函数实例化的对象,都有一个__proto__属性(__proto__并非标准属性,ECMA-262第5版将该属性或指针称为[[Prototype]],可通过Object.getPrototypeOf()标准方法访问该属性),指向构造转载 2017-09-07 13:41:55 · 322 阅读 · 0 评论 -
写给前端新人:前端开发必会的25个知识点
1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)(Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效原创 2017-01-15 09:02:55 · 600 阅读 · 2 评论 -
浅谈表现和数据分离
无意中看到了一篇关于表现和数据分离的文章,详细的看了一下,感觉和自己理解的不太一样就有了这次的探寻一、什么是表现和数据分离说法1:表现和数据分离就是MVC,MVC 是将数据和业务逻辑分离由控制器分发,明显不是说法2:表现和数据分离就是Css和html+data分离,方便修改页面的表现形式,如模板制作说法3:表现和数据分离就是javascript中的MVC,将数据的获转载 2017-09-12 11:33:17 · 1877 阅读 · 0 评论 -
js中的隐式转换
js中的不同的数据类型之间的比较转换规则如下:1. 对象和布尔值比较对象和布尔值进行比较时,对象先转换为字符串,然后再转换为数字,布尔值直接转换为数字[] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1,所以为false2. 对象和字符串比较对象和字符串进行比较时,对象转换为字符串,然后两者进行比较。[1,转载 2017-09-12 11:27:00 · 253 阅读 · 0 评论 -
JavaScript事件处理的方式(三种)
一、什么是JavaScript事件?事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小。说白了,事件转载 2017-09-24 21:09:06 · 4538 阅读 · 0 评论 -
JavaScript事件详解
JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。 首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。 DOM0事件模型 事件模型在不断发展,早期的事件模型称为原创 2017-09-24 21:05:54 · 338 阅读 · 0 评论 -
scrollTop回到顶部总结
网站中的回到顶部功能有益于增强用户体验,当一个页面很长很长时,回到顶部是必不可少的。回到顶部按钮,可以使用图片,背景图,矢量字体图标,也可以使用代码 css 生成。这里使用 css 生成的方法。a href="" title="回到顶部" id="toTop"> span id="arrow">span>a>#toTop { display: none原创 2017-09-14 15:39:54 · 2701 阅读 · 0 评论 -
jquery操作复选框的总结
jquery操作复选框(checkbox)的12个小技巧总结1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val();2、 获取多个check转载 2017-09-13 19:28:43 · 262 阅读 · 0 评论 -
vue+webpack 实现组件按需引入
Element官网,//官网:http://element-cn.eleme.io/#/zh-CN/component/quickstart注释 vue用webpack打包时 es6语言可能不兼容部分浏览器 可以安装es2015模块1、安装依赖包1$ npm install --save-dev babel-preset-es2015ps:babel-loader、babel-core应该是默认装...原创 2018-03-07 17:41:54 · 5903 阅读 · 0 评论