WEB前端
Web全栈开发
Vue Vue.js React Angular javaScript ES6 js HTML5 H5 webpack (React Native)
HBuilder Mui jQuery (uni app) 微信小程序 mpvue APICloud element-ui (ant deisign)
CSS CSS3 Node.js WEB前端 Web全栈开发 Layui Egret flutter Taro ionic gulp
展开
-
45个值得收藏的 CSS 形状
CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 我们还可以使用 CSS 伪元素中的 ::before 和 ::after,这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个...原创 2019-08-25 14:55:22 · 151 阅读 · 0 评论 -
从学生思维转变到职业素养
我其实是一直没觉得学生时代的想法和上班以后的想法有多大不同的。 自己上学时候和性格和思维方法和现在工作时候的方法相差不太多,仔细想想,大概是跟我没上过大学有关系。 所以我可能感受不了太多学生思维什么样子,我在教授这几百个新人的时候,也能知道他们有各种各样的问题和习惯,但是哪些可以归于学生思维,说不好。 可能总是有一些习惯会存在大多数的学生身上,才会归结成学生思维。 比如说,有一个项目,一个学生做后...原创 2019-08-30 17:24:15 · 265 阅读 · 0 评论 -
高级程序员和普通程序员有哪些区别?
就只说初级程序员经常容易犯的错误,把这些错误改正了,你离中级就不远了。 初级程序员经常犯的错误集锦 1 命名不规范 2 日志不规范 3 拒绝写接口和假数据 4 不写单元测试 5 盲目集成 6 逻辑不清 7 不做方案 8 不关注性能 9 害怕重构 10 做出来就好,不考虑优雅的方案 11 不考虑未来需求的变化 12 遇到问题的时候不会试错 13 不会写伪代码 14 不做数据量的预估 15 提交代码不...原创 2019-08-30 17:22:47 · 111 阅读 · 0 评论 -
多网站项目的 CSS 架构
复杂的 CSS 架构,可不是你在科班里能学到的东西。 我在互联网行业的第四份工作,是在我国一家领先的媒体新闻公司中任职一名 CSS/HTML 专家,我的主要职责就是开发可重用的、可扩展的、用于多网站的 CSS 架构。 在本文中,我将与大家分享我在构建多网站架构领域中积累的知识和经验。 附注:如今,正规的项目都会用到 CSS 预处理器。而在本文中,我会使用 Sass 预处理器。 用层构建世界 在开...原创 2019-08-29 14:48:51 · 81 阅读 · 0 评论 -
这一次,彻底弄懂 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论: javascript是按照语句出现的顺序执行的 看到这里读者要打人了:我难道不知道js是一行...原创 2019-08-26 17:13:14 · 88 阅读 · 0 评论 -
CSS性能优化的8个技巧
我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深有体会。 笔者认为,为了更多地避免这一情况,首先要重视起性能优化相关的工作,将其贯穿到整个产品设计与开发中。其次,就是了解...原创 2019-08-23 14:18:01 · 149 阅读 · 0 评论 -
JavaScript闭包的底层运行机制
我研究JavaScript闭包(closure)已经有一段时间了。我之前只是学会了如何使用它们,而没有透彻地了解它们具体是如何运作的。那么,究竟什么是闭包? Wikipedia给出的解释并没有太大的帮助。闭包是什么时候被创建的,什么时候被销毁的?具体的实现又是怎么样的? “use strict”; var myClosure = (function outerFunction() { var hi...原创 2019-08-22 16:53:06 · 121 阅读 · 0 评论 -
你可能不熟悉的JS总结
暂时性死区 只要块级作用域存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。这么说可能有些抽象,举个例子: var temp = 123; if(true) { console.log(temp); let temp; } 结果: ReferenceError: temp is not defined 在代码块内,使用let声明变量之前,该变量都是不可用的。在语法上,称为“暂时...原创 2019-08-22 15:54:02 · 107 阅读 · 0 评论 -
ESLint里的规则教会我,无规矩 不编程
编程风格要统一 编程风格这个东西,说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同,完全是各有千秋的既视感啊 到了新公司后团队中的每个人也都有各自一套的编程习惯,撸起代码来是挡也挡不住啊,什么都别问,老夫就是干,哈哈,每个coder的代码风格都大相径庭 不过话说回来,在团队开发中,所有的代码看起来风格一致是极其重要的,所以我们也需要一些代码检查工具,从JSLint...原创 2019-08-22 15:51:45 · 203 阅读 · 0 评论 -
教你从零开始搭建一款前端脚手架工具
前言 在实际的开发过程中,从零开始建立项目的结构是一件让人头疼的事情,所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman,express-generator和vue-cli便是当中之一。它们功能丰富,但最核心的功能都是能够快速搭建一个完整的项目的结构,开发者只需要在生成的项目结构的基础上进行开发即可,非常简单高效。 作为一个不折腾会死星人,在熟悉了使用方法以后就开始琢磨起它们的原理来了。...原创 2019-08-25 15:18:22 · 313 阅读 · 0 评论 -
一个合格(优秀)的前端都应该阅读这些文章
前言 原文地址:Nealyang/PersonalBlog 的确,有些标题党了。起因是微信群里,有哥们问我,你是怎么学习前端的呢?能不能共享一下学习方法。一句话也挺触动我的,我真的不算是什么大佬,对于学习前端知识,我也不能说是掌握了什么捷径。当然,我个人的学习方法这篇文章已经在写了,预计这周末会在我个人公众号发布。而在此之前,我想展(gong)示(xiang)一下,我平时浏览各个技术网站,所记录下...原创 2019-09-12 15:32:25 · 256 阅读 · 0 评论