gulp实战技巧之日常开发定位样式难？不如试试神器gulp-sourcemaps吧！
为了提高开发效率，我们的项目中可能会使用@import文件引入、stylus、sass、less之类的css预处理器。为了优化代码，可能还会压缩css。这一系列操作就导致了在开发过程中定位问题比较困难的现象。所以，我们需要一款神器来精准定位问题。而本文......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-05-30 - 阅:317 - 积分:0
gulp3实战技巧之利用gulp-file-include实现模板复用，大大提高开发效率！
去年今日，艺灵写了最后一篇关于gulp的实战文章。最近刚好因项目原因，又拾起gulp练手了一把。虽然开发过程中没什么大的问题，毕竟之前是有保存配置环境的。但本着分享精神，艺灵觉得还是有必要继续再写一些关于gulp方面的实战文章。话说，gulp官网......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-05-19 - 阅:772 - 积分:0
一篇文章带你解读传统网页开发和gulp+webpack自动化构建工具开发的优劣
前端更新速度比火箭还快！传统的开发方式逐渐退出历史舞台。新一代构建工具早已到来，使用gulp、webpack、Parcel等可以节省大量的开发时间和提升工作效率，最重要的是说出来也好听点。不会点啥子，都没法出来混了............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2019-05-19 - 阅:908 - 积分:0
Vue.js实例之v-bind:style用法
v-bind:class和v-bind:style的写法基本相同，都有对象写法、数组写法，都可以用字符串拼接的方法实现某些特定的需求。这篇文章依旧是在vue官网文档的基础上进行整理，文章中会用完整的例子来对每一种写法进行案例演示，方便看官理解。......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2017-05-12 - 阅:22580 - 积分:0
Vue.js实例之v-bind:class用法
这篇文章在vue官方的文档的基础上对v-bind:class的用法进行了整理，文章中附带了几个完整的demo案例展示以便看官更好的理解文档。此篇文章中用到的vue是2.0版本，看官在阅读时需要注意版本的问题。......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2017-05-11 - 阅:4983 - 积分:0
![[源码]css3动画之画对勾特效源码](https://img.alicdn.com/imgextra/i2/759415648/TB25PY1kMJkpuFjSszcXXXfsFXa-759415648.gif "[源码]css3动画之画对勾特效源码")
css3动画教程之画对勾特效
css3动画可以实现很多在常人看来是很复杂或者需要js才能完成的特效。下面要分享的这个特效是一个利用css3动画制作的一个画对勾特效，代码虽然简单但实现了最终的效果。当然，对于同一种css3特效，实现的方法可以有多种。喜欢动手的看官可以来尝......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2017-04-08 - 阅:11097 - 积分:0
移动端开发中的坑之ios不识别动态元素的click事件
之前给手机端做的弹层特效，一直没有注意一个问题：动态插入的元素绑定了click事件后在iphone果机中失效的问题。还好后来测试时发现问题了，然后在网上搜索了下方法，给目标元素添加一个手势cursor:pointer;就解决了问题............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-12-22 - 阅:757 - 积分:0
移动端开发中的坑之未定义高度的video在安卓机uc中出现异常
今天在处理移动端的视频，当时用video标签做的。在真机测试时发现安卓机上用uc浏览器打开后，视频的上方和下方都有一段空隙，而其他浏览器都没有。折腾了几个小时后终于解决了问题............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-11-25 - 阅:810 - 积分:0
web网站开发之iphone6 plus微信中的一次踩坑经历
昨天下午公司同事在测新版手机端网站，用iphone的同事反应了两个问题。一个是关于滑屏不流畅，这个可以用-webkit-overflow-scrolling:touch来解决，另一个问题是position:fixed失效了，经过一番测试最终找到了原因并解决了问题......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-11-02 - 阅:396 - 积分:0
阿里iconfont部分矢量图标会影响整个项目图标的新发现
话说昨晚匆忙之下写了篇关于阿里iconfont基线的坑，今日又做了详细的测试，结果发现部分图标会影响整个项目图标的尺寸............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-09-23 - 阅:573 - 积分:0
血的教训之更新阿里iconfont矢量图标基线后的坑
看官知道阿里iconfont矢量图标库吗？如果看官从事web前端工作，艺灵建议看官接触下iconfont，真的很方便。但是，对于里面提供的基线调整问题，在调整前一定要备份啊，因为............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-09-22 - 阅:2579 - 积分:0