- 博客(28)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Parcel打包器应用经验分享
在大型项目中使用parcel打包工具后的心得，与踩过的坑。优点：1. 正如官网所说的快速，零配置的 Web 应用程序打包器事实确实这样，parcel比webpack更加轻量级，项目中用到的任何关于sass、less、图片、路径、及各种解析都是零配置，拿来即用型。只需要在package.json中引入对应的parcel、parcel-bundler，然后根据官网提示配置即可。...
2018-08-03 19:31:13
1353
原创 h5新特性--导航栏切换
在h5新特性出现前像类似这种Tab切换需要写一堆JS代码，但有了这个新特性后直接用h5标签即可实现切换。如下：<details> <summary>I am a title!</summary> <p>I am text.</p></details>剩下的样式就交给伟大的Css处理吧...
2018-08-03 18:57:56
2016
1
原创 经纬度值绘制GPS轨迹图
需求：根据运动轨迹经纬度值，绘制无地图Path，效果如下。1. 在固定画布范围内绘制，不能超出；2. 因为运动公里数不相同，画出来的path大小不一，有可能超出画布范围内的情况，所以需要对所有数据统一处理规到固定范围内。 实现如下：1. 将经纬度比作x,y轴，为保证从x轴为0，y轴为0刻度开始绘制，使所有点规0，分别取出x,y轴的最小值，遍历所有经纬度取出xleast,yl...
2018-08-03 18:20:08
26700
2
原创 略分析vue三大组件：vue-router/vuex/vue-resource用途
略解释vue三大组件用途：vue-routervuexvue-resourcevue组件通信vue-router：路由配置 https://router.vuejs.org/zh-cn/ 在APP.VUE文件里面使用来告诉router在哪里渲染$router.push()$router.replace()<router-link><router-view>vuex：状态管
2017-10-01 12:12:56
2035
原创 关于webpack项目的一些文件用途解析
我们经常在下载webpack构建的项目时会自动携带一些以 . 开头的文件，为了学习我对这些文件做了一点总结，仅供学习：.bablelrc.editorconfig.eslintrc.js.gitignore.gitreviewREADME.mdfavicon.ico.bablelrchttp://blog.csdn.net/zhanglongdream/article/details
2017-10-01 11:30:02
827
原创 封装的一些 js, css使用小方法
参数拼接：hash或search的方法使用： var str = type; str = str.replace(/^\?/, '').split('#'); for (var i = str.length - 1; i >= 0; i--) { var keyValue = str[i].split('='); if (keyValue[0] == data) {
2017-10-01 10:16:41
451
原创 关于js跨域JSONP的使用
跨域的间接意思是“同源策略”，也就是协议，域名，端口相同。如：http://www.aaa.com ——>> https://www.aaa.com 两个url协议不同其中 这些html标签支持跨域请求,然而jsonp也是利用了标签的跨域功能。一、jQuery：html页面需引入jqueryhttps://ss1.bdstatic.com/5eN1bjq8AAUYm
2017-02-08 15:40:26
564
原创 前端SEO优化
首先了解什么是SEO？SEO（Search Engine Optimization）搜索引擎优化；SEO是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达到网站销售及品牌建设的目标。**为什么要SEO?**- 搜索流量质量高（投放精准，转化率高）；- 性价比高；- 提高网站易用性。
2016-10-09 11:29:39
2038
1
原创 前端性能优化
移动端，首次加载同时请求数不能超过4个移动端的性能优化问题： 移动页面的速度跟三个因素有关，分别是：移动网络带宽速度，设备性能（CPU，GPU，浏览器），页面本身。1.图片加载 1）预加载，有两种实现方式：a.显性加载b.隐性加载加载第一张图片时，已经预先加载了第二张图片。 2）按需加载 先加载首屏，就是lazyload，滚屏加载
2016-10-07 00:07:10
472
原创 gulp安装那些事
在Gulp中，使用的是Nodejs中的stream(流)，首先获取到需要的stream，然后可以通过stream的pipe()方法把流导入到你想要的地方，比如Gulp的插件中，经过插件处理后的流又可以继续导入到其他插件中，当然也可以把流写入到文件中。所以Gulp是以stream为媒介的，它不需要频繁的生成临时文件，这也是Gulp的速度比Grunt快的一个原因。1、安装gulp
2016-09-30 16:11:06
719
原创 git提交命令行
表示git命令不会，真的很头疼，所以在用之前赶紧给自己补补吧。1、git安装1.1 配置git用户名与邮箱git config --global user.name "lizhangjun"git config --global user.email [email protected]只需要运行一次，已经保存在系统上配置文本编辑器如 vim
2016-09-30 16:05:17
358
原创 js图片自动循环播放
js图片自动循环播放1.实现图片自动循环播放;2.单击数字按钮时跳转对应图片;3.左一张，右一张按钮单击时，显示相应的图片;
2016-05-24 22:49:45
11171
1
原创 各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
2016-04-14 17:09:52
6502
原创 关于web中的字体, .woff, .eot, .svg
一般情况下引用字体@font-face时，会把woff，eot，svg都引用进去，浏览器根据需要下载不同类型的字体。IE--.eot; 其它浏览器--.woff； 手机浏览器一般是--.ttf;truetype:是windows和mac系统最常用的字体格式。eot:eot是嵌入式字体，是微软开发的技术，允许onetype字体用@font-face嵌入到网页。
2016-03-30 11:53:39
20057
原创 h5 canvas(toDataURL)实现将图片与文字结合
canvas.toDataURL实现将图片与文字结合。一般证件中输入的信息下载时与图片结合起来就是用的canvas的toDataURL()实现的。
2016-03-28 16:30:35
5646
2
原创 实现更高级的动画效果—requestAnimationFrame
我们一般用 H5 的transition和animations可能实现动画效果，但是高质量的动画效果及其流畅度都要求极致怎么办呢？
2016-02-27 18:32:58
448
N多小图环绕大图随机排列
2016-01-15
WEB前端迷茫阶段，望指教~~
2015-09-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人