前端
前端可乐老师
欢迎加入Q群:619586920
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端的黑客精神
“全栈”这个词之前炒得很热,虽然之前我也写过文章说全栈其实不太靠谱(全栈之难),但细想回来却很能理解为什么这个词会呼声那么高。因为,不同的技术栈之间的沟通成本实在太高了。产品,设计,终端,前端,后台,运维,测试……似乎攒齐了就能召唤神龙了,但实际可能的情况却是人员之间相互扯皮的时间远大于实际做事的时间。为什么不能全部技术都由一个人解决,人力得到最有效地利用,哪里有坑就把人填哪?欢迎加入前端全栈...原创 2019-01-17 21:49:29 · 221 阅读 · 0 评论 -
微信小程序下拉框组件使用方法
这篇文章主要为大家详细介绍了微信小程序下拉框组件的使用方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。适用场景1、省市三级联动2、出生日期选择3、性别选择4、一般性的下拉选择等一、省市三级联动使用注意mode = region,以及value = “一维数组”//.wxml<picker mode="region"...原创 2019-01-17 21:50:18 · 20138 阅读 · 0 评论 -
如何成为优秀的前端程序员?
作为一个从业快10年的程序员,我想给新入行的程序员们一些建议。这些建议是我希望自己可以在毕业时就读到的,也希望它们可以帮助你成为一个更好的程序员。简单归纳一下,总共有7条:保持健康编程之外的爱好持续学习正确应对犯错不要囿于角色展示你的创意刻意练习手速下面我来详细说说每一点。保持健康三寸气在千般用,一旦无常万事休。人只要有成就事业的勇气、毅力和自信心,干什么都有希望。...原创 2019-01-24 14:27:45 · 553 阅读 · 0 评论 -
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法
这篇文章主要介绍了HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例的相关资料,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。HTML实现2列布局,左侧宽度固定,右侧自适应实现一:<style> body, html{padding:0; margin:0;} // 根据CSS定位,利用浮动或绝对定位...原创 2019-01-24 14:28:50 · 1369 阅读 · 0 评论 -
看完这些,你知道前端性能优化了
前端性能优化是个巨大的课题,如果要面面俱到的说的话,估计三天三夜说不完。所以我们就从实际的工程应用角度出发,聊我们最常遇见的前端优化问题。1. 减少HTTP请求次数尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话,就只需要发出一次http请求,节省网络请求时间,...原创 2019-01-14 22:24:17 · 2232 阅读 · 1 评论 -
Web前端开发前景怎么样 现在学习还来的及吗
Web前端开发前景怎么样?Web前端火了那么久,现在学习还来的及吗?互联网行业的快速发展,带动了更多的互联网企业的崛起,更多的企业当然需要更多有些的人才,而前端开发近几年一直是很热门的职位之一,而且人才稀缺,更多的企业高薪招聘优秀的前端人才,所以,现在想要学习web前端是一个不错的选择。现在互联网的大环境的发展如日中天,网络已经深入到每个人生活的的各个方面。Web前端并不算新兴行业,在国内也...原创 2019-01-20 22:02:06 · 309 阅读 · 0 评论 -
web前端知识技术栈梳理
写这篇文章的目的就是对自己半年来的学习成功进行以下梳理,文采有限。争取做到结构明朗,语言合理吧。本篇主要以梳理为主,具体知识点后续会写。web前端的整体概念HTML:搭建结构CSS:美化页面(布局)JavaScript:实现动态的效果第一阶段HTML CSS 的学习HTMLHTML看似简单,其实很重要。因为HTML的结构关系着后期JS如何操作,好的结构会节省很多时间和代码。学习H...原创 2019-01-20 22:02:30 · 5604 阅读 · 0 评论 -
手把手教你Express进阶之log4js轻松上手
本篇文章主要介绍了Express进阶之log4js实用入门指南,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。对于线上项目用来说,日志是非常重要的一环。log4js是使用得比较多的一个日志组件,经常跟Express一起配合使用。本文从入门实例开始,讲解log4js的使用,以及如何跟Express进行整合。入门例子输出日志如下,包括日志打...原创 2019-01-15 16:50:19 · 643 阅读 · 0 评论 -
示例Nodejs模块的调用操作
这篇文章主要介绍了Nodejs模块的调用操作,结合实例形式分析了nodejs模块的定义与调用相关操作技巧,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。User.js//构造方法function User(id, name, age) { this.id = id; this.name = name; this.age ...原创 2019-01-15 16:56:55 · 500 阅读 · 0 评论 -
阿里P7谈:如何成为一名卓越的前端工程师!
Hi Philip,您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的?对此您有什么建议吗?我不得不承认,我很惊讶被问这样的问题,因为我从来不觉得自己是个很卓越的前端工程师。甚至我入行头几年时并不认为自己可以做好这一行。我只确定自己比自己想象中还才疏学浅,而且大家面试我的时候都不知道从何问起话虽这么说,我到现在做得还算不错,而且成为了团队中有价值的一员。但我最终离开 (去寻求...原创 2019-01-15 16:57:47 · 235 阅读 · 0 评论 -
web前端程序员真的值这么多钱吗?
对于互联网公司来说用户就是上帝,做好客户体验一切才有可能。所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用。前端工程师工资也越来越高,目前Web前端工程师工作1~2年后通常会成为Web前端高级软件工程师,年薪可以达到15万以上;工作3-5年后通常可以成为Web前端技术主管或者经理,年薪在15-50万之间;工作年限5年以上,通常会成为互联网公司的技术总监或产品经理,年薪将达...原创 2019-01-15 16:58:56 · 619 阅读 · 0 评论 -
前端程序员需要掌握的几个专业“词语”
有不少前端开发工程师,可能并不清楚下面的部分词语,但是在实战中其实都在使用着它们。明确一下这些词语和概念没有什么不好一方面能够让自己能够更专业的谈论知识,另一方面,在面试的时候也能够应对一些“爱问前端名词”的面试官W3CW3C是World Wide Web Consortium的缩写,表示的是“万维网联盟”。W3C是WEB技术领域,国际中立性技术标准机构。主要工作是发展WEB规范。BF...原创 2019-01-15 16:59:34 · 489 阅读 · 0 评论 -
前端三大框架,你更喜欢哪个?
现在前端三大框架Angular、React、Vue各有所长。Angular从一开始就带有很明显的工程化血统,齐全的cli命令,背靠TypeScript,涉及模块、服务以及指令等概念,使用后端的依赖注入思想,特有模板语法。React和Vue就"轻"很多,React甚至只是一个UI库,他们共同的一个思想就是,做到最好。Angular、React、Vue三选一,前端工程师更青睐使用哪款框架?...原创 2019-01-15 17:18:54 · 7801 阅读 · 0 评论 -
我为什么放弃 React 而使用 Vue?
现在,Vue.js 在 Github 上得到的星星数已经超过了 React。这个框架的流行度在不断增长,由于它并没有像 Facebok(React)或 Google(Angular)那样的大公司支持,这种增长让人非常惊讶。我会在这篇文章里说明我对 Vue 流行的一些看法,以及为什么它能超过竞争者。由于 Vue 的设计哲学和特性与 React 十分相似,我会比较这两者,并说明为什么 React(...原创 2019-01-21 19:23:59 · 1991 阅读 · 1 评论 -
详解XML中的模式Schema
XML中拥有Schema特性,能够比DTD更加强大地引入元素结构,下面我们就来详解XML中的模式Schema的概念及作用和用法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。文档定义模型为XML文档提供了规范,DTD的引入虽然解决了XML文档的规范化问题,但它文件格式类型和XML文件格式类型不一致,同时DTD提供的数据类型有限有时候无法满足...原创 2019-01-21 19:24:42 · 928 阅读 · 0 评论 -
HTML页面局部刷新的实现代码
这篇文章主要介绍了HTML页面局部刷新的实现代码的相关资料,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。事件响应刷新:有请求才会刷新1、通过JS HTML DOM或jQuery获取HTML元素,通过DOM方法或jQuery方法监听页面事件,获取用户请求;2、通过Ajax将用户请求提交至服务器,服务器处理后返回结果,再由Ajax接收数...原创 2019-01-21 19:25:08 · 7236 阅读 · 0 评论 -
为什么程序员的个人网站博客一般都很丑
为什么程序员的个人网站博客一般都很丑?说实话,在国内程序员的个人站UI、UE出彩的还是比较少的,依然还是90年代是web1.0的风格。而且,作为前端程序员,什么交互设计,什么css3动效果,平常项目中的一些蹦跶酷炫的style并没有在自己的网站得以 呈现。比如我的网站,从12年匆忙上线到现在,基本上是个试用品。之前做个人运营 一叶飘(yiyepiao.cn)、启导者(qidaozhe.cn)还...原创 2019-01-27 19:26:57 · 319 阅读 · 0 评论 -
详解XML代码编写的编码与验证问题
这篇文章主要介绍了XML代码编写的编码与验证问题,与HTML类似,XML文件的编码也能在序言部分被指定,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。编码编码就是转换 Unicode 字符为等价二进制表示的过程。XML 处理程序读取一个 XML 文档时,它依赖于编码类型来编码文档。因此,我们需要在 XML 声明中指定编码类型。编码类型...原创 2019-01-27 19:27:20 · 309 阅读 · 0 评论 -
HTML5之多线程(Web Worker)
这篇文章主要介绍了HTML5之多线程(Web Worker)的相关资料,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。提到 HTML5 总是让人津津乐道,太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段,忽视了 HTML5 的强劲之处。这节我们来探讨一下多线程 Web-Worker。一、明确 JavaScrip...原创 2019-01-27 19:27:40 · 4698 阅读 · 1 评论 -
示例vuex commit保存数据技巧
这篇文章主要介绍了详解vuex commit保存数据技巧,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。vuex 单向数据流,推荐的commit 改变state数据,写起来非常繁琐,因为改数据可能要写很多commit函数。依据我的理解,单向数据流主要是为了避免数据混乱,便于调试。 说白了,就是一个数据改变了,是什么促使他改变的。数据流向...原创 2019-01-16 21:39:56 · 13412 阅读 · 1 评论 -
优秀的开发习惯,我有几点小建议
此文并不是介绍项目的性能的如何优化,而是介绍本人在工作中总结出来的一些开发经验,旨在通过改善开发习惯,来提升工作效率。东北人有个词儿特别有意思,叫埋汰。哈哈,不知道诸位老铁们有没有听你们身边的朋友说过。生活上,我们肯定是不想让别人嫌弃我们埋汰。同样,我们的项目也不应该“埋汰”。制定一个优秀的项目结构,不仅能让我们自己看的舒服,在日常的代码维护也能够给我提供极大的便利。所以,工作中总结了一些前端...原创 2019-01-22 22:07:18 · 329 阅读 · 0 评论 -
Js取小数点后两位四种方法
在本篇文章里小编给大家分享了关于js取小数点后两位四种方法和实例代码,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。Javascript取float型小数点后两位,例22.123456取成22.12,如何做?1.通过substring截取。function getnum(){var num = 22.123456;var resu...原创 2019-01-22 22:07:40 · 18054 阅读 · 0 评论 -
JavaScript数据结构之栈实例用法
在本篇文章里小编给大家分享了关于JavaScript数据结构之栈实例用法内容,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。栈先来看一道题Leetcode 32 Longest Valid Parentheses (最长有效括号)给定一个只包含 ‘(’ 和 ‘)’ 的字符串,找出最长的包含有效括号的子串的长度。示例 1:输入: "...原创 2019-01-22 22:08:01 · 230 阅读 · 0 评论 -
详解JavaScript常见鼠标事件与用法
这篇文章主要介绍了JavaScript常见鼠标事件与用法,结合实例形式较为详细的分析了javascript 8种常见的鼠标事件与相关使用技巧,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。JavaScript 鼠标事件有以下8种mousedown鼠标的键钮被按下。mouseup鼠标的键钮释放弹起。click鼠标左键(或中键)被单...原创 2019-01-28 20:14:59 · 901 阅读 · 0 评论 -
深入浅出JQuery对象和DOM对象和字符串之间的转化
jQuery对象和DOM对象和字符串之间的转化字符串---------->jQuery对象$(HTML字符串): $(‘欢迎加入全栈开发交流群一起学习交流:864305860’)待添加列表jQuery对象---------->DOM对象下标选取法(原理:jQuery是DOM的数组形式)原创 2019-01-29 16:46:26 · 344 阅读 · 0 评论 -
使用html2canvas.js实现页面截图并显示或上传的示例代码
这篇文章主要介绍了使用html2canvas.js实现页面截图并显示或上传的示例代码的相关资料,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。在使用html2canvas时可能会遇到诸如只能截取可视化界面、截图没有背景色、svg标签无法截取等问题,下面详细的说明一下。一、导入html2canvas.js导入链接: 使用起来也非常简单,...原创 2019-01-29 17:23:59 · 2139 阅读 · 0 评论 -
阿里大牛谈:前端必备知识点!
web开发是什么??web前端开发薪资有多少?工资高吗?web开发学习路线是什么?Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。web前端开发薪资有多少?工资高吗?web开发学习路线是什么?web开发是什么Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web...原创 2019-02-15 14:37:54 · 858 阅读 · 1 评论 -
解析JavaScript"模拟事件"的注意要点
今天小编就为大家分享一篇关于JavaScript"模拟事件"的注意要点详解,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。DOM中的事件模拟三个步骤:首先通过document.createEvent()方法创建event对象,接收一个参数,即表示要创建的事件类型的字符串:UIEvents(DOM3中的UIEvent)鼠标和键盘事件;...原创 2019-02-15 14:38:17 · 264 阅读 · 0 评论 -
Js实现json数组分组合并操作示例
这篇文章主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。本文实例讲述了js实现json数组分组合并操作。分享给大家供大家参考,具体如下:<script>var arr = [ {"id":"1001"...原创 2019-02-15 14:38:43 · 1767 阅读 · 0 评论 -
滴滴裁员2000人:老板辞退你,从来都不是因为钱
几年前,雷军的一句“站在风口上,猪都能飞”,被无数互联网人奉为真经。有风的时候,猪都能飞,但一旦风小了,就可能会摔到地上,疼得嗷嗷叫。2018年,从游戏到团购再到共享,一片哀鸿遍野。或许当潮水退去的时候,才是所有人该去洗把脸,冷静思考的时候。今天这篇文章,就想借着最近滴滴宣布裁员的事情,和大家一起做下思考,职场里到底什么更重要。希望所有人看这种裁员的新闻时,都不是一副幸灾乐祸、隔岸观火...原创 2019-02-21 20:34:41 · 1894 阅读 · 0 评论 -
Vue2 添加数据可视化支持的步骤
这篇文章主要介绍了Vue2 添加数据可视化支持的方法步骤,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。安装npm install clay-core --save首先,通过npm安装数据可视化库clay.js初始化新建文件src/clay.js/index.jsimport render from 'clay-core';i...原创 2019-01-30 16:50:44 · 701 阅读 · 0 评论 -
深入解析Vue2 添加对scss的支持
这篇文章主要介绍了详解Vue2 添加对scss的支持,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。引入loadercnpm install node-sass --save-devcnpm install sass-loader --save-devcnpm install style-loader --save-devscss...原创 2019-01-30 16:51:06 · 429 阅读 · 0 评论 -
学习Web前端可以从事什么工作?职业晋升怎么样?
Web前端工程师作为IT从业中的一员,因其入门容易、高薪而受到了很多人的青睐。很多人都会问前端是做什么的,其实我们浏览的网站和手机页面的各种效果都是前端工程师完成的。Web前端也是有一些响当当的名称的,比如前端制作工程师,前端开发工。那么,学完前端开发可以从事什么工作呢?职业晋升怎么样?1、Web前端工程师的工作内容有哪些?Web前端工程师,主要需要负责网站前后台的修改和升级,根据网站业务需...原创 2019-01-30 16:51:34 · 2803 阅读 · 0 评论 -
深入解析Vue 和微信小程序的区别、比较
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 ...原创 2019-02-17 16:54:17 · 669 阅读 · 0 评论 -
2019年,为什么Web前端工程师薪资越来越高?
随着最近几年来互联网的迅猛发展和普及,web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。特别是电商领域的互联网项目不断兴起之后,激烈的竞争让这里面的玩家对于用户体验提出了更高的要求,极致的用户体验甚至成为了胜负的关键,也因此让前端开发走到台前,成为一个必须的开发工种。越来越多的企业开始意识到,前端技术精细化的价值,就业的机会依然存在,所以:2018年,web前...原创 2019-02-17 16:55:08 · 324 阅读 · 0 评论 -
还记得吗?你为什么要做前端!
你为什么要做前端?第一篇 初始“你为什么要做前端?”我问她。“因为感觉写出来的东西可以直接看得到,可以写漂亮的网页。不像后端一样,写出来的东西根本就看不见摸不着。”她说的很对,可是我很久之后才明白。等我明白了之后,却再也找不到她了。我是一个后端工程师。而我是一个后端工程师的时候,我从来都没觉得前端有什么可以吸引我的。我的全部心思都在架构,逻辑,数据。她说的这些看不到的东西,...原创 2019-02-27 16:43:04 · 476 阅读 · 0 评论 -
扫盲!做Web前端开发的你必须会这几点!
随着互联网时代的发展, Web前端开发已经成为时下较火的技术之一,针对Web前端开发工程师这一新兴职业,虽然受重视的时间还比较短,但是随着时间的发展,Web前端开发技术一直在不断的创新与完善。1、Web开发分类与区别人们通常将Web分为前端和后端,前端相关的职位有前端设计师(UI/UE),前端开发工程师,后端相关的有后端开发工程师。2、技术栈区别看各大招聘网站上,公司对前端开发工程师...原创 2019-02-18 17:39:02 · 652 阅读 · 0 评论 -
深度解析四个方面优化Vue项目
在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。#运行时优化1、使用v-if代替v-show两者的区别是:v-if不渲染DOM,v-show会预渲染DOM除以下情况使用v-show,其他情况尽量使用v-if有预渲染需求需要频繁切换显示状态2、v-for必须加上key,...原创 2019-02-18 17:39:33 · 511 阅读 · 0 评论 -
难受!做前端也被鄙视
每一个程序员应该都听说过程序员鄙视链,做c的看不起做c++的,做c++看不起做java的,做java看不起做.net的,这些所有都看不起搞前端的,可以说,前端程序员应该处于程序员鄙视链的底端。前端在行业中,之所以被鄙视的原因,完全是因为,入门简单,早期的前端俗称美工、切图仔,每天的工作就是切图、写写html、写写css,在java亦或者c语言开发者眼中,就是渲染一下网页,没多大难度。然而,在...原创 2019-02-28 19:45:39 · 1122 阅读 · 0 评论 -
深入解析ES6 更易于继承的类语法的使用
和其它面向对象编程语言一样,ES6 正式定义了 class 类以及 extend 继承语法糖,并且支持静态、派生、抽象、迭代、单例等,而且根据 ES6 的新特性衍生出很多有趣的用法。一、类的基本定义基本所有面向对象的语言都支持类的封装与继承,那什么是类?类是面向对象程序设计的基础,包含数据封装、数据操作以及传递消息的函数。类的实例称为对象。ES5 之前通过函数来模拟类的实现如下:// ...原创 2019-02-28 19:47:18 · 162 阅读 · 0 评论
分享