-
json数组转树型嵌套结构
2017-05-03看到有小伙伴想将json数组按照level来分类转成树型嵌套的结构，正好有空，所以我也动手做了做，还好没让人失望。看效果图其实不难发现，原始数据由普通的结构转到树型嵌套结构，经过了两步。1. 按照等级分成一堆一堆。2. 从下向上（排除顶级），查到它们所在的父节点，而将顶级组合在一起就是一个全新的树了。实现的代码具体如下：<...『查看正文』
-
纯CSS让footer固定在页面底部
2017-05-02纯CSS实现让footer固定在底部，当内容不够一屏时固定在屏幕底部，当内容超出一屏时则跟随在内容底部。前段时间做react-demo的时候，遇到过这个CSS-Sticky-Footer的问题，当时因为底部并不是在body下面的，所以没有做起来，只用了响应式的让它浮在底部，而在小屏幕时让它跟随在内容下边。这次正好群里面有小伙伴也...『查看正文』
-
没有退出接口的页面实现退出功能流程图
2017-03-21登录退出功能一般是成对出现，但是项目中并不一定有退出的接口。这时就需要去模拟一个退出的操作，可以配合本地缓存/storage都可。下面是之前在ProcessOn上练习画的一个流程图，可能还不够完美，但是讲解一下思路，应该还是够了的。因为我的数据请求过程中需要用到appId和appSecret，所以在登录成功之后，将这一对数据存入...『查看正文』
-
vue2使用axios代替vue-resource
2017-03-09终于将vue-resource替换成axios了，其中像application/x-www-form-urlencoded发送的头信息以及返回的response结果这两点都需要注意一下。其实axios官方也有说明。因为我在vue-resource中使用了Vue.http.options.emulateJSON = true;这种...『查看正文』
-
如何更方便的管理vue全局组件
2017-03-06刚开始我们会在入口文件main.js中注册VUE全局组件，但是多人合作时频繁修改入口文件的话可能会造成代码冲突，不利于代码维护。所以我们需要单独去建一个JS去保存组件并注册到全局。原来在入口文件main.js/app.js中，这样注册全局组件：//获取位置import topCom from "./components/top"...『查看正文』
-
CSS伪类实现文字颜色对半
2016-11-18CSS不仅是一种技术，也是一种艺术，在这个领域中你有更大的空间和可能性来发挥自己的奇思妙想，今天用CSS给文字上一半的颜色，才发现CSS伪类真是无处不在。CSS实现文字颜色对半，其实说到底还是将伪类显示一半，上色后放到原来的字上面，从正面看到的效果就是这个文字被分了两半，一半是上色后的，一半是原来的颜色。仔细看一下代码，感觉还是...『查看正文』
-
JS转换金额之数字到中文的转化
2016-10-13之前项目中有个合同页面需要将数字金额转换成大写汉字，在百度上搜索到了一个关于Js实现将数字钱币与中文汉字转换的代码，感觉现在这东西金融网站上能用的地方还满多的，所以保存下~应该说是非常容易理解的啦，只要调用digit_uppercase这个函数就可以了，返回值就是大写的钱币数额。具体代码如下：<!doctype html&...『查看正文』
-
background-position百分比格子速记法
2016-08-30其实最近在做的APP项目中已经在开始重整代码，大部分图标也都打算使用iconfont里面的字体图标来完成，不过前期的页面还在更新当中，一时没办法放弃这种背景图片background-position百分比的方法，在做尝试的时候发现了这种格式速记的方法，比较省事的样子~满足条件的格子有哪些？background-position百...『查看正文』
-
安卓APP中可以调用JS方法
2016-08-09通过JS可以在APP嵌套的页面中调用安卓自定义的方法，同理安卓也可以执行JS自定义的函数（方法）。这两天在调试嵌套在APP中的页面，学（zhe）习（mo）之后，感觉还是有点进步的，其中第一次接触到安卓执行页面中的JS，感觉这个用处满大的。JS调用安卓自定义的方法：android.funName()而安卓中也调用网页中的方法：Ca...『查看正文』
-
页面重构应注意的重绘和渲染
2016-05-20前端开发人员在页面重构中应该慎重考虑DOM操作，合理优化DOM的重绘（repaint）与重渲染（reflow）可以减轻客户浏览器的压力以及提高页面的性能，值得去学习交流。网上看了一遍文章，感觉不错，所以拿过来分享一下，中间有些东西说得并不细，所以也加了一些东西。什么是repaint和reflow？首先我们要知道一个页面由两部分组...『查看正文』