20181014 前端开发日报

来一打前端博客压压惊;Git 原理入门;JavaScript 私有属性要来了,但实现方式惹争议;Vue:学习笔记(三)-模板语法(1);css实现波浪线及立方体; 令人愉快的 JavaScript 测试;vue配置开发,测试,生产环境api;掘金 AMA:听有赞前端负责人 — 施德来聊如何走上技术管理岗 & 团队管理那些事

  1. 来一打前端博客压压惊 前言 本文所有内容全部发布再个人博客主页 github.com/muwoo/blogs 欢迎订阅。不过最近因为事情比较多,有一段时间没有更新了,后面打算继续不断学习更新,欢迎小伙伴一起沟通交流~ 最近更新 前端单测的那些事 基于virtual dom 的can
  2. Git 原理入门 作者: 阮一峰 日期: 2018年10月10日 Git 是最流行的版本管理工具,也是程序员的必备技能之一。 即使天天使用它,很多人也未必了解它的原理。Git 为什么可以管理版本?git add、git commit这些基本命令,到底在做什么,你说得清楚吗? 这篇文章用一个实例,解释 Git …
  3. JavaScript 私有属性要来了,但实现方式惹争议 作者|徐川 编辑|覃云 昨天我们介绍了 JavaScript 的三个新特性,现在,一个广受期待的新特性:私有属性也离我们越来越近了。 昨天,TC39 在 GitHub 上通过了一条 EMCAScript 语法特性的草案,即类私有属性修饰符“#”,不过,该特性之前在社区的调研中遭遇了大量反对。 该修饰符的…
  4. Vue:学习笔记(三)-模板语法(1) 忙了三周,又度过一个丰富的十一,现在腾出手来,继续我的学习和总结。最近找到了Vue的 中文网站 ,但是我不想放弃对英文网站的学习,那样可以更准确地理解原意,可以提高自己的英文水平,所以基于英文网站,对照着中文,这样来学习—-人还是应该有些追求。我发现一个问题,有的章节内容多,有的章节内容少,内容多的…
  5. css实现波浪线及立方体最近的项目有做到要画出波浪线效果,这里是利用linear-gradient来实现,也就是画圆,然后利用底色来遮住部分圆;利用css3属性perspective加旋转实现立方体
  6. 令人愉快的 JavaScript 测试 1.1 Jest 是什么? Jest 是 Facebook 发布的一个开源的、基于 Jasmine 框架的 JavaScript 单元测试工具。提供了包括内置的测试环境 DOM API 支持、断言库、Mock 库等,还包含了 Snapshot Testing、 Instant Feedback 等特性。它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具,是一款几乎零配置的测…
  7. vue配置开发,测试,生产环境api前端自动化部署工程比较复杂,这里只介绍通过不同的命令,打包调用不同环境的API,例如:npm run build 调用开发环境接口,打包开发环境npm run build:test 调用测试环境接口,打包测试环境npm run build:prod 调…
  8. 掘金 AMA:听有赞前端负责人 — 施德来聊如何走上技术管理岗 & 团队管理那些事 第九期 沸点,掘金团队请来了有赞前端技术负责人 — 施德来 做了为期三天的 Ask Me Anything (AMA) 活动(已结束)。 我们在此精选了一些来自用户的提问及德来师兄的回答。 关于施德来 个人知乎主页:www.zhihu.com/peopl
  9. 前端每日实战:154# 视频演示如何创作一个眼冒金星的动画效果(A股就是这样,火眼金睛进去,眼冒金星出来)效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  10. vue中$router以及$route的使用router可以理解为一个容器,或者说一种机制,它管理了一组route。简单来说,route只是进行了URL和函数的映射,而在当接收到一个URL之后,去路由映射表中查找相应的函数,这个过程是由router来处理的。
  11. 深入浅出Javascript闭包闭包(closure)是 Javascript 语言的一个难点,面试时常被问及,也是它的特色,很多高级应用都要依靠闭包实现。本文尽可能用简单易懂的话,讲清楚闭包的概念、作用及其常见的面试题。
  12. 如何在JavaScript中检查字符串是否包含子字符串? 这里有一个可用方法列表: (ES6) includes var string = "foo", substring = "oo"; string.includes(substring); ES5 and older indexOf var string = "foo", substring = "oo"; string.indexOf(substring) !== -1…
  13. 前端安全(二):如何防止 CSRF 攻击? 总第290篇 2018年 第82篇 当当当当,我是美团技术团队的程序员鼓励师美美~“基本功”专栏又来新文章了,本篇是我们前端安全系列文章的第二篇,主要聊聊前端开发过程中遇到的CSRF问题,希望对你有帮助哦~ 我们将不断梳理常见的前端安全问题以及对应的解决方案,希望可以帮助前端同学在日常…
  14. Immer 下的不可突变数据和 React 的 setState 原文地址:Immutable Data with Immer and React setState 原文作者:Jason Brown 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:HaoChuan9421 校对者:
  15. 当初要是看了这篇,React高阶组件早会了 作者 | 邹存洋 Vladimir Horowitz - Schumann 来自大转转FE 00:00 02:34 概况: 什么是高阶组件?
  16. NodeJS加密解密,node-rsa加密解密用法 要用nodejs开发接口,实现远程调用,如果裸奔太危险了,就在网上找了一下nodejs的加密,感觉node-rsa挺不错的,下面来总结一下简单的rsa加密解密用法 初始化环境 新建一个文件夹 node-rsa-demo , 终端进入,运行下面命令初始化 cd node-rsa-demo npm init # 一路回车即可 npm install –save node-rsa 生…
  17. typescript探索(一)javascript是一种弱类型语言,弱类型很随意,很灵活,这是它的优点,同时也是它的缺点;同一个变量,既可以是数值型,也可以是字符串型,还可以是其他各种对象类型,在js中,给你一个变量名,你能一眼就确定它的…
  18. redux源码解读(简单易懂版) 写这篇文章是因为我所有能搜索到的文章都太!复!杂!了!,一上来就做了个todo list,并且使用了一大堆react-redux已经封装好的方法,所有的一切对我来说都是黑盒的,并且藕合度非常低,我根本不知道为什么这样写最后就会那样,有时候甚至这样写根本不能得到
  19. 使用 markdown-it 解析 markdown 代码(读 VuePress 三) 前言 在此系列文章的第一篇,我们介绍了 Vuepress 如何让 Markdown 支持 Vue 组件的,但没有提到非 Vue 组件的其他部分如何被解析。 今天,我们就来看看 Vuepress 是如何利用 markdown-it 来解析 markdown 代码
  20. Next.js 踩坑入门系列(五)— 引入状态管理redux Next.js踩坑入门系列 (一) Hello Next.js (二) 添加Antd && CSS (三) 目录重构&&再谈路由 (四) Next.js中期填坑 (五) 引入状态管理Redux (六) Next.js其他知识大
  21. Angular开发实践(八): 使用ng-content进行组件内容投射 在Angular中,组件属于特殊的指令,它的特殊之处在于它有自己的模板(html)和样式(css)。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下: demo.component.ts: import { Component,
  22. RxJS 进阶:关于流的理解 RxJS是微软公司推出的响应式编程的JavaScript库。 对于它的学习,最开始我的理解是把它当成是 能优雅地解决异步问题的lodash。 随着学习的深入,发现它采用了订阅者模式,其中也带有纯函数的思想。 直到在使用了RxJS 6之后才了解其少有人意识到的另一面——流。 什么是流?这里我们不用专业术语来解释,用生活…
  23. 30分钟学会Git – 在码云实践这时会报错,意思是2个仓库没有关联,带上参数–allow-unrelated-histories再来一次
  24. 前端安全系列之二:如何防止CSRF攻击?随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 H…
  25. Git 学习笔记最近公司的代码管理工具要从SVN转到Git上,因此虽然之前用过Git,但是都是一些简单的推送提交,因此还是有必要进行一些系统的学习,这里做一下笔记,以备后询,且不定期更新。
  26. css3中的unicode-bidi与direction使用 古时候文人写毛笔字也是从上至下,从右往左的顺序写的.至于为什么会这样,大多数人的解释就是古人写字要悬肘举腕,刚写出来的字墨水并没有干,因此自上而下,从右往左不会触碰到墨水,影响笔迹.暂且就这么认为吧,毕竟很难考究了. 目前国际上有部分语言是右

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

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


关注我

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

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

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