20171229 前端开发日报-前端开发博客

2018年前端技术趋势预览；我不开玩笑，2018 年你还需要学习 JavaScript；论原子 CSS 的日益普及；CSS系列——一步一步带你认识transition过渡效果；three.js简介 —— 3D框架；JS退位，Go语言是DevOps时代最好的编程语言；Bootstrap 栅格系统的精妙之处；前端挑战全栈 13集原创Koa2.x免费视频奉上

2018年前端技术趋势预览温故而知新回顾2017年： ES2015普及的一年，并且JavaScript在大家的印象中已经 != 前端，更多的开发者开始使用ES2015来编写应用。
我不开玩笑，2018 年你还需要学习 JavaScript JavaScript 是 web 开发语言。看看网上点击量超过 1000 万受欢迎的网页，将近 95% 的是用 JavaScript 开发的。我们再来看 2018 最具就业前景的 7 大编程语言。JavaScript 位居第三。像谷歌，火狐和 IE 等浏览器都支持 JavaScript 语言。所以，你决定现在学习这门语言，你可以很容易找到工作。但是事物都有两…
论原子 CSS 的日益普及原文地址：On the Growing Popularity of Atomic CSS 原文作者：OLLIE WILLIAMS 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Cherry 校对者：Tina92、C
CSS系列——一步一步带你认识transition过渡效果 1、前言 transition从网页效果上来看是一种平滑过渡的动画，本质上是在一定的时间内将属性的状态从初始值过渡到结束值。如果不添加transition过渡，在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成，看起来比较生硬，而添加了过渡
three.js简介 —— 3D框架随着HTML5的普及，网页的表现能力越来越强大，浏览器提供了WebGL接口，可以通过调用对应API进行3D图形的绘制，Three.js在这些基础接口之上又做了一层封装。特点 Three.js特点：掩盖了3D渲染细节面向对象功能丰富速度快支持交互内置文件支持拓展性强同时支持HTML5、2D、…
JS退位，Go语言是DevOps时代最好的编程语言如今，成功实施DevOps对于企业的深远影响已经不言而喻了，但是想要找到一位优秀的DevOps工程师却绝非易事。本文我们与Toptal人才运营副总裁Alvaro Oliveira进行了深度对话，谈谈他对DevOps总体情况的看法以及对2018年的预测。 Toptal人才运营副总裁Alvaro Oliveira 使用DevOps 的好处问：最近你写了一本名为 …
Bootstrap 栅格系统的精妙之处节选翻译自The Subtle Magic Behind Why the Bootstrap 3 Grid Works 从接触 Bootstrap 已经有很长时间了，给人的感觉是快速，简单，易上手，其中栅格系统是一个亮点：一
前端挑战全栈 13集原创Koa2.x免费视频奉上 Koa2是现在最流行的基于Node.js平台的web开发框架，它很小，但扩展性很强。Koa给人一种干净利落的感觉，体积小、编程方式干净。国内很多知名互联网公司都在使用，BAT（百度、阿里、腾讯）全部都在使用。使用 k
使用 vue + thinkjs 开发博客程序记录一入冬懒癌发作，给自己找点事干。之前博客程序写过几次，php 的写过两次，nodejs 用 ThinkJS 写过，随着 ThinkJS 版本从1.x 升级到 2.x 之前的博客程序也做过升级。但是因为前面考虑搜索引擎抓取还是用传统的方式开发，没有做前后端分离。
基于react的 markdown 输入 + 即时预览在线编辑器本文介绍如何使用 Ace和 CodeMirror来实现一个基于 react的 markdown 输入 + 即时预览在线编辑器 Ace版本 Ace算是一个久经考验的老牌编辑器插件了，现在很多大公司都在用这个东西，似乎 Github曾经就使用 Ace用于构建它
Luna：自动化 Web 漏洞扫描工具 Luna 是一款开源的自动化web漏洞扫描工具，利用最轻量的代码构建被动式扫描框架。主要用途是实现对漏洞扫描策略的快速验证，验证源来自burpsuite中收集的httplog，扫描策略来自独立的python插件。郑重声明：Luna仅供网络安全爱好者学习和探讨使用，一切利用本工具和基于本工具二次开发的工具进行非法攻击的行为与…
前端文摘：深入解析浏览器的幕后工作原理您可能感兴趣的相关文章 10大流行 Metro UI Bootstrap 主题和模板精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI 风格 Bootstrap 主
使用nodejs+express完成简单的文件上传功能 1.建立express项目 express -e nodejs-uploadfile 2.下载multer中间件 npm i multer or yarn multer 3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并指定文件上传目录 const multer = require(‘multer’); const fs = require(‘fs’); const UPLOAD_PATH = ‘./uploads’ …
【前端AI】40+行JS代码打造你的2048游戏 2048 游戏是什么？ 2048 游戏如下图所示，它由一个 4*4 共 16 个方块组成。玩家可以通过「上下左右」四个方向操纵方块滑动，滑动时两个相邻且数值相同的方块会合并，新的方块，数值为两者之和。当游戏里任意方块的数值达到 2048，即为胜利。
JEECMS v9 发布，前端技术采用 VUE 框架 JEECMSv9源码工程转为Mawen版本，后台页面采用VUE技术全面进行了改版，新版本更注重用户体验，针对内容管理、留言、评论等功能进行了操作优化，对系统在海量数据读写性能上进行了大量的优化。 JEECMS是一款集PC端、手机H5网页、APP、微信小程序的建站利器，支持栏目模型与内容模型交叉自定义，对于不懂技术的用户来说…
技术雷达之「微前端」- 将微服务理念扩展到前端开发 | 《前端的逆袭》知乎专栏本文首发于技术雷达之「微前端」- 将微服务理念扩展到前端开发欢迎关注知乎专栏 —— 前端的逆袭欢迎关注我的博客，知乎，GitHub。文章大纲本文共计约 7k 字，预计阅读时间 15mins 微前端的缘由：单体应用与微服务架构微服务架构带来了
2017 JavaScript 调查报告概述简评：最近一份超过 23,000 名开发者参与的关于 JavaScript 的调查报告 – the State of JavaScript 2017 出炉了。内容包含框架的流行趋势、薪资水平等等，感兴趣的同学可以点击链接阅读完整内容。这里介绍下作者从其中得出的十个观点。 #1：React 已经被广泛认可因为巨大的用户数量和很高…
【20171228 前端开发日报】2018 年，React 将独占前端框架鳌头？；基于手淘 flexible 的 Vue 组件：Toast — 显示框；Vue 2.5.12 和 2.5.13 发布，轻量级 JavaScript 框架；2017下半年掘金日报优质文章合集：前端篇；摧枯拉朽，说说ES6的三…详情→
ionic3实战-随机布局瀑布流实现最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊! 项目中由于要用到一个瀑布流的特效，找了半天竟然没有找到相关的资源，没有办法，只能迎着头皮上了~ 话不多说，先上图相信看过图片的同学都明白什么意思了吧。对，就是瀑布流！但是今天我们的瀑布流可不是一般的瀑布流。…
webpack 搭建vue 项目 webpack vue.js npm nodejs ES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：创建项目 mkdir vue-demo cd vue-demo 使用 npm init 命令生成package.json文件 npm init 大概生成的package.json 如下: { "name&qu…
Parcel Vs Webpack爱折腾的前端圈时常会有新轮子诞生，只要是好东西就能快速获得大量关注，资历再好的大哥只要不如新人也很快会被替代。横空出世的 Parcel 近日成为了前端圈的又一大热点，在短短几周内就获得了 13K 的 Star。作…
前端性能优化之性能测试获取和衡量一个页面的性能，主要可以通过以下几个方面： Performance Timing API 、 Prpfile 工具、页面埋点计时、资源加载时序图分析。 Performance Timing API Performance Timing API 是一个支持 Internet Explorer 9 以上版本及 WebKit 内核浏览器中用于记录页面加载和解析过程中关键时间点的机制，它可以详细…
从源码解析vue响应式原理写在前面（距离上一次写文章已经过去了四个月，羞愧…）这几个月对vue的使用不少，但是自觉地始终停留在比较粗浅的层面，一直无法提升，所以尝试着开始阅读源码。文中内容仅代表个人理解，如果错误，欢迎指正…
JavaScript标准库（25）上一次我们简单的介绍了 Object() String() Number() Boolean() 而今天这个博客我在原来的基础上对 Array() Function() 进行了补充.获取更多相关的知识还可以通过阮一峰标准参考教程 MDN-JavaScript标准库简单变量与new 对象()区别对于简单变量来说，赋值就是一个简单的赋值，而对于new Stri…
通过Scope Hoisting优化Webpack输出Scope Hoisting 可以让 Webpack 打包出来的代码文件更小、运行的更快，它又译作 “作用域提升”，是在 Webpack3 中新推出的功能。单从名字上看不出 Scope Hoisting 到底做了什么，下面来详细介绍它。认识 Scope Ho…
深入浅出 JS 异步处理技术方案来源： gitbook 作者： Gitbook-icepy 为什么要异步 "当我们在星巴克买咖啡时，假设有100个人在排队，也许咖啡的下单只要10S，但是咖啡的制作到客人领取咖啡要1000S。如果在同步的场景下，第一个客人下单到领取完咖啡要1010S才能轮到下一个客人，这在效率（某些场景）上来…
V部落博客管理平台开源啦 Vue+SpringBoot强强联合V部落是一个多用户博客管理平台，采用Vue+SpringBoot开发。演示地址： http://45.77.146.32:8081/index.html 项目地址:https://github.com/lenve/VBlog 项目效果图登陆页面文章列表发表文章用户管理栏目管…
《2018 年你需要知道的 Vue.js 组件库，完善你的应用开发》2018 年来临之际，继最热的 React 组件库和 Angular 组件库之后，这里有 11 个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。（by 开源中国/编辑部的故事）
19 个 JavaScript 编码小技巧这篇文章适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码，帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。三元操作符如果使用if…else语句，那么这是一个很好节省代码的方式。 Longhand: const x = 20; let answer; if (…
jquery插件开发入门i.为GPU一体机项目开发的一款下拉树插件ii.记录第一次开发jquery插件的过程 iii.wisdomTree的基本用法 jquery插件的开发模式一般而言，有三种 $.extend()来扩展jQuery $.fn 向jQuery添加新的方法 $.widget()应用…