摘要： 公司的管理系统中有“文字间歇无缝向上滚动”的需求，现在这种需求基本在项目开发中已经消失了，没什么新颖的，但架不住公司高层喜欢这种玩意儿，所以，作为开发人员，即使你有一百个不乐意，谁让是人家给你发工资呢！！！其实，这种用在vue项目中的需求跟原生js的实现方法基本一致，且实现的方法有多种，今天就单拎出来一种实现方法吧 阅读全文

摘要： 在开发公司管理后台系统时，遇到了需要根据不同的时间段如“近一年、近半年、近三月、近一月、近一周”来获取并展示不同图表数据的需求，很是繁琐，项目开发周期又非常的短，自己想了一下，虽然有思路，但一时半会儿要写出来还是比较费时的，所以就索性上网找一个现成的轮子吧，还好已有大神写过同样的效果的，但离我实际的需求还是有点远，现在先参考大神的代码来做一个笔记吧 阅读全文

摘要： jQuery的出现，大大的提升了我们操作dom的效率，使得我们的开发更上一层楼，如jQuery的选择器就是一个很强大的功能，它包含了类选择器、id选择器、属性选择器、元素选择器、层级选择器、内容筛选选择器等等，很是方便快捷，并且这些选择器的兼容性都很好，可以说操作dom使用jq选择器一时爽，一直使用一直爽！只是，目前Vue、React、Angular三大框架的出现大大降低了JQuery的使用频率，而且JQuery在操作dom和绑定数据时确实存在一定的性能问题和各种坑，但依旧不可抹杀jq在操作dom方面的强大存在！ 阅读全文

摘要： 有一句话叫“前人栽树后人乘凉”，还有一句话叫“如果说我看得比别人更远些，那是因为我站在巨人的肩膀上”。前一句是国人的俗语，后一句是那个发现了“万有引力”定律的牛顿说的。为什么要引用这两句呢？是因为我刚开始用vue的时候，使用的是vue-cli来搭建vue项目，快速又好用；我刚开始用react的时候，使用的是create-react-app来搭建react项目，方便又省事。使用这些已有的脚手架来搭建项目，无可厚非，对于新手来说，也确实能快速构建，不做置评。 阅读全文

摘要： 上一篇文章介绍了关于Vue如何根据传参的不同动态注册不同的子组件，由Vue的这个功能我就自然联想到了使用react该如何实现同样的功能呢。其实，用react实现同样的功能会更简单，不用那么多的API，不用去查找这些平时可能用的很少的API的用法，这也是为什么很多人喜欢react的原因，react只提供了一些核心的API，至于怎么实现特定的功能，你自己想办法去实现咯，这就是足够灵活啊！！！ 阅读全文

摘要： 写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。但是今天，一个前端同行在群里问我“如果当前页面是根据传进来的参数的不同而显示不同的组件，而且当前页面中可能会import进来几十个子组件，而我又不想挨个去import这些组件，同时这些组件又是按需加载的，该咋实现？” 说实话，一开始我也懵了。 阅读全文

摘要： 前端技术更新迭代的速度令人咂舌，互联网+的风头刚起那几年，前端技术大多还停留在jquery阶段，按需加载还停留在seajs和requirejs的阶段，css3和H5也不过才崭露头角，但经过几年的飞速发展，Angular、Vue和React俨然已形成前端框架的三足鼎立之势，且风头正劲，各领风骚！看惯了css、sass、less的容颜，惊艳于css3的神奇，向往着下一代css的传奇。今天就简单玩玩下一代的css传奇cssnext(据说阿里早几年前就开始玩cssnext了)。 阅读全文

摘要： 这两天，一个前端朋友在面试的笔试过程中遇到了一道类似于“用js实现将一个具有相同code值的一维数组转换成相同code值在一起的二维数组”。他面试过后，把这个问题抛给了我，问我会实现吗？说实话，一开始，我也懵，我唯一能想起来的就是遍历这个一维数组，然后拿数组中的code值来做比较，但是真实现起来就没那么容易了，况且以前我也没有实现过这样的功能，平时的开发中好像也没遇到过这样的功能。 阅读全文

摘要： 写本文的目的是今天恰好有一个之前做SEO的同事问我怎样把一篇文章中多个连续的br标签替换成两个连续的br标签，这里就牵涉到SEO层面的问题了。 在做SEO优化的时候，其中有一个需要注意的地方就是尽量减少文章中br标签强制换行的使用，如果换行请尽量使用p标签，p标签严格意义上来说就是段落标签，是专门用在文章的段落中的。br标签对SEO不够友好，我想很大程度上还是搜索引擎想要写代码的人的尽量把代码写的规范，什么时候该用什么标签突出强调，什么时候该用什么标签换行，什么时候该用什么标签包裹标题等等。 阅读全文

摘要： 在使用React时，会经常需要处理state里边设置的初始值以达到我们的实际需求，比如从接口获取到列表数据后要赋值给定义的列表初始值，然后数据驱动view视图进而呈现在我们眼前，这种最简单的赋值方式实现起来也很简单，其实VUE实现起来更简单，直接写成this.listData = res.data即可，这里不做过多vue的赘述。那么在使用React时你有没有想过如果是给一个数组中的某一项重新赋值呢？如果给一个Object对象中的某一项单独重新赋值呢？还会这么简单吗？类似这种的，如果我只想修改listData数组第二项中的name值呢？如果我只想修改obj中的age值呢？最开始的那种赋值方法已经不能用了，否则会报错的。 阅读全文