20191214 前端开发日报

JS防止页面后退;vue之新手使用;记忆化斐波那契函数的思考(JavaScript);2020年史上最全移动端Web整理从开发基础到实战(二);前端-团队效率-webpack4打包骚操作;VUE 项目基于 i18n 的国际化处理工具;React Hook + TypeScript 手把手带你打造use-watch自定义Hook,实现Vue中的watch功能;不可不知的JS函数基本知识

  1. JS防止页面后退防止页面后退,包括 键盘、鼠标手势等产生的后退动作。 {代码…} 作者:小小书童网站:apppay.xyz
  2. vue之新手使用 vue中文网站:https://cn.vuejs.org/v2/guide/installation.html  包含了安装、使用、api、视频。 一. 什么是 Vue Vue 是一个前端框架,特点是 数据绑定 比如你改变一个输入框 Input 标签的值,会 自动同步 更新到页面上其他绑定该输入框的组件的值 组件化 页面上小到一个按钮都可以是一个单独的文…
  3. 记忆化斐波那契函数的思考(JavaScript) 斐波那契数列指的是类似于以下的数列: 1, 1, 2, 3, 5, 8, 13, …. 复制代码 用伪代码表示就是第 n 个数由数列的前两个相加而来: f(n) = f(n – 1) + f(n -2) 常见的处理方式就是直接翻译斐波那契数列的定义 // 定义式 的斐波那契数列计算方式 function fibonacci(n) { if(n === 0 || n === 1) …
  4. 2020年史上最全移动端Web整理从开发基础到实战(二) 一、Zepto简介 Zepto是一个轻量级的针对现代高级浏览器的 JavaScript库 , 它 与jquery有着类似的api。 Zepto 主要使用在移动端浏览器上面,由于移动端的浏览器都是比较新的平台,而 jQuery 主要是在 PC 上为了浏览器的兼容性而使用的,所以 在移动端一般不使用 jQuery,因为它的兼容性失去了意义。 …
  5. 前端-团队效率-webpack4打包骚操作 需求背景 使用angular-cli打包时当工程较大,引入过多时会出现打包卡顿卡死的情况 使用webpack4自定义工程打包,面临着打包时间的问题 常见解决方案 dll缓存,happypack多核打包,optimize压缩缓存,alice别名引用,mode配置等等, www.jeffjade.com/2017/08/12/… 与脚手架结合 在vue-cli中vue.c…
  6. VUE 项目基于 i18n 的国际化处理工具 项目 git 地址: i18n-collect-cli npm 依赖包地址: i18n-collect-cli issue 地址: issue 可用于已有 vue 项目的中文提取与替换,将语言文件如 zh.js 转成 excel,同时也可以将 excel 转成对应的翻译文件如 en.js 目前工具的限制 目前脚本 仅支持 .vue 文件和 .js 文件 中的中文提取与写入,如果…
  7. React Hook + TypeScript 手把手带你打造use-watch自定义Hook,实现Vue中的watch功能 在Vue中,我们经常需要用watch去观察一个值的变化,通过新旧值的对比去做一些事情。 但是React Hook中好像并没有提供类似的hook来让我们实现相同的事情 不过好在Hook的好处就在于它可以自由组合各种基础Hook从而实现强大的自定义Hook。 本篇文章就带你打造一个简单好用的use-watch hooks。 实现 实现雏形 首先分析…
  8. 不可不知的JS函数基本知识 思维导图 | |—— 关于函数的定义和作用 |—— (ES6前后的三种定义方法) |—— |—— | |—— 关于函数的参数 |—— |—— | |—— 关于函数的作用于 |—— | |—— 关于函数的执行 |—— …
  9. Vue组件的操作-自定义组件,动态组件,递归组件作者 | Jeskson 来源 | 达达前端小酒馆 v-model双向绑定 创建双向数据绑定,v-model指令用来在input,select,checkbox,radio等表单控件。v-model指令在内部使用不同的属性为不同的输入元素抛出不同的事件。 v-m…
  10. 在Angular中自定义表单控件 原文链接: Custom Form Controls in Angular 在创建表单时,Angular可以帮助我们完成很多事情。我们已经介绍了有关 Angular中的Forms 的几个主题,例如模型驱动的表单和模板驱动的表单。如果您还没有阅读这些文章,我们强烈建议您先去阅读这些文章,因为这篇文章是基于它们的。 Almero Steyn 是我们的培训学生之一…
  11. 注意侵入 JSON Web Token (JWT) 全文共4545字,预计学习时长13分钟 图源:Unsplash 想象一下,你正安逸地躺在家里刷公众号,突然,你的手机嘀嘀嘀,一笔又一笔巨款从你的卡里不翼而飞,急得你惊起直跺脚,咋回事啊?! 突然你想到了刚刚在“读芯术”看到的有关“JSON Web Token”…
  12. 全网最详bpmn.js教材-自定义palette篇 Q: bpmn.js是什么? ️ bpmn.js 是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. Q: 我为什么要写该系列的教材? ️ 因为公司业务的需要因而要在项目中使用到 bpmn.js ,但是由于 bpmn.js 的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己…
  13. Vue项目部署到nginx服务器资料收集Nginx报502错误,日志connect() failed (111: Connection refused) while connecting to upstream的最终完美有效解决方案 – hithedy的专栏[链接]
  14. 关于 http 的一些面试题总结关于 http 的一些面试题总结 题目汇总 【Q121】我们如何从 http 的报文中得知该服务使用的技术栈 【Q119】https 是如何保证报文安全的 【Q117】既然 http 是无状态协议,那它是如何保持登录状态 【Q116】http 服…
  15. 生产环境下的 Node.js 日志记录方案设置正确的日志记录基础结构可帮助我们查找发生的问题、调试和监视应用程序。从最基本的角度来看,我们应该从基础架构中得到以下内容:
  16. [ES6 系列] 你真的了解ES6吗(二)前言 本文是 ES6 系列的第二篇,可以在 这里 查看 往期所有内容 本文的 答案 不一定是最优解释,如果你有更好的想法或更优雅的写法,欢迎留言讨论 如果文章中有出现纰漏、错误之处,还请看到的小伙伴多多指教,先…

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

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


关注我

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

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

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