摘要: <style> li:nth-of-type(odd){ margin-left: 5px;}奇数行 li:nth-of-type(even){margin-left: 5px;}偶数行 </style> <ul id="Ulist"> <li>1</li> <li>2</li> <li>3</li 阅读全文
posted @ 2020-06-02 10:11 张永健 阅读(1468) 评论(0) 推荐(0) 编辑
摘要: 需升级extract-text-webpack-plugin npm i --save-dev extract-text-webpack-plugin@next 会下载到 extract-text-webpack-plugin@4.0.0-beta 然后再打包就OK了~ 阅读全文
posted @ 2019-09-09 17:17 张永健 阅读(451) 评论(0) 推荐(0) 编辑
摘要: 循坏遍历出的表格 阅读全文
posted @ 2019-07-16 09:56 张永健 阅读(719) 评论(0) 推荐(0) 编辑
摘要: 做一个用鼠标滚轮控制图片放大缩小的简单功能。 1.滚动时页面也会跟随滚动e.preventDefault()去掉默认事件。 2.Chrome、IE等浏览器,用mousewheel绑定,火狐用DOMMouseScroll绑定事件。 3.Chrome用e.wheelDelta等于120或-120判断滚动 阅读全文
posted @ 2019-07-02 14:43 张永健 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。 阅读全文
posted @ 2019-05-14 15:57 张永健 阅读(2481) 评论(2) 推荐(0) 编辑
摘要: 数组创建 JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数: 1 2 3 var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("l 阅读全文
posted @ 2019-05-06 18:28 张永健 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 编写代码只是软件开发的一小部分,更多的时间往往花在构建(build)和测试(test)。 为了提高软件开发的效率,构建和测试的自动化工具层出不穷。Travis CI 就是这类工具之中,市场份额最大的一个。 本文介绍 Travis CI 的基本用法。用好这个工具不仅可以提高效率,还能使开发流程更可靠和 阅读全文
posted @ 2019-04-29 11:01 张永健 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2019-04-26 16:31 张永健 阅读(504) 评论(0) 推荐(0) 编辑
摘要: 前端开发者必备的 Nginx 知识 作者:code秘密花园 公号 / ConardLi (本文来自作者投稿) nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗 阅读全文
posted @ 2019-04-18 18:10 张永健 阅读(223) 评论(0) 推荐(0) 编辑
摘要: element.click()火狐浏览器不支持 阅读全文
posted @ 2019-04-16 14:02 张永健 阅读(4031) 评论(0) 推荐(0) 编辑