20190615 前端开发日报

前端面试准备—Vue篇;2019年5月GitHub上最热门的JavaScript开源项目;细说Sonar之——前端接入篇;开发中常用的25个Javascript单行代码;一个基于vuepress默认主题开发的主题-vuepress-theme-reform;前端爬虫cheerio&&puppeteer;使用JavaScript将Excel转换为JSON;fastjson 反序列化的坑

  1. 前端面试准备—Vue篇 本文主要从下边几个方面复习Vue知识点: 1. MVC && MVVM 2. 数据双向绑定 3. Vue的生命周期 4. 虚拟dom的实现原理 5. vue-router 6. Proxy 7. vuex复制代码 MVC && MVVM M — model层,代表数据模型 V — view层,代表视图层,UI展示 C — control层,控制层,处理复杂的业务逻辑 VM– vi…
  2. 2019年5月GitHub上最热门的JavaScript开源项目 5月份GitHub上最热门的JavaScript项目出炉了,下面我们一起盘点一下: 1.leetcode https://github.com/azl397985856/leetcode Star 8965 leetcode 题解,本仓库目前分为四个部分:  第一个部分是 leetcode 经典题目的解析,包括思路,关键点和具体的代码实现。  第二部分是对于数据结构…
  3. 开发中常用的25个Javascript单行代码 要将变量强制转换为布尔值而不更改其值: const myBoolean = !! myVariable; !!null // false !!undefined // false !!false // false !!ture // ture !!"" // false !!"string" // true !!0 // false !!1 // true !!{} // true !![] // true 复制代码 2.基于某个条件为对象设置属性 要使用sp…
  4. 一个基于vuepress默认主题开发的主题-vuepress-theme-reform 项目地址: vuepress-theme-reform 效果展示:我的博客 此主题继承至vuepress的默认主题,添加功能有标签页改造,主页改造,博客分类及展示,gitalk集成及gitalk自动化配置,最新google Analytics集成等。 使用 npm install vuepress-theme-reform -D # or yarn add vuepress-theme-reform 复制代码 然后在…
  5. 前端爬虫cheerio&&puppeteer 最近在做一个小程序项目,需要爬取第三方数据,于是开始重捡起来爬虫,其实前端爬虫挺好实现的,但因为现在网页出现了SPA,于是开始疯狂踩坑,聊记此文,以慰诸君。 普通网站爬取数据–cheerio 挺简单的,一个工具包,几行代码就解决了 const $ = require(‘cheerio’) const requestPromise = require(‘request-promis…
  6. 使用JavaScript将Excel转换为JSON JSON是码农们常用的数据格式,轻且方便,而直接手敲JSON却是比较麻烦和令人心情崩溃的(因为重复的东西很多),所以很多码农可能会和我一样,选择用Excel去输入数据,然后再想办法转换成JSON格式。今天教大家使用JS 将 Excel 转为 JSON的方法。 1.新建HTML文件 <html lang="en"> <title> …
  7. fastjson 反序列化的坑 1. 问题 前两天新加需求修改代码,本地没问题。部署测试环境,运行一段时间后,就发现响应特别慢,CPU 飙高。观察了下,是内存不够用,服务疯狂 GC,导致 CPU 飙高,最终 OOM 进程挂掉。于是加了启动参数,OOM 时 dump 出堆内存快照 hprof 文件,分析了下。 上图是用 VisualVM 软件分析的,怀疑…
  8. JavaScript系列之执行上下文和执行栈 如果你想成为一名优秀的JavaScript 开发者,那你就必须了解 JavaScript 程序内部的执行机制。而执行上下文和执行栈是其关键概念之一, 理解执行上下文和执行栈同样有助于理解其他的 JavaScript 概念如提升机制、作用域和闭包等。 执行上下文和执行栈是JavaScript的难点之一,所以本人尽量用通俗易懂的方式来阐述这些概…
  9. 实现简约不简单的vuex 关于vuex的使用,大家自然不陌生,如果有不熟练的可以多看看vuex官网, 记住一条原则:异步操作以及复杂的逻辑必须通过action实现 ,否则会报下列错误 Error: do not mutate vuex store state outside mutation handlers. 项目源码 遵循原则:vuex对vue具有强依赖,vuex以及本demo只能用于vue项…
  10. 前端canvas动画如何转成mp4视频 用户通过上传合适尺寸的图片,选着渲染动画的效果和音乐,可以预览类似幻灯片的效果,最后点击确认生成视频,可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收录 生成的视频需要下载再上…
  11. 使用Hook构建解耦的Vue.js应用程序 表单提交时,业务要求对数据埋点以便作数据分析用,对于开发人员来说,实现的方式有多种: 业务代码和埋点相关的代码直接混在一起,这是最直接的实现方式,但也会带来一些问题,埋点代码分散在项目的各地方不利于维护,与业务代码混淆不利于阅读。 分离业务代码和埋点代码,保持两者的独立性,能解决方案1中的问…
  12. 笔记1:jQuery复习篇 摘要:日常学习中对一些知识点进行总结得出该系列文章。学习笔记内容包括前端技术,Django web开发技术,数据库技术如MySQL,MongoDB,PGSQL等等。此外还有一些工具如Dock,ES等等。(本文原创,转载必须注明出处.) 1 基本知识 jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。其下载地址: …
  13. Vue 改变数据,页面不刷新的问题最近在用 element-ui 开发一个网站,使用 table 组件时,发现修改完数据,有时候会延迟一两秒,页面才会发生变化。看了一下代码,发现修改数据的代码是这样的
  14. JavaScript 异步时序问题JavaScript 异步时序问题 吾辈的博客原文:[链接] 场景 死后我们必升天堂,因为活时我们已在地狱。 不知你是否遇到过,向后台发送了多次异步请求,结果最后显示的数据却并不正确 — 是旧的数据。 具体情况: 用户…
  15. vue中的父子传值双向绑定及数据修改视图不更新问题在进行父子组件传值时,用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值,视图未发生变化的解决办法,当时完成项目时,一直未找到原因,修改了好久。
  16. Node.js 12中新的ECMAScript模块支持(译) 本文于2019-04-23由Dr. Axel博士发表在个人网站2ality,全文对Node.js12中模块的新特性做了详细的分析解读。 原文: 2ality.com/2019/04/nod… 译者:李初五 Node.js 12(于2019-04-23发布)为ECMAScript模块带来了改进的支持。它实施了去年年底发布的计划的第二阶段。目前,这种支持可以在 experimenta…
  17. Intro to VuePress 1.x 本文为 2019 年 6 月 8 日我在 3th VueConf Shanghai 上发表的同名演讲实录。可以通过这个链接获取到 Slides。 引言 大家下午好,我是来自蚂蚁金服微贷前端团队的真山,今天我给大家带来的主题是 Intro to VuePress Next,也就是即将发布的 1.0 版本。 首先,我们来看一些来自社区的 …
  18. gobox 中的 http 请求处理框架 女主宣言 今天和大家介绍下我们自主开发的go语言轻型框架gobox,为什么叫gobox呢?因为我们设计让每一个单独的模块都作为一个box,那这些box的集合就称为gobox,再使用go的pkg管理机制引入到项目中。随着go官方推出了dep这个包管理工具,我们把gobox中的每一个box都单独拿出来作为一个项目管理,这就是现在的go…
  19. 原生JS上传图片(FormData,可预览,一次多图) 适合人群:刚起步的前端新人。(前后端未分离的项目)全栈后端老大哥的前端需求(点名批评下jsp)。 解决问题: 1.普通js上传一张图片 2.普通js上传一张图片,提前预览。然后再决定是否上传。 3.普通js一次上传多张图片。 复制代码 知识点: * FormData对象的使用(上传图片) * FileReader对象的使用(转换成base64可…
  20. Three.js 学习笔记 – 跳一跳小游戏基本场景搭建 |- libs // 第三方库 | |- configs // 场景中物体的配置 | |- public // 公共资源 | |- src // 源码 | |- game.js // 小游戏入口 | |- game.json // 小游戏配置 | |- project.config.json // 项目配置 | |- README.md // 项目说明 复制代码 game.js,game.json,project.config.json 这三个文件通过微信…
  21. 实用Javascript调试技巧分享见过太多同学调试Javascript只会用简单的console.log甚至alert,看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码,却忽略了如何优雅而高效地调试代码,不得不说是有点“偏科”了。下面我就分享一些实用…
  22. 关于http的琐碎笔记 HTTP请求由四部分组成,分别是状态行,请求头,回车,请求正文 状态行:请求格式Method 资源路径URL 协议/版本号 请求头:包含访问的域名,Cookie,Content-Type,Content-Length等信息 回车 请求正文:就是HTTP向服务端发送的数据 1 动词 路径 协议/版本 2 key1:value1 2 key2:value2 2 key3:value…

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

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


关注我

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

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

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