自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(233)
  • 资源 (1)
  • 收藏
  • 关注

转载 CSS 宣布支持三角函数,下一步是什么?

2 月底万维网联盟(W3C)CSS 工作组会议宣布了一项决议,批准在 CSS 标准中加入一批新函数,其中包括: 正弦函数- sin() 余弦函数 - cos() 正切函数- tan() 反余弦函数 - acos() 反正弦函数 - asin() 反正切函数 - atan() 使用两个参数x 和 y 的反正切...

2019-03-13 15:39:20 213

转载 2019 前端技术规划该包含什么?

我所理解的前端技术规划是指根据2019年前端的发展趋势,在现有业务背景和开发能力、技术应用的条件下,不断进行工作优化,以适应企业发展和技术更迭。当然这其中既有前端开发技能提升本身的问题(例如各种模式、类库、框架、开发工具等),也有内部流程标准化、团队成长机制等其他问题。​前端开发其实和其他编程相关岗位相比,个人发展曲线非常尴尬。一方面,前端技术栈更新十分迅速,几乎可以说是软...

2019-03-12 18:23:52 424

转载 2019年1月份GitHub上最热门的JavaScript项目

相信大多数程序猿们都回归工作岗位啦,不知道是否调整好心态了呢?1月份GitHub上最热门的JavaScript开源项目新鲜出炉,还是一起来看看都有哪些项目上榜吧: 1.anime Anime 是一个灵活且轻量级的 JavaScript 动画库。和 CSS,独立变换,SVG,DOM 属性和 JS 对象配合使用。具有以下特性:  具体的动画参数 具体的目标值 ...

2019-02-20 18:00:20 250

转载 Java能抵挡住JavaScript的进攻吗?

JavaScript的进攻公元2014年,Java 第八代国王终于登上了王位。 第一次早朝,国王坐在高高的宝座上,看着毕恭毕敬的大臣,第一次体会到了皇权的威力。 德高望重的IO大臣颤悠悠地走上前来:“启禀陛下,昨日收到战报,有个叫做Node.js的番邦又一次向我国进攻,我边防将士死伤惨重。” “Node.js? 那是什么东西?”  国王心中一乐, 还真有人自不量力,想蚍...

2019-01-31 14:15:37 293

转载 前端14个大厂1周面试题,跳槽稳稳地

小米-小米应用商店(过) 一面 小米的面试官给人的感觉很亲切很真诚,是一个体验很不错的面试。   css 实现图片自适应宽高 讲 flex,手写出 flex 常用的属性,并且讲出作用 BFC 是什么 项目里面的前端鉴权是怎么实现的? vue 里面的虚拟 dom 是怎么回事? vue 双向绑定讲一讲 手写函...

2019-01-24 16:26:56 759

转载 JavaScript 的数据类型及其检测

一、JavaScript 有几种类型的值?Javascript 有两种数据类型,分别是基本数据类型和引用数据类型。其中基本数据类型包括 Undefined、Null、Boolean、Number、String、Symbol (ES6 新增,表示独一无二的值),而引用数据类型统称为 Object 对象,主要包括对象、数组和函数。接下来我们分别看下两者的特点。二、基本数据类型1、值是不...

2019-01-23 17:06:46 111

转载 2019 年编写现代 JavaScript 代码的5个小技巧

内容基本是今年从其他大神的文章学习到的东西。出处在底下。1、Array.includes 与条件判断一般我们判断或用 ||如果我们有更多水果2、Set 与去重ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。数组去重 Array.from 方法可以将 Set 结...

2019-01-17 16:44:29 136

转载 别再学习框架了..........

在网上看到了这篇文章,有标题党嫌疑,虽然作者说得有点极端,但是把大部分时间投入到学习那些基础的、不变的知识中去,这个观点我也认可,翻译过来大家看看。我们是程序员, 我们需要紧跟最新的技术,每天都学习新的编程语言,框架,类库,对于最新的工具,我们学得越多越好。  能够紧跟Angular, React, Vue, Riot, Ember, Knockout这些最新的东西是一件有趣的事情。 ...

2019-01-08 17:58:56 124

转载 写好 JS 条件语句的 5 条守则

在用 JavaScript 工作时,我们经常和条件语句打交道,这里有5条让你写出更好/干净的条件语句的建议。 1.多重判断时使用 Array.includes2.更少的嵌套,尽早 return3.使用默认参数和解构4.倾向于遍历对象而不是 Switch 语句5.对 所有/部分 判断使用 Array.every & Array.some6.总结1.多重判断时使...

2019-01-07 17:26:25 91

转载 2019Web开发技术指南和趋势

​以下内容来自我特别喜欢的一个Youtube频道: Traversy Media这是一个2019年你成为前端,后端或全栈开发者的进阶指南:1、你不需要学习所有的技术成为一个web开发者2、这个指南只是通过简单分类列出了技术选项3、我将从我的经验和参考中给出建议4、首选我们会介绍通用的知识, 最后介绍2019年的Web的一些趋势1、基础前端开发者1.1 HTML &amp...

2019-01-04 17:07:50 1112 1

转载 3分钟教你用css3做一个求婚小动画!

首先放张效果图   然后一步步分析一下 首先是刚出现的新郎的动画 ↓↓↓里面用到的知识点 ↓↓↓ ◯ animation:是一个简写属性,用于设置六个动画属性 ●animation-name 规定需要绑定到选择器的 keyframe 名称 ●animation-duration 规定完成动画所花费的时间,以秒或毫秒计 ...

2018-12-13 13:21:58 371

转载 一篇文章彻底说清 JS 的深拷贝浅拷贝

这篇文章的受众   第一类,业务需要,急需知道如何深拷贝JS对象的开发者。 第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者。  ​写给第一类读者 你只需要一行黑科技代码就可以实现深拷贝此时 copyObj.arr !== targetObj.arr  已经实现了深拷贝  别着急走,利用window.JSON的方法做深拷贝存在2个...

2018-12-12 16:55:56 149

转载 我们前端忙成狗人家后端写SQL?

要重视战略、技术只是技能现在web前端越来越细分,工具、框架语言、日新月异,学也学不完。很多同学想放弃,甚至有人质疑前端以后饱和了,找不到工作了这种无脑文章。贩卖焦虑,着实可笑,那么根据现在的判断,我们展望一下未来到底什么样的呢?我们天天刷屏的vue、react、es6这些玩意只不过我应用层里的冰山一角,不值得吹。我们要做的是要从战略层面、大方向了解一下我们的工作到底值不值、或者是什么...

2018-12-11 17:27:15 603

转载 2019年如何打造自己的前端品牌

这个年底相信对于很多程序猿来说都不算太好过,是的,资本的寒冬已经到来。无论是传言某厂停止社招还是某商城末尾淘汰,亦或者某知名论坛因为“现金流”问题大裁员。这个年底,已经听到了很多知名公司裁员的消息了。 关于裁员的思考。首先,资本总是逐利的,当然这是句废话,公司又不是散财童子或者观世音菩萨,公司招人肯定是要赚钱的。再者是互联网行业经历了一个巨大的风口,站在风口上,母猪也能上天。are y...

2018-12-07 16:12:11 208

转载 JavaScript 的这个难点,毁掉了多少程序员?

本文将通过简单的术语和真实世界的例子解释 JavaScript 中 this 及其用途,并告诉你写出好的代码为何如此重要。1、this 适合你吗?我看到许多文章在介绍 JavaScript 的 this 时都会假设你学过某种面向对象的编程语言,比如 Java、C++ 或 Python 等。但这篇文章面向的读者是那些不知道 this 是什么的人。我尽量不用任何术语来解释 this 是什么,以...

2018-12-06 16:39:06 151

转载 前端构建:3 类 13 种热门工具的选型参考

前言在前端项目的规模和复杂性不断提升的情况下,各类构建思想和相应工具层出不穷。本文竭己所能对比了当下13个构建工具,包括 Browserify、 Webpack、 Rollup、 Grunt、 Gulp和 Yeoman6个广为流行的工具, FIS、 Athena、 WeFlow和 Cooking等4个国产工具,以及三大框架: React, Vue和 Angular的官方脚手架。希望能在项目初期...

2018-12-05 15:24:34 105

转载 6分钟看懂 Node.js 武功精髓

阅读大约需要6分钟 1、为什么要学习Node.js?Node.js是目前非常火热的技术,可是作为一个前端开发人员,为什么要学Node.js? 说Node.js优劣的文章,网上一大堆,在这儿就不过多描述了。技术是服务于业务的,学技术最终目的就是为了更高的收入,咱们就是这么俗,那就从以下两点来看看,为什么要学Node.js 从工作上来说 首先第一点,很多大公司都在用...

2018-12-03 17:44:02 146

转载 两分钟让你知道,前端开发是用Vue.js还是Angular!

1引言 Vue.js 是开源的JavaScript框架,能够帮助开发者构建出美观的Web界面。当和其它网络工具配合使用时,Vue.js的优秀功能会得到大大加强。如今,已有许多开发人员开始使用Vue.js来取代Angular和React.js。那么对于Angular和Vue.js,开发者该如何选择呢?下面小千会对这两种框架进行介绍和深度对比。 许多开发人员都大力推荐 Vue,因为...

2018-11-30 17:13:53 499 1

转载 前端码农之蜕变 — AST(抽象语法树)

前言首先,先说明下该文章是译文,原文出自《AST for JavaScript developers》(https://itnext.io/ast-for-javascript-developers-3e79aeb08343)。很少花时间特地翻译一篇文章,咬文嚼字是件很累的事情,实在是这篇写的太棒了,所以忍不住想和大家一起分享。该译文出自我的博客:https://github.com/Co...

2018-11-29 17:34:53 922

转载 学习ui设计软件有哪些

学习ui设计,想成为优秀的ui设计师,我们必须要有足够的ui知识和熟练使用各类设计软件。那么ui设计软件有哪些呢?学习ui设计的工具软件推荐:photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash 1、photoshop给各位建议还是使用较新的版本的软件哦!因为一个新版本的功能更加全面,不然的话更新的意义何在呢?你说是吧! 2、A...

2018-11-29 17:11:19 1072

转载 Web前端学习教程之Node Js流程

1项目前期准备 以express 框架为例:   npm i express-generator -g //全局安装express框架  express -e //生成express应用骨架  npm i //安装依赖  npm start //在3000端口监听 拓展:目前最市面上最流行的node框架有: ✦Sail.js Sails.js...

2018-11-27 17:14:45 136

转载 web前端入门进阶教程:Vue 项目骨架屏注入实践

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己的主业。然而在带来便利的同时,也带来了一些弊端,比如首屏渲染时间(FCP)因为首屏需要请求更多内容,比原来多了更多HTTP的往返时间(RTT),这造成了白屏,如果白屏时间过长,用户体验会大打折扣,如果用户网速差,则FCP会更长。由...

2018-11-26 17:45:44 167

转载 前端三驾马车现状如何?2018 JavaScript 现状调查报告火热出炉!

StateOfJS 刚刚发布了 2018年的 JavaScript 现状调查报告,今年他们调查了超过 20000 名 JavaScript 开发者,以确定他们正在使用什么,他们对什么感到满意以及他们想要学习什么。   1、JavaScript 现状 —— “方言”随着 JavaScript 的成熟,开发者基于 JavaScript 创建了许多其他语言,或者叫“方言”,如 E...

2018-11-23 17:56:26 1141

转载 初级web前端开发工程师成长为大神的学习路线(附思维导图)

本文来源千锋HTML5!以下是自己做的一个从初级前端开发工程师到大神级别前端开发工程师的学习路线思维导图,希望可以帮到大家:关于书籍:JavaScript高级程序设计(第3版) 红皮书JavaScript权威指南(第6版) 犀牛书深入浅出Node.js锋利的jQuery(第2版)JavaScript DOM编程艺术 (第2版)Head First HTML与CSS(第2版...

2018-11-22 17:08:25 629

转载 送给大家一套完整的web前端开发学习路线

本文来源:千锋web前端开发近几年IT业可谓是发展火热,而且新生了很多的职业。在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景高薪资吸引了众多的人投入到前端开发的学习当中去,想学好web前端,这份web前端开发学习路线分享给你。  好的学习方法和掌握好正确的学习路线可以让我们的...

2018-11-21 15:19:58 21394 6

转载 web前端教程分享:常见 React 面试题

React 中 keys 的作用是什么?Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。render () {  return (    <ul>      {this.state.todoItems.map(({item, key}) => {        return <li key={key}>{item}...

2018-11-20 17:02:39 752

转载 VS Code 1.29 发布,众多新功能有没有你想要的?

Visual Studio Code 1.29 发布了,此版本主要更新内容包括:  Multiline search - 使用正则表达式多行表达式搜索文件。 File icons in IntelliSense - IntelliSense 快速区分文件类型。 Better macOS support - 全屏模式控制和 Mojave Dark Mode 支持。 ...

2018-11-19 17:28:23 173

转载 30 分钟精通 React 新特性React Hooks

你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗?——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗?——拥有了Hooks,生命周期钩子函数可以先丢一边了。你在还在为组件中的this指向而晕头转向吗?——既然Class都丢掉了,哪里还有this?你的人生第一次不再需要面对t...

2018-11-14 15:57:11 26373 6

转载 前端如何高效的与后端协作开发

1. 前后端分离前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。可以参考:前后端分离、web与static服务器分离(https://segmentfault.com/a/1190000015297319)。2. 尽量避免后端模板渲染web 应用的渲染方式分为服务器端渲染和客户端渲染,当下比较推荐的方式是客户端渲染,...

2018-11-13 17:25:29 228

转载 利用CSS改变图片颜色的100种方法!

前言“说到对图片进行处理,我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者,我们经常会需要处理一些特效,例如根据不同的状态,让图标显示不同的颜色。或者是hover的时候,对图片的对比度,阴影进行处理。” 本文略长,请耐心阅读你以为这些是经过PS软件处理出来的?不不不,纯粹的是用css写出来的,很神奇把。 强大的 CSS:filter CSS滤镜...

2018-11-09 17:15:41 140

转载 2018大厂高级前端面试题汇总

本人于7-8月开始准备面试,过五关斩六将,最终抱得网易归,深深感受到高级前端面试的套路。以下是自己整理的面试题汇总,不敢藏私,统统贡献出来。 面试的公司分别是:阿里、网易、滴滴、今日头条、有赞、挖财、沪江、饿了么、携程、喜马拉雅、兑吧、微医、寺库、宝宝树、海康威视、蘑菇街、酷家乐、百分点和海风教育。 以下是面试题汇总,后续阶段会持续深入更新面试题解,共勉!阿里  使用...

2018-11-07 15:28:40 298

转载 HTTP协议调试工具汇总,你心目中应该是什么样的?

前言本文收集了大量抓包工具,近40款,涵盖了各种开发语言(Java,C#,Delphi,C,C++,Objective-C,Node.js,Go,Python)、各类前端(GUI,TUI,CUI,Web UI,Browser Addon),请大家赏析。Java1.Burp Suitehttp://www.burpsuite.com/英国PortSwigger团队开发,用起来...

2018-11-06 16:50:18 251

转载 web前端新手入门教程:Web 框架的架构模式探讨

在写干货之前,我想先探(qiang)讨(diao)两个问题,模式的局限性?模式有什么用? 最近看到一篇文章对我启发很大,许来西在知乎的回答《哲学和科学有什么关联?》,全篇较长,这里摘录我要引出的一点:科学作为一种经验主义的认识论,有着经验主义的巨大缺陷:它永远不能产生绝对正确的真理。这是归纳法的本质决定的。而且值得注意的是,归纳不具有唯一性。 举一个简单的例子,我们假设一个世界...

2018-11-05 16:48:47 420

转载 h5 与原生 app 交互的原理

现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能。所以,这次就来捋一捋 h5 与原生 app 交互的原理。h5 与原生 app 的交互,本质上说,就是两种调用:  app 调用 h5 的代码 h5 调用 app 的代码  1. app...

2018-11-02 15:26:07 7615

转载 HTML5前端初级入门教程:AJAX及常用的两种跨域方法

​首先什么是AJAX?         AJAX : Asynchronous JavaScript and XML(异步JavaScript和XML技术)。        JavaScript:XMLHttpRequest(核心对象)。        XML:可扩展标记语言,数据存储与交换。        是在不重新加载(刷新)整个页面的情况下,与服务器交换数据并更新部分网页...

2018-11-01 17:17:46 101

转载 html5前端入门教程分享:Node.Js 框架

项目前期准备:以express 框架为例npm i express-generator -g //全局安装express框架 express -e //生成express应用骨架 npm i //安装依赖 npm start //在3000端口监听拓展:目前最市面上最流行的node框架有: Sail.js Sails.js 就像是 Node.js 平台上的 Rails 框架。...

2018-10-30 16:38:17 242

转载 html5前端教程:如何使用CSS3制作长投影

​在flat design(扁平化的设计)中,Long Shadow (长投影)被看着屡试不爽的设计技能。比如下面这张,非常经典的长投影设计: 摄影师选择长投影通常是给图片带来戏剧效果, 在自然界中,长投影发生在黄昏的时候,太阳接近地平线时,水平地面上的物体俯瞰就会有长投影的效果。在界面设计中我们通常采用了模拟45度角的效果,模拟阳光从西北角上射来,从而与设计的主题形成鲜明的对比效果。...

2018-10-29 16:52:20 204

转载 Web前端教程分享:页面性能优化办法有哪些?

引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间每多1秒,你就会流失7%的用户。8秒并不是准确的8秒钟,只是向网站开发者表明了加载时间的重要性。那我们如何优化页面性能,提高页面加载速度呢?这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答...

2018-10-26 16:03:30 214

转载 转型web前端工程师怎样学才能拿高薪?

优秀的web前端开发工程师要在知识体系上有广度和深度,且具备快速学习的能力。 前端开发工程师不仅要掌握基本的web前端开发技术、网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。​一、前端工程师至少要满足四类客户的需求 1、产品经理:这些是负责策划应用程序的一群人...

2018-10-25 17:14:24 96

转载 为什么前后端分离了,你比从前更痛苦?

你有没有遇到过:  前端代码刚写完,后端的接口又变了。 接口文档永远都是不对的。 测试工作永远只能临近上线才能开始。  为什么前后端分离了,你比从前更痛苦?前后端分离早已经不是新闻,当真正分离之后确遇到了更多问题。要想解决现在的痛,就要知道痛的原因: 为什么接口会频繁变动? 设计之初没有想好。 这需要提高需求的理解能力和接口设计能力。 ...

2018-10-24 16:22:24 92

html5前端入门视频教程从入门到精通小白需学

html5前端入门视频教程从入门到精通小白需学 第一部分:课程体系解读 http://pan.baidu.com/s/1o7B9OYA 第二部分:微案例讲解 https://pan.baidu.com/s/1nwyNFg1 第三部分:知识点讲解 http://pan.baidu.com/s/1jICHs9o Vue组件之手机通讯录实战课程 http://pan.baidu.com/s/1c1FrXLY 微信小程序基础与实战 https://pan.baidu.com/s/1xE35SQcvW0sCF2NoR_ONiw HTML5课程体系解读 这一部分重点介绍了HTML、CSS、JavaScriptWeb三大前端核心技术,通过视频讲解,了解可以利用HTML+CSS做什么,另外对JavaScript语言特性进行详细的介绍,还有相关工具、后端语言,逻辑思维训练等知识点。此外结合现今流行框架,如:vue、react、angular、ionic等。并涉及多方向学习,多平台学习,如:小程序、react native、混合开发、JAVA、PHP、android等领域。 第二部分 微案例讲解 HTML5微案例讲解 本套视频教程主要通过一个一个小的案例,来让大家理解所学知识点,通过对知识点的合理利用,实现不同的交互效果。理论与实践结合能让更好的掌握理论与实际应用,微案例包括HTML5相关的各种项目,比如,页面布局,炫酷的动画效果,游戏开发,移动端开发,前后端开发等。设计内容之多,范围之广,对于各种开发需求都会有涉及,希望这套微案例教学视频,能在学习和工作中帮助到大家。 第三部分 知识点讲解 第一章 HTML5基础 主要讲解HTML几个常用标签的语法和运用,表格的语法和相关属性,语法和相关属性. CSS基础 主要讲解CSS样式表的三种建立方法以及这三种方法的优先级问题,CSS的语法和常用选择符以及选择符的优先级 CSS核心属性 主要讲解CSS核心属性里和文本相关的属性、CSS核心属性里和列表相关的属性、CSS核心属性里和背景相关的属性、CSS核心属性里和背景相关的属性。 盒模型与文本溢出 主要讲解与盒模型这个概念相关的属性以及在实际操作中的注意事项和文本溢出的相关属性。 元素类型 主要讲解元素的类型以及类型与类型之间的转换,同时在实际操作中的简单运用 定位锚点 主要讲解元素的定位属性以及实例,如何设置锚点链接以及实例。 图片整合 主要讲解图片整合的概念及实例 宽度自适应 主要讲解元素在浏览器里或者在父元素中如何做到宽高自适应 浏览器兼容 介绍了各大主流浏览器内核,主要讲解元素或属性在各大浏览器下的兼容性问题以及解决方法 表单表格高级 主要讲解表单的高级属性及运用 CSS3选择器和新增属性 主要讲解CSS3新增的选择器及用法,服务器端字体的调用和iconfont的使用步骤,CSS3新增的部分属性及用法。

2018-07-09

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除