web前端
文章平均质量分 73
阿敲同学
越努力越幸运!
展开
-
css隐藏元素的几种方法
在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。{ display: none; /* 不占据空间,无法点击 */ }{ visibility: hidden; /* 占据空间,无法点击 */ }{ position: absolute; clip:rect(1px 1px 1px 1px); /* 不占据空间,无法点击...转载 2018-03-29 08:32:52 · 280 阅读 · 0 评论 -
判断IE浏览器版本
为什么会有IE这种东西!获取IE浏览器版本 利用自执行函数,加载页面时自动执行。<script type="text/javascript"> (function() { // 利用正则获取IE版本 var v = navigator.userAgent.match(/MSIE (\d*)/) // v[1]为捕获到的浏览器版本...原创 2018-07-12 10:20:22 · 342 阅读 · 0 评论 -
解决部分低版本浏览器NodeList不支持forEach函数的问题
前些天做兼容的时候,一些低版本的浏览器NodeList不支持forEach函数。解决方案 为不支持forEach函数的浏览器手动添加forEach函数/** * 为nodelist添加forEach函数 */function addForEachToNodeList () { if (window.NodeList &amp;&amp; !NodeList.protot...翻译 2018-06-08 08:49:25 · 2149 阅读 · 0 评论 -
js解决元素索引值问题
今天在做评论列表的时候,想要获取某元素的索引,想起来原生js并没有JQuery中的index()函数。解决方案,为nodelist中每个元素手动添加index属性/** * 为nodelist添加索引 * @param {NodeList} nodelist 元素集合 */function addIndex (nodelist) { const len = node...原创 2018-06-08 08:18:46 · 1316 阅读 · 0 评论 -
js实现一个时分秒计时器
用js打造一个格式化的计时器(00:00:00)/** * 计时器 * @param {Number} time 初始时间 * @param {Boolean} type 默认为true正计时,false为倒计时 * @author 曲智超 */function Timer (time, type) { this.init(time, type)}/** * 初...原创 2018-06-14 19:25:18 · 11485 阅读 · 8 评论 -
es6语法打造组件化轮播图
一个简单的轮播图组件效果图 点击查看效果图html部分<!-- 轮播组件容器 --><div class="lunbo-wrap pink"> <!-- 封面容器 --> <div class="lunbo-img-wrap"> <img src="http://www.fasheng原创 2018-06-03 12:36:29 · 1298 阅读 · 0 评论 -
npm命令--save-dev与--save的区别
使用npm命令安装各种插件的时候命令总会配合着--save-dev或者是--save使用,那么他们两者有什么区别呢?1.--save-dev会在项目package.json文件中的devDependencies字段中添加开发时所需要的模块信息。2.--save会在项目package.json文件中的dependencies字段中添加发布之后运行时所需要的模块信息。3.总结以上就是--save-de...原创 2018-04-20 20:57:10 · 653 阅读 · 0 评论 -
前端构建工具webpack使用笔记
首先确保已经安装了最新版的node.js生成package.json文件打开命令行切换到项目文件夹npm init项目名称与版本为必填信息,其他选填即可。安装webpack打开命令行切换到项目文件夹安装webpacknpm install --save-dev webpack使用配置文件进行构建在项目文件夹下新建一个配置文件webpack.config.jsconst path = require...原创 2018-04-16 10:58:21 · 228 阅读 · 0 评论 -
原生JavaScript实现一个简单的组件化Tab
Tab相信大家都不会陌生,他算是前端开发中最常见的组件之一。接下来我就跟大家分享一个我用原生JavaScript实现的一个简单的组件化Tab。首先是HTML结构,没什么好说的了吧。<div id="tab1"> <ul class="tab-head"> <li>tab1</li> <li>tab2</li原创 2018-04-02 17:26:56 · 4270 阅读 · 0 评论 -
制作一个vue插件
平时在使用loading、消息弹窗这种通用的组件,如果用一次就引入一次很不方便,于是查阅了一下vue的官方文档找到了插件的制作方法。Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 ...原创 2018-08-01 16:42:46 · 1247 阅读 · 0 评论