- 博客(28)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
原创 Parcel打包器应用经验分享
在大型项目中使用parcel打包工具后的心得,与踩过的坑。优点:1. 正如官网所说的快速,零配置的 Web 应用程序打包器事实确实这样,parcel比webpack更加轻量级,项目中用到的任何关于sass、less、图片、路径、及各种解析都是零配置,拿来即用型。只需要在package.json中引入对应的parcel、parcel-bundler,然后根据官网提示配置即可。...
2018-08-03 19:31:13 1399
原创 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 2051 1
原创 经纬度值绘制GPS轨迹图
需求:根据运动轨迹经纬度值,绘制无地图Path,效果如下。1. 在固定画布范围内绘制,不能超出;2. 因为运动公里数不相同,画出来的path大小不一,有可能超出画布范围内的情况,所以需要对所有数据统一处理规到固定范围内。 实现如下:1. 将经纬度比作x,y轴,为保证从x轴为0,y轴为0刻度开始绘制,使所有点规0,分别取出x,y轴的最小值,遍历所有经纬度取出xleast,yl...
2018-08-03 18:20:08 26984 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 2069
原创 关于webpack项目的一些文件用途解析
我们经常在下载webpack构建的项目时会自动携带一些以 . 开头的文件,为了学习我对这些文件做了一点总结,仅供学习:.bablelrc.editorconfig.eslintrc.js.gitignore.gitreviewREADME.mdfavicon.ico.bablelrchttp://blog.csdn.net/zhanglongdream/article/details
2017-10-01 11:30:02 861
原创 封装的一些 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 468
原创 关于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 578
原创 前端SEO优化
首先了解什么是SEO?SEO(Search Engine Optimization)搜索引擎优化;SEO是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中的关键词自然排名,获得更多流量,从而达到网站销售及品牌建设的目标。**为什么要SEO?**- 搜索流量质量高(投放精准,转化率高);- 性价比高;- 提高网站易用性。
2016-10-09 11:29:39 2141 1
原创 前端性能优化
移动端,首次加载同时请求数不能超过4个移动端的性能优化问题: 移动页面的速度跟三个因素有关,分别是:移动网络带宽速度,设备性能(CPU,GPU,浏览器),页面本身。1.图片加载 1)预加载,有两种实现方式:a.显性加载b.隐性加载加载第一张图片时,已经预先加载了第二张图片。 2)按需加载 先加载首屏,就是lazyload,滚屏加载
2016-10-07 00:07:10 512
原创 gulp安装那些事
在Gulp中,使用的是Nodejs中的stream(流),首先获取到需要的stream,然后可以通过stream的pipe()方法把流导入到你想要的地方,比如Gulp的插件中,经过插件处理后的流又可以继续导入到其他插件中,当然也可以把流写入到文件中。所以Gulp是以stream为媒介的,它不需要频繁的生成临时文件,这也是Gulp的速度比Grunt快的一个原因。1、安装gulp
2016-09-30 16:11:06 769
原创 git提交命令行
表示git命令不会,真的很头疼,所以在用之前赶紧给自己补补吧。1、git安装1.1 配置git用户名与邮箱git config --global user.name "lizhangjun"git config --global user.email lizhangjun@huami.com--global只需要运行一次,已经保存在系统上配置文本编辑器如 vim
2016-09-30 16:05:17 371
原创 js图片自动循环播放
js图片自动循环播放1.实现图片自动循环播放;2.单击数字按钮时跳转对应图片;3.左一张,右一张按钮单击时,显示相应的图片;
2016-05-24 22:49:45 11245 1
原创 各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
2016-04-14 17:09:52 6550
原创 关于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 20138
原创 h5 canvas(toDataURL)实现将图片与文字结合
canvas.toDataURL实现将图片与文字结合。一般证件中输入的信息下载时与图片结合起来就是用的canvas的toDataURL()实现的。
2016-03-28 16:30:35 5721 2
原创 实现更高级的动画效果—requestAnimationFrame
我们一般用 H5 的transition和animations可能实现动画效果,但是高质量的动画效果及其流畅度都要求极致怎么办呢?
2016-02-27 18:32:58 461
N多小图环绕大图随机排列
2016-01-15
WEB前端迷茫阶段,望指教~~
2015-09-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人