- 博客(38)
- 收藏
- 关注
RSS订阅原创 前端开发入门到实战：CSS 页面滚动平滑
1. 这些年自己步子慢了这些年自己在无障碍访问，SVG和Canvas这些偏小众的领域花了大量的学习精力，以至于很多前端新特性，新技术没能及时关注和了解，有CSS3领域的新属性，有JS领域的新API，包括全新的ES6/ES7语法等，相比以前的学习，步子确实慢了。比方说，本文要介绍的平滑滚动，无论是CSS还是JS，现代浏览器都提供了原生的属性或方法支持，而且差不多已经有一年时间，而我最近才知道，和数...
2019-07-29 16:00:08
441
原创 网站开发的福音：流行的静态(博客)网站生成工具
最近特别流行使用静态网站搭建博客，静态网站非常适合专注于内容的网站，例如，博客。那你可能会问，为什么不用大名顶顶的wordpress（动态网站）呢。静态网站和动态网站相比有如下好处：省钱。静态网站占用的系统资源少。如果挂到github pages上，只要注册一个域名就可以了。速度快。不经过php解析器，不用数据库，速度自然比动态网站快安全。由于静态网站的简洁，免疫很多web攻击方式。服...
2019-07-29 16:00:05
285
原创 前端开发入门到实战：计算一个页面内每个模块的曝光时间（停留时间）
产品希望看到投放出去的活动页，用户对其页面内的什么信息比较感兴趣，对什么信息完全不感兴趣。=> 计算页面内每模块的停留时间第一次听到这个需求，我的大脑开始疯狂运转，然后想到了plan 1, plan 2, plan3…中间还有很多失败想法我已经忘记了，这里方案三是我最终采用的方法。方案一：根据页面dom将页面分模块var bodyChildrenLists = $('body')....
2019-07-29 16:00:01
1040
原创 前端开发入门到实战：通过 rem 和 vw 实现页面等比例缩放自适应
一、rem 和 vw 简介1. remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。浏览器支持：Caniuse示例若根元素 font-size 为 12pxhtml { font-size: 12px;}h1 { font-size: 2rem; /* 2 × 12px = 24px */} p { ...
2019-07-29 15:59:59
1381
原创 前端开发入门到实战：CSS阴影效果的比较 drop-Shadow与box-Shadow
drop-shadow与box-shadow都是阴影效果（光晕效果）的css属性，二者最大的不同点在于：box-shadow只能制作矩形的阴影，而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法：.drop-shadow { -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0....
2019-07-29 15:59:56
236
原创 前端开发入门到实战：CSS三栏布局的5种方法详解
题目:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应.三栏布局的5种方案这是一道经典的面试题，下面记录了css布局的5种方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...
2019-07-27 16:00:07
119
原创 前端开发入门到实战：HTML5进阶FileReader的使用
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。这个文件读取对象有以下几种方法：1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。2.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读...
2019-07-27 16:00:05
428
原创 前端开发入门到实战：六种组织CSS的方式
OOCSSOOCSS 意为面向对象的CSS。这种方法有两种主要 观点:结构与设计分离容器和内容分离使用这套结构，开发者能得到可以在不同地方使用的一般类。在这一步，会存在两点（通常就好和坏）：好: 通过重复利用减少代码量 (DRY原则)。坏: 组合使用。当你改变一个特定元素的样式, 你需要改变的很有可能不仅仅是CSS（因为大多是类都是公共的），而且还会添加新的类。此外，这种...
2019-07-27 16:00:04
113
原创 前端开发入门到实战：JavaScript字符串转换数字
js 字符串转换数字方法主要有三种： 转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。一些示例如下：parseInt("1234blue"); /...
2019-07-27 16:00:02
225
原创 前端开发入门到实战：CSS自定义属性+CSS Grid网格实现超级的布局能力
最近我还注意到的一件事就是CSS自定义属性。CSS自定义属性的工作方式有点像SASS和其他预处理器中的变量，主要的区别在于其它方法都是在浏览器中编译后生成，还是原本的CSS写法。CSS自定义属性是真正的动态变量，可以在样式表中或使用javascript即时更新，这使得它们具有更多的可能性。如果你熟悉JavaScript，我喜欢把预处理器变量和CSS自定义属性之间的区别想象成与const和let之间...
2019-07-27 15:59:59
99
原创 学好前端开发之nodeJs 规范
缩进统一两个空格缩进变量声明局部变量一定要声明,避免全局污染推荐使用let全面代替var，因为它创建了块级作用域变量（变量只在代码块内生效），尤其是for循环建议自由在逻辑上是常量的情况才使用 const，它代表常量，定的同时必须赋值单引号使用 string 时，用单引号替代双引号（写 JSON 时除外）推荐：var foo = 'bar';var http = requ...
2019-07-24 21:30:03
235
原创 学好WEB前端之javascript规范
JavaScript 是一门弱类型语言，正因如此导致写法五花八门，这里整理了一些在编写代码时需要注意的事项通用规范文件编码为了避免内容乱码，统一使用 UTF-8 编码保存。在文件结尾处，保留一个空行。代码检测开启 eslint 代码规范和错误检查。在严格模式模式下编码'use strict';类型规范js 数据类型有 string、number、boolean、null...
2019-07-24 21:30:00
88
原创 学好前端开发之CSS规范
CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示 HTML 元素，但由于 CSS 天生全局性，随着项目复杂度增加，极易出现样式覆盖以及其它的问题。1. 通用规范文件编码为了避免内容乱码，统一使用 UTF-8 编码保存。样式文件第一行设置字符集为 UTF-8@charset 'UTF-8'; /* 注意字符集说明应在第一行 */缩进规范...
2019-07-24 21:29:57
136
原创 学好前端开发之媒体文件规范
命名规范命名全部用小写英文字母、数字、 - 的组合，其中不得包含汉字、空格、特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名如果需要分头尾两部分, 用-隔开, 比如 ad-left01.gif、 btn-submit.gif、page-video.mp4;引入规范使用相对路径，不要指定资源所带的具体协议 ( http:,https: ) ，除非这两者协议都不可用。 推荐：&...
2019-07-24 21:29:56
126
原创 学好前端开发之HTML规范
摘要优秀的项目源码，即使是多人开发，看代码也如出一人之手。统一的编码规范，可使代码更易于阅读，易于理解，易于维护HTML 规范缩进统一两个空格缩进命名规范class 应以功能或内容命名，不以表现形式命名；class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class；DOC...
2019-07-24 21:29:54
146
原创 自学web前端的时候走了很多弯路，分享给大家
我做web前端开发将近6年的时间了，现在月薪可以接近30000已经算知足了，但是距离我年薪百万的目标还有很长的路要走，而以后靠的不能仅仅是技术，更是一些管理和带人方面的知识和头脑。因为曾经自己自学web前端的时候走了不少的弯路，今天想做下总结：弯路一：盲目的去学当初我在对于web前端这个行业什么都不了解的情况下，比如：不知道未来发展趋势，不知道学习web前端应该注意哪些初始问题，不知道具体的...
2019-07-22 22:00:03
201
2
原创 前端知识地图，告别零散知识点，打通任督二脉
前端工程师是研发体系中的重要岗位之一。可是，与此相对的是，系统性的教学方案几乎找不到。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。很多在学习前端，以及工作的前端工程师的困扰：0 基础入门前端对于 0 基础入门的同学，我建议你先通过视频，了解前端学习具体的学习路径，培养一定的思维，打好知识基础的地基。在对前端有过大致的了解，自己能规划版图路线的时候，去读几本经典的前端教材，...
2019-07-22 22:00:01
192
原创 如何学前端最靠谱 所有前端工程师的核心诉求是什么？
如何快速夯实前端基础并找到心仪的工作？只会写网页特效，封装一个组件或插件，怎么好意思去面试？前端知识体系庞大，框架、库、性能优化等数不胜数，该怎么学？前端面试有什么高频问题，有套路可循吗？……相信以上几个问题是很多前端开发人员的苦恼。所以经常有朋友问，如何学前端最靠谱？前端学习，尤其是进阶阶段的学习是一个曲折的过程，每个学习者所接触的知识内容和其背后的原理构建成了他的思维方式。如果没...
2019-07-22 21:59:58
535
原创 web前端还有发展前景吗 现在该怎么去学习
从15年开始web前端就突然火了起来，web前端现在已经到了我们不能想象的境界，一切的步伐都要跟着大公司走，腾讯这样级别的公司都这样重视web前端技术，可见web前端的发展前景是多么的可观，虽然现在竞争大，但是中国未来五年，web前端人才的需求量也是在不断上升的，而目前北京和上海这样的城市，平均工资是12000左右。但是我现在看到的问题是，大家看到web前端这个职业发展非常好，未来前景也是非常...
2019-07-22 21:59:55
809
原创 学习web前端开发，学历到底重不重要
首先，我们先了解一下一般情况下学历的作用是什么，对于我们大多数人来讲，在进行面试的时候，学历最重要的一个作用就是“敲门砖”，现在任何公司招聘，都会写上大专学历以上或者是本科学历以上，但是对于真正有能力的人，学历并不能约束到你，往往都是既没有学历又没有能力的这种人，那就没有办法了。web前端的工作性质是什么？了解完了学历的作用，我们就在了解一下web前端的工作主要是做什么，我们简单来说，就是做...
2019-07-22 21:55:24
291
原创 当你完全认清程序员这个行业，你才有走下去的勇气
当你完全认清程序员这个行业，你才有走下去的勇气我大学刚毕业的时候，程序员还是一个年轻的职业，那个年代，我们都没见过35岁以上的程序员。很多人告诉我，程序员是吃青春饭的，你在国内见过35岁的程序员吗？我说，没有。就是嘛，所以要尽早转行呀…这种话听得着实不少，事实上也真的有很多程序员早早转行了，我没转不是因为内心强大，而是我喜欢编程，尽管我也不小了，以后会怎样，35岁听起来像光年一样的距离，谁会...
2019-07-08 20:59:55
371
原创 学历一般的程序员，如何在职场中「逆袭」？
虽然相对于其他职业来说，程序员的实际能力和工作经验显得更为重要，但是在具体情况下，学历依然是影响程序员未来职业发展的不可忽视的因素。尤其是对于学历出身一般的程序员来说，在职业发展过程中需要克服的客观阻力可能更大。不过，在100offer平台上，也存在着这样的候选人案例：学历起点并不高，但却通过自己的努力，成功地实现职业生涯的“逆袭”，在职场中发展得非常出色。我们选取了其中的一个候选人进行采访，希...
2019-07-08 20:56:06
146
原创 计算机毕业大学生如何解决难就业问题？
计科专业已经毕业7.8年了，一直从事着软件开发方面的工作，计算机毕业的大学生从事软件编程只是其中一个选择。计算机专业内部包含的种类也是非常繁多，毕业后能直接做的事情也是非常多，现在就以个人的经历描述下一个计算机毕业的大学生如何从事编程开发方面的工作，学校里面开设的课程主要还是理论为主，毕竟学校面向的是所有社会各种工作类型，不可能直接就是面向一个固定的方向。其实很多在校的大学生都存在一种疑问，为...
2019-07-04 20:00:01
528
原创 国内计算机专业最好的大学有哪些？
随着国内软件的迅速发展，很多对于编程感兴趣的中学生开始了对于计算机类专业的关注，从事软件开发多年，周围的同事毕业的学校也是各式各样，到了真正的软件开发岗位，并不是只有排名靠前的学校才能从事软件开发，当然如果有一个好学校当然最好了，现在就一些排名做个介绍真正A+的学校只有四个，但在平时工作过程中，从事软件开发的毕业比较多的有北航，北邮，哈尔滨工业，华中科技大学，电子科技大学，武汉大学这些相对比较...
2019-07-04 20:00:00
7561
原创 程序员一般都需要什么学历？就业前景如何？
做编程已经有将近8年了，能不能做程序员和学历没有太直接的关系，但不意味着学习编程什么门槛也没有，如果高中以下学历学习编程会相当相当费劲，毕竟和别的行业相比编程的门槛还是比较高，有多少人觉得对编程感兴趣，然后心头一热就呼呼买了很多书，开始学起来觉得特别过瘾，然后遇到难的地方就开始犯难，遇到的次数多了就开始退缩或者干脆把书本搁置起来，甚至下次再看看到书本的时候已经是半年之后打扫卫生时，在学历差不多情况...
2019-07-04 19:59:13
73268
1
原创 软件工程和计算机科学与技术的区别在哪？
计科专业毕业已经从事软件开发多年，说到当初选择这个专业还是遵从父母的意愿，老人家们觉得计算机是个未来的趋势，如果做个计算机的老师岂不是很不错，于是在报考志愿的时候就给选择上了，主要自身也对计算机感兴趣，所以也没有过多的干预，至于学到之后当不当老师就不是老人家能决定的了，由于属于师范类的计科所以开设的课程种类比较繁多，而且主要是基础理论的学习，开设科目的种类的确很多，数字电路，模拟电路，计算机组成原...
2019-07-04 16:39:12
11124
原创 2019年中国有哪些科技公司校招薪酬最高？
计科专业毕业在嵌入式领域做的时间比较长，对于企业招生新人这块有一点自己的见解，2018年的科技公司弥漫着一种不和谐，裁员缩编的新闻更是屡见不鲜，还有很多公司甚至停止社招，停止社招意味着切断了一个重要的输血来源，只能内部挖掘或者押宝校招，可以预计2019年的校招会比往常更加的火爆，每年的毕业生有几百万之众，计算机毕业生也差不多上百万了，如果能通过校招直接找到心仪的工作是最好的选择。先说说为什么企...
2019-07-04 16:36:32
845
原创 学什么编程语言以后不会过时？
从事软件开发7.8年了，刚入行的时候C语言还是非常强势的一种编程，现在第一语言已经换成了JAVA，没有永不过时的编程语言，因为科技在进步，编程语言一样也在进步，不要期望学的编程语言永不过时，没有不过时的语言只有永恒的进步，作为一个技术人员时刻保持着一种惊醒的意识，要时刻跟住前沿技术，需要具备忧患意识，虽然现在可能掌握的这门编程语言在市场上有不错的竞争力，但并不代表着永远有竞争力，现在编程语言趋向于...
2019-07-04 16:34:23
566
原创 为什么越来越多的人选择转行做软件开发？
国内的程序员总数差不多有500万，绝大部分还是分布在一线城市，但现在一线之外的很多城市需求量还是非常大，从整个市场来看对高手需求还是大于供方，可能很多人觉得现在每年培训出来的大量技术人员很多都是找不到工作，目前国内的软件的人才两级分化比较严重，现在企业缺人是事实，但缺的是有创造力的高手，并不缺少初级入行者，就目前而言企业还是需要大量人才。为什么越来越多的人想转行软件行业？1.软件行业工资比普...
2019-07-03 21:59:58
2244
原创 程序员如果离开了开发工具后，还剩几分编程水准？
在开发过程中喜欢在linux开发环境下折腾开源代码，常用的编辑器主要都在linux下面，开发工具只会影响到编程的效率，对于编码能力没有本质的改变，很多初学者非常迷信一些开发工具或者操作系统，如同很多人觉得懂linux的一定是高手，其实这只是一种表面的现象，格局再高一点认识上，编程语言从某种程度上讲就是一种编程工具，如同很多人觉得掌握多种编程语言是编程高手的一种标记一样，都是表面想象而已，编程的核心...
2019-07-03 21:59:55
275
原创 为什么有些公司一直要求程序员加班，而不多招聘些程序员？
软件行业和别的不太一样人员成本的比例非常大，对于一些中小型企业特别是创业期的公司，为了节省成本基本上一个人身兼数职，而且一个人当多个人去用，女生当男生用，男生当牲口用，说的有点夸张在现实中流传着一句话万事俱备只欠一个程序员，在软件公司一个程序员作用和威力还是非常巨大的。现在国内很多中小软件公司沿用这种模式，2，3个人做着一个大的团队做的事情，整天忙忙碌碌的，小问题不断，周末甚至都拿来加班加点的...
2019-07-03 21:59:51
3950
原创 计算机学生是否有必要考研？
目前国内的程序员绝大部分都是本科生，首先要认清学历对程序员的影响到底有多大，从个人从事软件行业多年的经验来看，学历对于程序员是否有影响主要从两个方面入手。第一点是应届毕业生要找一份合适的工作，学历的影响因素会显得非常巨大，毕竟公司招聘一个做程序员的好苗子主要看中两个方面一个是编程基础，一个什么学校毕业归属什么专业在自己的专业技术能力还不是很强情况下，只能看中过去的经历以及成果，学历是很重要的一个...
2019-07-03 21:59:49
3280
原创 为什么国外的程序员薪资是国内程序员薪资的四五倍，是因为国外程序员技术都比国内高吗？
国外的程序员的薪资和国内程序员的差异主要整体经济发展的水平，现在一线城市的程序员相比三四线城市的工资就是要多出好几倍，属于整体经济发展水平决定的，正是这种巨大的经济落差，所以发展了软件外包，正是发达国家和发展中国家中巨大的人力成本的差异衍生了外包这个行业，一般经济不是很发达但人口非常聚集的区域非常适合做外包，符合这种特点如印度，中国等等，如果加上当地政府的政策推进，很快就能推动这个行业的快速发展，...
2019-07-03 21:59:45
5113
2
原创 为什么名牌大学的计算机专业学生这么厉害？
计科专业从事软件开发已经很多年了，中间遇到了很多软件开发的同事，名牌大学代表着起点高，但并不意味着一切，别的行业没有太多的话语权，只是在程序员领域有一点点个人的一些建议，在编程领域名牌大学的不在少数，从分布图来看主要在外企或者大型企业任职的比较多。而且都属于技术含量非常高的岗位，这个仅仅限于大部分，不是所有的名牌大学在企业表现的都是那么优秀。在第二家公司的时候曾经带过一个北大的硕士，特别喜欢钻...
2019-07-02 22:02:18
439
原创 怎么样才算掌握一编程门语言？
要玩编程首先要掌握一门编程语言，编程语言是做软件的基础，初学编程都是从一门基础的编程语言开始，要真正掌握一门编程语言必须经过项目实战，很多在校大学生在学校期间学了很多编程语言，但不能称之为掌握只能叫学过，所以编程语言主要在于实践，只是理论上掌握的非常熟练不算真正的掌握一门编程语言。编程语言其实学习英语有差不多含义，首先要培养语感有了感觉之后就会变得简单一些，称之为计算机语感，这种语感的培养需要...
2019-07-02 21:59:58
2579
原创 中国的顶级软件编程工程师和欧美的顶级软件编程工程师差距有多大？
作为一个从事多年开发的程序人员，曾经和欧美的工程师一起共事过一段时间，接触的时间不是很长，水平可能不是最顶级的那种，单纯的比较一个国家的软件编程水平和另外一个国家坦白来讲意义不是很大，首先要看到国内编程的土壤距离欧美的还是有一定的差距，而且差距不单单纯正技术方面的，还有生态系统以及生存环境方面的因素。现在就谈谈个人对于国内程序员和欧美程序员的现状，首先国内的程序员编程环境，国内企业主要还是以应...
2019-07-02 21:59:54
725
原创 选择web前端学习的人，都觉得前端简单在哪里？
不管你是工人阶层还是服务行业，是否想过转行IT，转行IT后肯定会选择一门编程语言进行深入学习，很多转行的人基础都不是太好，不是科班出身，甚至有的是专科乃至中专，前端的HTML和CSS相对其他的编程语言来说比较简单，是相对哦，不是绝对的简单。为什么前端相对要简单呢？首先前端是由HTML和CSS组成，当然还有JavaScript。HTML和CSS在写的过程中你可以立马看到效果，比如你写一个div...
2019-07-02 21:59:50
492
原创 JS 数组的几个炫酷操作
前言本文主要从应用来讲数组api的一些骚操作，如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。上面这些应用场景你可以用一行代码实现吗？1.扁平化n维数组1.终极篇[1,[2,3]].flat(2) //[1,2,3][1,[2,3,[4,5]].flat(3) //[1,2,3,4,5][1[2,3,[4,5[...]].flat(Infini...
2019-07-02 21:59:48
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人