前端
xczd
这个作者很懒,什么都没留下…
展开
-
vscode配置 打造性感好用的编辑器
vscode配置 官网: https://code.visualstudio.com/Visual Studio Code是个牛逼的编辑器,启动非常快,完全可以用来代替其他文本文件编辑工具。又可以用来做开发,支持各种语言,相比其他IDE,轻量级完全可配置还集成Git感觉非常的适合前端开发,是微软亲生的想必TypeScript会支持的非常好。 所以我仔细研究了一下文档未来可能会作为主力工具...原创 2018-09-17 12:38:50 · 2516 阅读 · 0 评论 -
记录一次基于vue、typescript、pwa的项目由开发到部署
最近秋招之余空出时间来按自己的兴趣动手做了一个项目,一个基于 vue,typescript,pwa 的实验浏览移动端webapp,现在趁热打铁,将这个项目从开发到部署整个过程记录下来,并将从这个项目中学习到的东西分享出来,如果大家有什么意见或补充也可以在评论区提出。先介绍一下这个项目项目介绍基于vue,typescript,pwa的一个移动端webapp,取名叫browseExp,主要功能是...原创 2018-09-28 22:08:17 · 3133 阅读 · 2 评论 -
Vue页面跳转动画效果实现
前言现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的朋友多多指教。简单demo图预览写在前面的思考如何匹配到相应需要跳转的页面?如何判断是“前进”还是“后退”而后使用不同的动画方...原创 2018-09-28 22:53:27 · 5256 阅读 · 0 评论 -
「前端开发」分享个人习惯的命名方式
把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。1.前言如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持贯彻执行制定的规范。最近在知乎上看到这个:作为程序员,有没有让你感到既无语又崩溃的程序命名?。顿时感慨万千,因为命名对于程序员来说是就是一个难题,有时候因为命名,可能会引起别人的误导,疑惑等,对开发效率,项目的质量影响可...原创 2018-09-29 14:50:02 · 565 阅读 · 0 评论 -
「前端进阶」完全吃透Promise,深入JavaScript异步
完全吃透PromisePromise晋级,需要的全部都在这主要内容:promise基本实现原理promise 使用中难点(链式调用,API基本上返回都是一个新Promise,及参数传递)promise 对异常处理promise 简单实现及规范参考:漫谈promise使用场景30分钟,让你彻底明白Promise原理阮一峰ES6入门JavaScript P...原创 2018-10-10 09:48:38 · 7566 阅读 · 0 评论 -
「前端进阶」完全吃透async/await,深入JavaScript异步
完全吃透async/await导论:首先,必须了解Promise主要研究基本语法对比Promise与Async异常处理参考:Async +Await理解 async/await异步函数 - 提高 Promise 的易用性0. 前言ES7 提出的async 函数,终于让 JavaScript 对于异步操作有了终极解决方案。No more...原创 2018-10-10 09:49:17 · 8382 阅读 · 1 评论 -
用一行CSS代码快速实现镂空邮票、优惠券效果
这篇文章讲我最近遇到的需求和解决过程中遇到的问题,以及学到新知识。从最近在做的需求说起,一个优惠券样式,过设计稿的时候认为没什么大不了的,满口答应了。真正开始开发的时候遇到问题,主要是镂空效果实现方式上比较费劲。要求是背景可配,并且票身可以配背景图,然后镂空是真镂空。设想并尝试了很多种方案,伪类模拟,背景贴图,Canvas 绘制,没有一个能让我满意。前端就是这么难,即使跪下来求设计师妹纸改...原创 2018-10-30 19:44:47 · 1645 阅读 · 0 评论 -
JavaScript 中复杂判断的更优雅写法
前言我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。举个例子先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中...原创 2018-11-11 16:30:07 · 275 阅读 · 0 评论 -
「前端面试」2018前端面试总结,看完弄懂,工资少说加3K
前端问题记录HTML相关CSS相关JAVASCRIPT相关DOM相关HTTP相关VUE相关算法相关网络安全相关webpack相关其他Html相关1 html语义化意义:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。注意:尽可能少的使用无语义的标签div和span;在语义不明显...原创 2018-10-02 12:09:18 · 642 阅读 · 0 评论 -
后端不来过夜半,闲敲mock落灯花(mockjs+Vuex+Vue实战)
Mock的由来【误】 黄梅时节家家雨,青草池塘处处蛙。 后端不来过夜半,闲敲mock落灯花赵师秀:南宋时期的一位前端工程师诗词背景:在一个梅雨纷纷的夜晚,正处于项目编码阶段,书童却带来消息:“写后端的李秀才在几个时辰前就赶往临安度假去了,后端编码的进度又延后…”此时手头仅有一个简单的http数据接口文档的赵师秀来了一套素质三连后,不由得慨叹一声:”好吧,那还是我自己...原创 2018-09-17 12:47:17 · 438 阅读 · 0 评论 -
技术胖TypeScript图文视频教程
近日Node.js之父瑞安达尔(Ryan Dahl)发布新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终提供一个安全的 TypeScript 运行时。甚至Dahl在公开场合表示Node.js已经无力回天,Deno将是他的代替品。我相信前端小伙伴们一定都听说了这个消息。本文首发htt...原创 2018-09-23 12:03:22 · 4981 阅读 · 0 评论 -
小程序挖坑之路
小程序出来那么久一直没有深入的开发,这次借着公司要做小程序,深入探索了一番,结果挖坑无数,当然,仅限挖坑,并没有填完。哈哈,就先mark一下。因为公司业务需求,这次小程序用的是 mpvue + typescript 进行开发。mpvue 相关的坑关于 input 问题因为设计想把输入框的交互做成这个样子:那用原生的输入框是满足不了的,只能自己写组件咯。那么就用vue的方式写了个组件,...原创 2018-09-23 12:05:05 · 970 阅读 · 0 评论 -
「webpack工程师」 用 webpack4 打包vue前端多页面项目
之前一直用的脚手架,这次自己搭建webpack前端项目,花费了不少心思,于是做个总结。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。1.用法项目结构如下:project |- bulid ...原创 2018-09-18 20:27:57 · 2375 阅读 · 0 评论 -
收集优质的中文前端博客(不定期更新中)
收集优质的中文前端博客(不定期更新中)注:博主的公司信息来自网上公开资料,仅供参考,不保证准确性。个人(控制在42个以内)阮一峰的网络日志(蚂蚁金服) 《读懂 ECMAScript 规格》《JavaScript 内存泄漏教程》贺师俊/Hax(百姓网) 《JavaScript — The World’s Best Programming Language》《参加第...原创 2018-09-15 11:26:36 · 383 阅读 · 0 评论 -
超级好用的开发工具,程序员实用工具整理
其实本来打算写的是web开发工具合集,但写着写着觉得不太过瘾,所以索性把所有用得到的工具都列出来了。如果能在一开始就把这些工具利用起来,相信可以大大提高工作效率,所以起码对新手来说是比较有益的。而且从初级开发人员升级为高级开发人员的一个主要方面就是调整工具,简化任务管理流程,无缝地与其他团队成员进行交流,并在使用的工具之间建立集成。所以我总结了60个可以用到的工具,供大家参考。我是...原创 2018-09-15 11:30:38 · 5216 阅读 · 0 评论 -
「不要重复造轮子系列」 前端常用插件、工具类库汇总
前言在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件,这里只是罗列出来,详细的用法各个插件官网或者Gayhub都有介绍。注意:往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎留言交流和补充。^_^可以先加个收藏...原创 2018-09-25 23:44:54 · 740 阅读 · 0 评论 -
「性能优化」首屏时间从12.67s到1.06s,我是如何做到的?
——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。0.引言作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动端快速发展的时代,我们的网页不仅只是呈现在用户的PC浏览器里,更多的时候,用户是通过移动产品浏览我们的网页。加...原创 2018-10-02 00:22:30 · 1468 阅读 · 1 评论 -
「学习笔记」《HTTP协议原理+实践 Web开发工程师必学》的学习笔记(附百度云资源)
许多web开发工程师对于HTTP协议等相关的知识并没有系统的学习过,讲起这一块内容的时候总是模糊不清,对于返回的状态码可能只清楚:401、404、500…?但其实不论是前端、还是后端,牢固的掌握HTTP知识是非常必要的。在面试时,HTTP这部分的内容也是面试官必问的内容。所以为了让自己以后能在web开发这条路上走的更加顺畅,我也专门拿出几小时来恶补一波了HTTP知识,写一篇学习笔记记录下。本...原创 2018-12-15 14:38:21 · 1013 阅读 · 0 评论