妹纸别跑-CSDN博客

原创 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 5852

原创如何获得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 17104 4

转载 JavaScript事件处理的方式(三种)

一、什么是JavaScript事件？事件(Event)是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水，当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键，事件还可能是Web浏览器中发生的事情，比如说某个Web页面加载完成，或者是用户滚动窗口或改变窗口大小。说白了，事件

2017-09-24 21:09:06 4377

原创 JavaScript事件详解

JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型事件模型在不断发展，早期的事件模型称为

2017-09-24 21:05:54 301

原创 scrollTop回到顶部总结

网站中的回到顶部功能有益于增强用户体验，当一个页面很长很长时，回到顶部是必不可少的。回到顶部按钮，可以使用图片，背景图，矢量字体图标，也可以使用代码 css 生成。这里使用 css 生成的方法。a href="" title="回到顶部" id="toTop"> span id="arrow">span>a>#toTop { display: none

2017-09-14 15:39:54 2645

转载 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 244

转载前端模块化

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说

2017-09-13 19:25:47 353

转载浅谈表现和数据分离

无意中看到了一篇关于表现和数据分离的文章，详细的看了一下，感觉和自己理解的不太一样就有了这次的探寻一、什么是表现和数据分离说法1：表现和数据分离就是MVC,MVC 是将数据和业务逻辑分离由控制器分发，明显不是说法2：表现和数据分离就是Css和html+data分离，方便修改页面的表现形式，如模板制作说法3：表现和数据分离就是javascript中的MVC，将数据的获

2017-09-12 11:33:17 1822

转载 js中的隐式转换

js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1，所以为false2. 对象和字符串比较对象和字符串进行比较时，对象转换为字符串，然后两者进行比较。[1,

2017-09-12 11:27:00 231

转载 Javascript中的prototype和proto的理解

一、联系prototype和__proto__都指向原型对象，任意一个函数（包括构造函数）都有一个prototype属性，指向该函数的原型对象，同样任意一个构造函数实例化的对象，都有一个__proto__属性（__proto__并非标准属性，ECMA-262第5版将该属性或指针称为[[Prototype]]，可通过Object.getPrototypeOf()标准方法访问该属性），指向构造

2017-09-07 13:41:55 298

原创写给前端新人：前端开发必会的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 531 2

李栋鹏的专栏