- 博客(15)
- 收藏
- 关注
RSS订阅原创 「前端开发」分享个人习惯的命名方式
把一件平凡的事情做好，很平凡。把一件平凡的事情坚持的做好，很不平凡。1.前言如果说计算机科学只存在两个难题：缓存失效和命名。那么我就觉得命名的难点只有两个：词汇量和坚持贯彻执行制定的规范。最近在知乎上看到这个：作为程序员，有没有让你感到既无语又崩溃的程序命名？。顿时感慨万千，因为命名对于程序员来说是就是一个难题，有时候因为命名，可能会引起别人的误导，疑惑等，对开发效率，项目的质量影响可...
2018-09-29 14:50:02
564
原创 Vue页面跳转动画效果实现
前言现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点，欢迎有兴趣的朋友多多指教。简单demo图预览写在前面的思考如何匹配到相应需要跳转的页面？如何判断是“前进”还是“后退”而后使用不同的动画方...
2018-09-28 22:53:27
5254
原创 记录一次基于vue、typescript、pwa的项目由开发到部署
最近秋招之余空出时间来按自己的兴趣动手做了一个项目，一个基于 vue，typescript，pwa 的实验浏览移动端webapp，现在趁热打铁，将这个项目从开发到部署整个过程记录下来，并将从这个项目中学习到的东西分享出来，如果大家有什么意见或补充也可以在评论区提出。先介绍一下这个项目项目介绍基于vue，typescript，pwa的一个移动端webapp，取名叫browseExp，主要功能是...
2018-09-28 22:08:17
3130
2
原创 「不要重复造轮子系列」 前端常用插件、工具类库汇总
前言在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。^_^可以先加个收藏...
2018-09-25 23:44:54
740
原创 小程序挖坑之路
小程序出来那么久一直没有深入的开发，这次借着公司要做小程序，深入探索了一番，结果挖坑无数，当然，仅限挖坑，并没有填完。哈哈，就先mark一下。因为公司业务需求，这次小程序用的是 mpvue + typescript 进行开发。mpvue 相关的坑关于 input 问题因为设计想把输入框的交互做成这个样子：那用原生的输入框是满足不了的，只能自己写组件咯。那么就用vue的方式写了个组件，...
2018-09-23 12:05:05
970
原创 技术胖TypeScript图文视频教程
近日Node.js之父瑞安达尔（Ryan Dahl）发布新的开源项目 deno，从官方介绍来看，可以认为它是下一代 Node，使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动，上层仍然使用 V8 引擎，最终提供一个安全的 TypeScript 运行时。甚至Dahl在公开场合表示Node.js已经无力回天，Deno将是他的代替品。我相信前端小伙伴们一定都听说了这个消息。本文首发htt...
2018-09-23 12:03:22
4981
原创 「webpack工程师」 用 webpack4 打包vue前端多页面项目
之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。1.用法项目结构如下：project |- bulid ...
2018-09-18 20:27:57
2374
原创 后端不来过夜半，闲敲mock落灯花（mockjs+Vuex+Vue实战）
Mock的由来【误】 黄梅时节家家雨，青草池塘处处蛙。 后端不来过夜半，闲敲mock落灯花赵师秀：南宋时期的一位前端工程师诗词背景：在一个梅雨纷纷的夜晚，正处于项目编码阶段，书童却带来消息：“写后端的李秀才在几个时辰前就赶往临安度假去了，后端编码的进度又延后…”此时手头仅有一个简单的http数据接口文档的赵师秀来了一套素质三连后，不由得慨叹一声：”好吧，那还是我自己...
2018-09-17 12:47:17
438
原创 vscode配置 打造性感好用的编辑器
vscode配置 官网： https://code.visualstudio.com/Visual Studio Code是个牛逼的编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。又可以用来做开发，支持各种语言，相比其他IDE，轻量级完全可配置还集成Git感觉非常的适合前端开发，是微软亲生的想必TypeScript会支持的非常好。 所以我仔细研究了一下文档未来可能会作为主力工具...
2018-09-17 12:38:50
2515
原创 Photoshop：6.14世界献血海报设计分享poster design（内附psd）
前言 Photoshop：6.14世界献血海报设计技巧分享poster design作为一个ps新手，由于平台比较少，能够拿来锻炼的也就是学校的海报比赛，这个应该算是我第二次参加学校的海报大赛。这一次由于他的规则太科学，连尺寸都很随意举办太随意，令我有些沮丧。这张海报我考虑到是献血日，献血是一件有爱心的事情，所以海报的背景颜色为白色，整体以暖色为主，以求体现温暖的视觉第一感。...
2018-09-15 11:51:52
1513
1
原创 photoshop摄影后期 教你两招完成魔幻现实特效技巧
photoshop摄影后期先打开Camera raw 滤镜因为我这里要打造一个白天的效果，所以我要让画面稍微亮一点起来 然后打开HSL，由于动漫的草地是比较绿的，所以我把草地的颜色做了调整然后分别对旁边的饱和度和明亮度做一个合适的调整然后点击相机校准，调整参数点击确定，我们可以发现已经发生了很大的变化接下来我们要给这个天空换一个...
2018-09-15 11:44:42
706
原创 超级好用的开发工具，程序员实用工具整理
其实本来打算写的是web开发工具合集，但写着写着觉得不太过瘾，所以索性把所有用得到的工具都列出来了。如果能在一开始就把这些工具利用起来，相信可以大大提高工作效率，所以起码对新手来说是比较有益的。而且从初级开发人员升级为高级开发人员的一个主要方面就是调整工具，简化任务管理流程，无缝地与其他团队成员进行交流，并在使用的工具之间建立集成。所以我总结了60个可以用到的工具，供大家参考。我是...
2018-09-15 11:30:38
5215
原创 收集优质的中文前端博客（不定期更新中）
收集优质的中文前端博客（不定期更新中）注：博主的公司信息来自网上公开资料，仅供参考，不保证准确性。个人（控制在42个以内）阮一峰的网络日志（蚂蚁金服） 《读懂 ECMAScript 规格》《JavaScript 内存泄漏教程》贺师俊/Hax（百姓网） 《JavaScript — The World’s Best Programming Language》《参加第...
2018-09-15 11:26:36
382
原创 Hadoop2.7.3完全分布式搭建配置参数
[caption id=”attachment_436” align=”aligncenter” width=”2483”] hadoop[/caption]国赛前夕，写文章加顺便背Hadoop2.7.3完全分布式搭建配置参数，希望能好运。所有的东西都是经过实测的，干货开始： 完全分布式一共需配置6个文件。分别是：hadoop-env.sh,core-site.xml,hdfs-si...
2018-09-15 09:58:06
375
原创 PHP站内搜索功能(laravel自带Scout驱动+elasticsearch)
站内搜索由于最近做的网站需要用到网站的站内搜索,我也是偷偷摸摸学了一手，希望有需要的朋友也可以看看 搜索引擎 Elasticsearch 官方网站 https://www.elastic.co/cn/ 原理：输入内容与内存中的想匹配找到对应的文档输出 Elasticsearch的中文支持主要依靠medcl Elasticsearch 基本概念 索引 服务器地址 端口 index：...
2018-09-15 09:42:57
3164
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人