20180413 前端开发日报

一些冷门的js操作;70个老司机技巧教你更好的进行CSS编程;那些优雅灵性的JS代码片段;对象存储 JavaScript SDK 更新,即刻体验更简单·可信赖的服务;关于Google发布的JS代码规范,你需要了解什么?;基于react + redux的Bone框架;“破碎-重组-破碎” CSS3实现Lowpoly风格变形动画终极篇;Git原理与高级使用(2)

  1. 一些冷门的js操作 大家学习的时候,一开始小白,然后接触到进阶的东西的时候,发现一切得心应手,有的人可能开始说精通了。突然有一天,发现了一些基于很基础的东西的骚操作,就开始怀疑人生:wtf JavaScript? 如果没有遇到被某些东西打击到或者见识到新的世界,可能永远的,就感叹:jQuery真好用,我精通jQuery,精通js。要不就是,vue…
  2. 70个老司机技巧教你更好的进行CSS编程 原文出处 70 Expert Ideas For Better CSS Coding – HackHands Posted on July 13th 2015 CSS 并不总是容易处理。 在你的能力和经验不够的时候,CSS编程会成为一个噩梦,
  3. 那些优雅灵性的JS代码片段 我的个人网站:拓跋的前端客栈~了解一哈。这里是原文地址,如果您发现我文章中存在错误,请尽情向我吐槽,大家一起学习一起进步φ(>ω<*) 引子 如果您甘于平凡,写代码对您来说可以就是Ctrl+C和Ctrl+V;如果您充满创造力,写代码也可以成为一门艺术。我们在平时总会遇到一些堪称优雅灵性的代码片段,在这里,仅…
  4. 对象存储 JavaScript SDK 更新,即刻体验更简单·可信赖的服务 JavaScript 是一个通用的、跨平台、中立于厂商的脚本语言,起源于用户对于浏览器交互体验的旺盛需求。随着互联网的发展和进步,JavaScript 的版本也持续迭代提供了越来越丰富的功能,不断提升用户的体验。 更好的 JavaScript SDK 在 H5
  5. 关于Google发布的JS代码规范,你需要了解什么? 虽然感觉规范里面很多都不太现实,但还是可以参考一下:Google是一家人才汇聚的科技公司,雇佣着出色的程序员来编写优秀的代码。能够看到这样的公司发布的代码规范是一件很有趣的事情
  6. 基于react + redux的Bone框架 Bone的使用很简单,上手也很快。如果你想用react搭建一个项目,不妨跟着我试试使用Bone。 Bone特性概述 集成了路由(基于 history.js + react-router),并支持前进、后退状态缓存 使 Component 支持绑定 Model
  7. “破碎-重组-破碎” CSS3实现Lowpoly风格变形动画终极篇
    非常有意思的效果,创意确实比技术更重要更稀缺:在受到SVG+CSS3动画仿作草莓音乐节宣传视频的伤害后,一直想找个简单唬人的东西做一做来平复一下悲愤的心情。翻了下收藏夹,找到了一个珍藏了很久的存货,三十种濒危动物的碎片动画效果。有时候,很多创意来自于别人,别不承认,戳戳看,很惊艳 。以前写过CSS3实现lowpoly动画效…
  8. Git原理与高级使用(2) 上一篇中我们介绍了git的基础概念,这篇我们就来说说分支 分支 git中的分支其实只是一个指针指向一个commit对象,而不是像传统的版本控制系统一样把整个当前版本复制一份出来。它背后其实就是一个文件,我们可以去.git/refs/heads文件夹下面查看,里
  9. V8概念以及编程入门 了解V8才能更好地用好NodeJS:仓库地址:215566435/Fz-node v8 知识梳理以及编…
  10. 你不知道的Vuejs – Vuejs 插件开发 虽然 Vue.js 已经足够强大了,但是在实际开发中,我们还是需要引入各种模块来实现我们的功能需求,或者给全局的 Vue 对象添加一些全局功能,而 Vue 插件 就是来帮助我们完成这项工作的。 开发插件 Vuejs 插件范围没有限制,一般有以下几种: 添加全局方法或者属性,如: vue-custom-element …
  11. Nodejs之module.exports和exports的区别 刚开始看node被module.exports和exports给搞混了,在网上搜到一个很好的例子 var a = {num: 1}; var b = a; console.log(a); //{num: 1} console.log(b);//{num: 1} b.name = 2; console.log(a);//{num: 2} console.log(b);//{num: 2} var b = {num: 3} console.log(a);//{num: 2} console.log(b);//{num:…
  12. JavaScript面向对象之二(构造函数继承) 学习一波阮一峰的博客戳这里 博客中是自己的理解,以及对大佬描述不清楚的地方进行了修正,也算是自己的一个再(xiao)产(tu)出(cao)吧 上一篇: JavaScript面向对象之一(封装) 构造函数进行继承 先来看个简单的: function Animal(){ this.type = ‘animal;’ } function Cat(name, color){ t…
  13. 从ajax到fetch、axios 前端是个发展迅速的领域,前端请求自然也发展迅速,从原生的XHR到jquery ajax,再到现在的axios和fetch。 jquery ajax $.ajax({ type: 'POST', url: url, data: data,
  14. ES6的Set和Map数据结构,由你制造 你造吗 每当去学习ES6的时候,我都会不由自主的打开阮一峰老师的《ES6入门》去学习和查找用法,相信大多数同学也都和我一样看过阮老师写的文章。 当然大家也都知道ES6里常用的API就那么些,不多不少,用在项目中也是刚刚好。 不过在每次读到Set和Map数据结构
  15. 现代前端开发路线图:从零开始,一步步成为前端工程师 编者按:很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作,却不知道应该先学习什么再学习什么,也不知道该选择什么样的工具。因为经常被人问到类似的问题,全栈开发者Kamran Ahmed索性在github上制订了一份现代 前端开发的路线图 ,并且用一篇 文章 对前端开发的整个学习过程进行了详细解释…
  16. javascript 类的封装和类的继承及原型和原型链详解 本文主要讲ES5、ES6中类的定义、封装和类的继承,以及一些注意事项,文中除了参考引用一些资料外,也加入了很多自己的理解,如有错误,欢迎读者纠正。 javascript 类的定义 ES5 中的类 在 ES5 中,其实是没有类的概念的,原
  17. 20180412 前端开发日报】前端3大JS框架走势图:vue增长最快,react或被Preact 取代;区块链是如何工作的:用 JavaScript 演示;仿美团外卖的全栈项目(vue+node+mongodb)带支付-&gt;大三求实习;[基础向]Vue主要原理最简实现与逻辑梳理;JavaSc…详情→ ​​​

    20180412 前端开发日报
  18. 改造vue-cli,使用mockjs搭建mock server 关于 最近准备开发一款web应用,考虑到可能会有前后端并行开发的场景,所以决定使用mockjs做mock server。 浏览官网文档时发现没有跑在webpack上的例子,索性自己找方法解决。 什么是mockjs?他的使用场景是什么? 当前端工程师需要独立于后
  19. 基于vue-simplemde实现图片拖拽、粘贴功能的一些思考 前言 项目使用的是vue框架,需要一个markdown的编辑框,就在npm上找了一下,发现simplemde挺不错的,由于我比较懒,就顺便在npm又搜了一下,找到了vue-simplemde这个package,那就开始使用它吧。 但是这个vue-simplem
  20. 从 JavaScript 到 TypeScript 1 – 什么是 TypeScript 随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语言天生的弱势:静态类型。
  21. VueConf.US大会上与Gregg Pollack的问答 Vue.js的使用率一直在突飞猛进。近期据一份来自bestof.js.org的 调查 显示,它是2017年GitHub上最受欢迎的开源项目。据 VueMastery.com 的创始人 Gregg Pollack 说(他也是今年 VueConf.us 大会的演讲…
  22. 对比GraphQL与REST——两种HTTP API的差异 GraphQL更通畅更酷,REST可以做得更细致:https://www.jianshu.com/p/2ad286397f7a?open_source=weibo_search
  23. Vue 中的方法,计算和侦听者 工作中我喜欢用Vue的原因之一就是因为方法,计算属性和侦听者非常有用,并且他们之前差异的可读性很好。在理解这三者之前,我很难充分的利用Vue的全部功能。尽管如此,大多数人对这个框架感到困惑的也多集中在这三者之间的差异,所以让我们一起来深入研究下。 如果你想得到一个直接结论,或者你没有时间阅读整篇文章…
  24. #前端技术#【深剖 JavaScript 定时器】详见: 一篇文章深入了解 JavaScript 定时器。 ​​​

    深剖 JavaScript 定时器
  25. Nodejs之querystring obj 是 query 的对象 para1 是参数之间的连接符。默认为”&” para2 是 key 和 value 之间的连接符。默认为”=” queryString.stringify({name: ‘scott’,course: ,from:”}); 输出结果 ‘name=scott&course=jade&course=node&from=’ 第二…
  26. 使用新一代js模板引擎NornJ提升React.js开发体验当前的前端世界中有很多著名的开源javascript模板引擎如Handlebars、Nunjucks、EJS等等,相信很多人对它们都并不陌生。 js模板引擎的现状 通常来讲,这些js模板引擎项目都有一个共同的特性:只专注渲染字符串(htm…
  27. Nodejs之http 首先需要引入http模块 var http = require(‘http’) http.createServer(function(res,req){…}) const server = http.createServer(function(req, res){ // request 事件 也可单独写出来 }); createserver 的回调函数就是 server.on(‘request’,callback); …
  28. 茴字的四种写法——浅谈移动前端适配话说我刚工作的时候,就开始用rem了,过了没多久,接触到了flexible,系统化且支持iOS的retina屏迅速征服了我,最近又看到了大漠大神的vw。所以本文想完成一篇一站式的文章,可以系统的了解前端适配的演进。闲话…
  29. Nodejs之全局对象 当前文件被解析过后的绝对路径,该属性其实并非是全局的,而是模块作用域下的 __dirname 返回当前模块文件所在目录解析后的绝对路径,该属性也不是全局的 module 保存提供和当前模块有关的一些信息 在module对象,有一个子对象: exports 对象 我们可以通过这个对象把一个模块中的局部变量对象进行提…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流