- 博客(78)
- 收藏
- 关注
RSS订阅原创 CSS中cursor 鼠标指针光标样式
在前端开发中，我们经常需要对对象鼠标指针光标进行控制，比如鼠标经过超链接时变成手指形状。在这里整理一下cursor鼠标指针光标样式的知识，记录与方便以后查找。常用cursor光标url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default 默认光标（通常是一个箭头）auto 默认。浏览器设置的光标。crossh...
2019-07-10 13:18:40
488
原创 互联网环境下，为什么前端开发的地位会越来越高？
转眼2019也快走到下半年，过去的这段时间里，不论是互联网巨头还是初创企业，都纷纷进行了一波优化。渐趋理智的资本淘汰了一批不能适应市场的业务，而业务的紧缩也淘汰了一批不能适应市场的程序员。有人都不清楚自己为什么会被优化，但也有人薪资水涨船高，**这背后说到底就是每个人的竞争力强弱。**Oracle前脚宣布裁员消息，后脚就有专场招聘会等着，这是市场对他们的肯定。专场招聘会部分名单，图来自网络...
2019-07-10 13:18:25
582
原创 当年学习前端开发吃了很多亏，在此做一些总结
因为曾经自己自学web前端的时候走了不少的弯路，今天想做下总结：弯路一：盲目的去学当初我在对于web前端这个行业什么都不了解的情况下，比如：不知道未来发展趋势，不知道学习web前端应该注意哪些初始问题，不知道具体的学习规划学习路线等等，一味的买书看书，看视频，到了中期阶段萌生放弃的想法，和主要是因为觉得自己越学越迷茫，也知道自己这样学找不到工作，这是初学者最大的误区。弯路二：孤军奋战当初...
2019-07-09 21:59:57
374
原创 JavaScript 小窍门实例
在众多语言中，JavaScript已经占有重要的一席之地，利用JavaScript我们可以做很多事情 ， 应用广泛。在web应用项目中，需要大量JavaScript的代码，将来也会越来越多。但是由于JavaScript是一个作为解释执行的语言，而且它的单线程机制，决定了性能问题是JavaScript的弱点，也是开发者在写JavaScript的时候需注意的一个问题。因为经常会遇到Web 2.0...
2019-07-09 21:59:54
231
原创 我怎么也想不到，web前端开领域能发展到今天的样子
曾经的我怎么也想不到，web前端开领域能发展到今天的样子，但是对于很多想转行学习的初学者，你首先需要先掌握必备的基础知识，以及独立学习及解决问题的技能。下面我们来详谈一下！坐下来详谈地基-基础：HTML、CSS 和 JavaScript-----网页三剑客在一开始一个初学者都是蒙圈的状态，不知道自己该学什么是正常的，首先你需要先了解 HTML、CSS 以及 JavaScript 的基本语法，...
2019-07-09 21:59:52
202
原创 程序员必备：高能开发工具（IDE）强势推荐
作为一名程序开发人员，不管你使用哪门语言开发都有很多可以选择的集成开发环境IDE（Integrated Development Environment），IDE是提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。开发者可以通过IDE提供的代码高亮，代码补全和提示，语法错误提示，函数追踪，断点...
2019-05-05 21:01:28
1350
转载 前端框架哪家强？
小型全栈式 App RealWorld Conduit 最近更新了其基准测试结果。这款 App 分别采用 18 个不同的前端框架构建，并对它们进行了比较。结果显示，18 个框架当中有 13 个获得了顶级的 LightHouse 的分数（也就是在总分 100 分的情况下获得 90 以上）。在这 18 个框架当中，Svelte、Stencil、AppRun、Dojo、HyperApp 和 Elm 的网...
2019-05-05 17:06:31
310
原创 超强VS Code，8个顶级扩展插件让前端开发如虎添翼！
微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器，最近越来越受欢迎。它非常轻巧、灵活，同时也提供了很多强大的功能。它支持绝大多数流行的编程语言，包括PHP、JavaScript、C++ 等。VS Code 是跨平台的。它不仅能用于 Windows 平台，同时也提供 Linux 和 Mac 版本。下载地址：https://code.visualstudio.com...
2019-05-05 17:06:12
928
原创 前端工程师的技术进阶点，月薪5万难吗？难！
单纯讲技术进阶点意义不大，脱离场景都是耍流氓。我举个实际例子，今天的阿里大文娱优土，阿里接管后，底层替换差不多了，由内容为王转变为产品技术驱动。这种情况下，前端如何进阶呢？业务很多，历史问题很多，老板迫切希望创新，赶超对手。端上，我有pc、h5、小程序，播放器api代理层，我有node，可以快速实现api保证，1、内部有直接用，2）内部没有，自己写，3）不够用，我自己包装，不会让a...
2019-04-30 21:59:47
1265
1
原创 强大的CSS ：实现仿 Windows10 鼠标照亮边框效果
安装最新 Windows 10 update 之后，注意到系统 UI 里有一个很棒的细节效果，在开始菜单的磁贴里或者 UWP 风格的设置界面中，元素的高亮边框是可以感知鼠标的，边框的高亮部分会跟随鼠标的移动而移动。顿时灵机一动，这个效果用 CSS 可否实现？分析拿桌面日历中的效果为例，鼠标移动时附近的边框也渐变性可见。这个效果不就是探照灯效果嘛！这个完全可以用 CSS 中的 mask 蒙版配...
2019-04-30 21:58:42
1694
2
原创 强大的CSS：模拟下雪效果动画制作教程
下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜；复杂度：canvas胜；兼容性：canvas胜；性能：css3胜（requestAn...
2019-04-30 21:57:54
978
1
原创 强大的CSS3/JS:帧动画的多种实现方式与性能对比
Web动画形式首先我们来了解一下Web有哪些动画形式1\. CSS3动画 Transform（变形） Transition（过渡） Animation（动画）2\. JS动画（操作DOM、修改CSS属性值）3\. Canvas动画4\. SVG动画5\. 以Three.js为首的3D动画以上各种动画形式都可以制作出一种类型的动画，那就是帧动画，也叫序列帧动...
2019-04-30 21:51:17
921
原创 强大的CSS：颜色、背景和剪切
颜色CSS 中可以改变文字的颜色还有元素的背景颜色。可以用颜色关键字来定义颜色，如red，但是这些颜色关键字并不常用。transparenttransparent可以让文字或背景变的完全透明的颜色，它就像rgba(0,0,0,0)的缩写。currentColorcurrentColor代表原始的color属性的计算值。比如当前元素color为红色，背景色设置为currentColor，那...
2019-04-30 21:49:54
382
原创 程序员抄袭代码现象普遍, 却能拿到年薪30万, 你怎么看?
你们知道程序员最熟悉，最熟练，最常用的两个快捷键是哪两个吗？没错，估计你现在心中所想的就是：和，俗名为：复制和粘贴。对于大部分程序员来说：复制和粘贴就是他敲代码，写程序员创造伟大产品的左膀和右臂，而复制和粘贴更是形影不离的好兄弟。作为码农，将别的功能代码拷过来稍作修改，完成了自己的工作，这样的方式简单快捷，不需要思考如何提取抽象。这样的程序员大量存在着。抄代码值块钱，知道抄什么值块钱“我...
2019-04-29 17:04:32
869
原创 前端学习代码实例-JavaScript阻止事件冒泡
任何现象都可能是双刃剑，有时候利用事件冒泡能够带来便利性，但是有时候也会带来不便。下面通过带来实例介绍一下如何阻止事件冒泡。代码实例如下:]<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwh...
2019-04-29 17:04:20
343
原创 只有突破程序员思维，才不会沦为码农
过去我曾一直认为程序员是依靠他们的技术在编程，也是因为技术使得程序员的水平有高低之分，但随着我写代码的时间越来越长，也接触到更多的程序员，我渐渐发现程序员们其实是依靠他们所特有的程序员思维在进行编程的，而他们中的佼佼者正是那些有着更高思维成熟度的优秀程序员们。 什么是程序员思维那么，什么是程序员思维呢？我曾读到过一些文章，试图给它下一个明确的定义，比如，具备抽象和逻辑思维的能力，拥有面向对...
2019-04-29 17:04:00
533
原创 华为为什么能给应届程序员开出如此高薪？老鸟：工作量大啊，公司不养闲人！
华为公司给应届毕业生开出的薪酬从年薪14万到17万不等，最高到40万人民币年薪也曾是引起网友热议。华为的薪酬待遇尤其是给应届生的待遇高出行业平均水平不少，除了因为华为公司重视校招以外，也是因为应届毕业生是更能够适应华为高增长发展背后的人才梯队补充策略。一家公司的薪资水平受公司所在行业、所在公司薪酬策略以及公司所处位置所决定。华为2016年招聘应届毕业生，月薪最高的可达40K，年薪轻松过50万...
2019-04-29 17:03:43
969
1
原创 阿里员工揭秘：很多程序员离职，在小公司当领导，光动嘴不动手！
阿里巴巴是中国知名的互联网公司，每个人或多或少的都从淘宝上购买的物品，自从1998年成立到现在，里面人才济济，里面的程序员不仅工资非常的高，不少程序员年收入竟然过百万。但是据阿里巴巴内部员工爆料，在阿里混不下去，然后离职了那些程序员，他们就去小公司当个领导，他们每天不干活，需要干活了就动动嘴，吩咐别人去干，很多网友都说起点高的人就是不一样。对于阿里巴巴程序员离职，到小公司当领导，只动嘴不动...
2019-04-29 17:03:29
782
原创 程序员绩效好，但晋升不上去，正常？
有些程序员对于晋升的理解过于简单，认为“做到份了就该升”，就好像代码的运行逻辑一样。如果通不过，就是领导为难，公司作怪。那是不是只要程序员业绩好，效率高，领导就该给晋升呢？我以为，面对程序员的晋升，起码应当搞清楚下面这几个问题直属领导有没有义务“保证”程序员晋升成功？答案很明确：没有。说直白一点，程序员是成年人，晋升这种事情应当自己负责，其他任何人都不应该成为保姆。称职的直属领导，可以...
2019-04-29 17:03:14
873
1
原创 前端学习代码实例-JavaScript 生成随机数
分享一段非常强大的随机数生成功能代码实例，有需要的朋友可以做一下参考。代码实例如下:(function(){ var charCodeIndex = [[48,57],[65,90],[97,122]]; var charCodeArr = []; function getBetweenRound(min,max){ return Math.floor(min+M...
2019-04-29 17:02:50
1194
原创 前端学习代码实例-JavaScript 阻止击超链接的跳转
点击链接具有跳转效果，但是有时我们不需要这种效果。下面就通过代码实例介绍一下如何实现此效果。代码如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><t...
2019-04-29 17:02:36
397
原创 前端学习代码实例-JavaScript 图片等比例缩放裁切详解
本文将通过代码实例详细介绍一下如何实现图片等比例缩放裁切效果。图片有两种应用方式，一种作为子元素存在，一种是作为背景图片。在每一种应用方式中，图片的等比例缩放又可以大致分为如下几种情况：（1）.确保图片能够填充满元素，超出的部分被裁切或者隐藏。（2）.确保图片的长或者宽填充满元素，超出的部分被裁切或者隐藏。下面通过代码实例分别介绍一下上述列举的中可能，需要的朋友可以做一下参考。一.作为...
2019-04-29 17:02:22
1653
原创 前端学习代码实例-JavaScript动态创建div并写入文本
介绍一下如何利用JavaScript动态创建div元素，然后在其中写入文本。代码实例如下：<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l...
2019-04-29 17:01:38
1072
原创 纯CSS Material Design风格按钮
其实Material Design的扁平化icon按钮，这类型的按钮往往只利用几何色块的变化，就能抓住使用者的眼光，并且从几何形状中明白按钮的含意，这也是Material Design非常强调的设计理念和精髓。这里推荐一下我的前端学习交流扣qun：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS...
2019-04-28 22:01:23
759
原创 超级简单CSS项目，悬停过渡动画三部曲
CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子，可能只是几行代码，但是添加到Web应用程序中，却会让它增色不少。如下是我们将在本教程中构建的代码项目设置在这个项目中，我们将把过渡效果应用到一个class为box的元素上面。这个box元素内部是垂直和水平居中的文字内容。HTML结构相当简单：<div class='box'> <p>...
2019-04-28 21:59:32
595
原创 巧妙运用clip-path，实现CSS形状变换
CSS3的“clip-path”，这个“clip-path”看起来有点眼熟，因为它原本就存在于SVG里头，利用掩码（剪裁）的方法，连接坐标绘制掩码区域，就可以做出许多不同的形状，让底色或底图显现，随着浏览器对于CSS3的支持度大幅提升，自然而然的就可以用它来做些与众不同的变化。运用clip-path超强的网站最先看到这个属性的应用，是从这个网站看到的：species-in-pieces.com...
2019-04-28 21:58:16
934
原创 CSS被设计为一种“宽容“的语言，却让更多人认为它不是编程
每隔几个月就会出现一篇文章表明：CSS并不是真正的编程语言。以编程语言的标准来说，CSS过于困难。使用这门语言会很有创造性：人们对CSS有一些强烈的情愫。— Dave Rupert (@davatron5000) [September 18, 2017]事实确实如此，CSS不同于传统的编程，且具有缺陷，同任何标准化编程语言相比，使用起来都更为困难。这是由于CSS被设计为一种描绘界面的方...
2019-04-28 21:57:54
184
原创 盘点！那些年让程序员炸毛的奇葩需求，说起来满满的都是泪！
作为一名程序员，想必都遇到过让自己炸毛的奇葩需求吧，这是心里必然是崩溃的，幸好有了表情包这个工具，让我们能够把内心的mmp通过一种比较和谐的方式表现出来，下面我们来看看那些年程序员的血泪史吧！1、2、3、4、5、6、7、**8、某项目UAT日常例会不知道各位程序员们，在工作中遇到过哪些奇葩需求，一起来吐槽一下吧！不（bao）要（chou）效（xue）仿（hen）。...
2019-04-27 21:33:24
345
原创 互联网工作6年，了无生趣，从早忙到晚，全是破事！
这几年来，随着互联网的高速发展，行业红利带来的高薪资待遇，吸引了很多人投身到互联网行业，其中大多数从事了程序员这个职业。说起程序员，很多人羡慕他们工资高，但是高薪水的背后，程序员也要付出很多代价！最近，就有一位程序员在网上吐槽，称自己在互联网工作6年了，回顾过去才发现这个职业把人变得“了无生趣”、“死气沉沉”，上班从早忙到晚，满脑子除了工作外全是领导跟同事之间的那些破事儿：的确存在这样的现...
2019-04-27 21:29:21
312
原创 程序员吐槽：不加班被领导批评，难道优秀也是一种错？
按质按量完成工作任务，不额外消耗公司资源，得到的却是领导的批评，换谁能高兴？就有一名程序员因为工作效率高完成任务快，几乎每天到点下班不加班，就这样也被领导喊去谈话批评了一番，对此这名程序员吐槽称：本人高级开发，平时工作效率比较高，代码稳定性也高，所以平时也不怎么加班。没想到被大领导约谈了，说我不加班会影响全部门的工作氛围。我想说难道我真的要跟其他同事一样白天划水，晚上加班干活吗？这样就是领导眼中的...
2019-04-27 17:21:31
1057
1
原创 99%的前端新手都不懂的8大布局
一、基础知识没错我所说的基础，就是html+css，顶多加一个基础的原生javascript。当然现在很多公司把nodejs也当做一名web前端的基础必备技能，而不是加分项了。二、框架学习Vue、React、Angular至少要精通一个吧，而且对于这三个框架最好是都有所了解。目前来说，React多年来一直主导Web开发，Vue处于快速增长阶段，而Angular的活跃度也不可小觑。当然也要...
2019-04-27 16:54:23
175
原创 HTML5前端学习路线，新手小白必备
HTML5经历了前期HTML快速的更新换代，以其独有特性的优势迅速占据了网页开发市场鳌头。介于目前学习和想要从事HTML5网页开发的人越来越多。本次，给大家整理了一下基本的HTML5学习路线图，适应于一些零基础学习HTML5的同学借鉴。HTML5学习路线规划：一、HTML5基础HTML 快速入门、文本、图像、链接、表格、列表、表单、框架;二、CSS3基础CSS基础语法、各种选择器(通...
2019-04-27 16:52:13
265
原创 Web前端开发学习路线图
近几年IT业可谓是发展火热，前端开发也是水涨船高，圈儿里很多人开玩笑说你们现在都是“钱“端了，因为挣钱多。实际上现在看一个同等水平的前端，他的价格还是略低于服务端的，不过前端最近可以说是涨得快，而且前端胜在竞争少。虽然前端基数大，但是实际上真正懂技术、会写代码的前端非常少。大部分前端就是市场上的前端，基本上是切个图，做一些机械性劳动，对于大企业来讲，是不要那种单纯只会去做机械性劳动的前端的。如...
2019-04-27 16:51:40
446
原创 做开发，越老，越容易阴沟里翻船，我们每天都在经历这些事情
做了这么多年开发，期间出过数不尽的bug，发现往往最难解决的问题都是小问题。小阴沟翻车这么多年不止一次，凌晨2点回到家也在想这些问题，晚上做梦还在想，睡不着。很多的时候心里也知道是小问题，但是始终解决不了。感觉自己可以解决但是始终解决不了，很不懈。哎。反思啊。这么多年遇到过很多bug坑：1、业务经验不足，照着文档结果还是漏了很多。这个应该老大去修改更完整的文档。原始设计就是错的，也应该归...
2019-04-27 13:49:43
401
原创 别人眼中的程序员，和现实中的程序员，差别在哪？
年轻的时候以为程序员都是做各种牛逼的桌面软件，开发各种游戏，黑别人电脑，入了行才知道有一种开发叫web开发，一不小心就掉进了大坑。别人眼里的程序员工资高，待遇好，技术黑客。高收入低消费，动不动就两三万，年收入三四十万，除了吃饭公交手机费基本上没什么花销，当然有些喜欢买电子产品就不好说了，有女朋友也不好说(毕竟在一二站城市开房费还是蛮高的)。格子衫，牛仔裤，板鞋，夏天就人字拖，双肩包...
2019-04-26 20:58:54
582
原创 程序员有哪些借口可以让自己写出低质量的代码？
需求一个挨着一个，先弄个样子出来，先写死，后期再改。没有产品设计、没有需求文档、没有测试、甚至连美工、发布也得我一个人兼着，时时安慰自己，反正写代码最拿手，功能实现再说，以后有的时间慢慢改呗。分析懒，自己挖坑自己填就是复制粘贴，所谓复用，90%的时候就是打破重粘贴。所谓架构，就是知道去抄啥；所谓开发，就是老大说抄我就抄；所谓初级开发工程师，就是东看看西看看，瞧瞧别人怎么抄，自己跟着抄；...
2019-04-26 20:57:34
300
原创 如果做不到一个好程序员，建议别满嘴跑火车
之前公司有个同事，满嘴跑火车，说他朋友多么牛逼，什么月薪多少K，什么技术最牛逼，之类的。每次听他说话我都只能微微一笑以作回应。后来项目上线后出了点问题，让他排查，结果他一点头绪都没。遇到报错，他就一顿瞎改，然后试下跑一下看看行不行；让他查问题，在你旁边站这指点江山，不敢坐你旁边一起看。能不能出活。如果不能出活，吹的再牛，也只是吹。没活，什么都不能评价，就没有后面的几点了。能不能长久稳定的出...
2019-04-26 20:56:44
517
原创 国外最具争议的十三道 JavaScript 题，你能全做对吗？
题目一——————————(function(){return typeof arguments;})();答案：“object”arguments是对象,伪数组有两件事要注意这里：参数不是数组，它是一个数组一样的物体,你可以使用方括号和整数索引的元素，但方法通常可在一个如推上不存在参数数组Array.prototype.slice.call(arguments); 转成...
2019-04-25 21:05:49
163
原创 看过这张图你还记不牢JavaScript的语法和特性，算我输！
逛知乎的时候发现@DDDD转了一张图，这张图对js魔法的吐槽可谓非常到位。下面，我们就从这张图出发来详细讲讲js。数字类型与精度问题虽然js是弱类型语言，声明变量时也不需要显式指定类型。但是，数据本身依旧还是有类型的，比如数字和字符串就是以不同形式存在的数据。在js中，所有数字的类型都为number。其中，一个特殊的数字就是NaN（Not a number），虽然名字叫“不是数”，但为了计算...
2019-04-25 21:04:46
679
原创 JavaScript中十种一步拷贝数组的方法
JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。1、扩展运算符（浅拷贝）自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。numbers = [1, 2, 3];numbersCopy = [...numbers];这个方法不能有效的...
2019-04-25 21:03:33
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人