随笔分类 - 5.web前端
摘要：自从公司站点全部启用https后，使用charles就不能像以前那样愉快的抓包啦！不过没关系，这里教你怎么配置charles，使其支持https抓包。之前有一篇介绍charles的使用，参考这篇：http://www.cnblogs.com/zourong/p/4766577.html 原理分析 H
阅读全文
摘要：在atom编辑器里添加插件，操作步骤如下：以atom-ide-vue插件为例 //切换到插件目录cd /Users/name/.atom/packages //将需要下载插件的源代码拉下来git clone https://github.com/rwatts3/atom-ide-vue //进入插件
阅读全文
摘要：链接： https://163.lu/k/bP5Jy2
阅读全文
摘要：工程中用到图标是常事，那这些图标我们前端一般是怎么解决的呢？这几种方案有什么优缺点呢？ 第一种： SVG Sprite SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称，是一种用来描述二维矢量图形的XML标记语言。SVG图形
阅读全文
摘要：前端开发中经常会用到AJAX发送异步请求，对于POST类型的请求会附带请求数据。而常用的两种传参方式为：Form Data 和 Request Payload。 GET请求 使用get请求时，参数会以key=value的形式拼接在请求的url后面。例如： 但是受限于请求URL的长度限制，一般参数较少
阅读全文
摘要：参考：http://www.jianshu.com/p/3291de46f3ff 目录操作 命令名 说明 举例 cd 切换到指定目录 cd test ls 查看这个目录下的所有文件 ls /Users/zourong/projects/test pwd 显示当前目录的路径名 pwd mkdir 新建
阅读全文
摘要：git: https://github.com/rainnaZR/svg-animations/tree/master/src/pages/step2/letter.change 说明 这个页面实现了两个动画。 字母切换 字母切换的方式通过修改 stroke-dasharray 的值来实现动画。是从
阅读全文
摘要：git: https://github.com/rainnaZR/svg-animations/tree/master/src/pages/step2/path 说明 这个动画实现的是线条动画,主要用到的是 SVG 的 path 标签。 <path> 标签命令 使用 <path> 标签的 d 属性标
阅读全文
摘要：git 地址：https://github.com/rainnaZR/svg-animations/tree/master/src/pages/step2/volumn 说明 这个动画的效果就是多个线条的高度发生变化,使用了两种写法(css,svg)来实现。 CSS实现 定义线条的节点,可以使用伪元
阅读全文
摘要：参考资料: http://www.w3school.com.cn/svg/index.asp https://msdn.microsoft.com/zh-cn/library/gg193979 git地址： https://github.com/rainnaZR/svg-animations 简介
阅读全文
摘要：参考资料: https://mozilla.github.io/nunjucks/ https://mozilla.github.io/nunjucks/templating.html https://mozilla.github.io/nunjucks/api.html 常用API render
阅读全文
摘要：在windows环境下，git提交文件时，默认对文件名大小写不敏感，若修改了文件名字的大小写，可能会导致提交时没有记录，文件名修改不成功。网上搜集了几种解决方法，现总结下： 1. 修改git config的配置 经测试，发现当修改文件名字的大小写并提交后，git status里并没有删除文件的操作，
阅读全文
摘要：此篇文章介绍前端性能优化的一些实践方案。主要是结合结尾几个案例摘抄总结，找出性能优化过程中一些通用的方案。 1. 客户端将初始化webview和加载内容同步进行，通过客户端的长链接来加载内容。如果长链接通过够快，可能webview启动完成，页面就可以显示出来了。 2. 离线缓存：客户端缓存html页
阅读全文
