20190628 前端开发日报

new Vue到底发生了什么(2.0);滑动验证码的原理并利用 Vue 实现滑动验证码;为什么 ['1', '7', '11'].map(parseInt) 在 Javascript 中返回了 [1, NaN, 3];vue-cil 3.0 配置说明;JavaScript基础专题之深入执行上下文(三);websocket 实战——好友聊天;JavaScript原型链理解;前端小纠结–VS Code调试配置分享

  1. new Vue到底发生了什么(2.0) 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 复制代码 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。当一个 Vue 实例被创建时,它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改…
  2. 滑动验证码的原理并利用 Vue 实现滑动验证码 做网络爬虫的同学肯定见过各种各样的验证码,比较高级的有滑动、点选等样式,看起来好像挺复杂的,但实际上它们的核心原理还是还是很清晰的,本文章大致说明下这些验证码的原理以及带大家实现一个滑动验证码。 我之前做过 Web 相关开发,尝试对接过 Lavavel 的极验验证,当时还开发了一个 Lavavel 包: https://githu…
  3. 为什么 ['1', '7', '11'].map(parseInt) 在 Javascript 中返回了 [1, NaN, 3] 本篇文章采用意译,原文地址 你有没有觉得 Javascript 是有点奇怪的。使用 map 和 parseInt 试着把字符串数组转化成整型数组,看看会发生什么。打开你的控制台,粘贴下面的代码然后执行。 .map(parseInt); 复制代码 没有得到 。这究竟是怎么回事?我们首先需…
  4. vue-cil 3.0 配置说明 npm install -g cnpm –registry=https://registry.npm.taobao.org 复制代码 1 安装vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli 复制代码 2 查看版本 vue –version 复制代码 3 vue-cli构建项目 vue create vue-demo 复制代码 选择默认即可、可起服务 4 目录结构 ├── R…
  5. JavaScript基础专题之深入执行上下文(三) 变量对象作为执行上下文的一种属性,每次创建后,根据执行环境不同上下文下的变量对象也稍有不同,我们比较熟悉的就是 全局对象 和 函数对象 ,所以我们来聊聊全局上下文下的变量对象和函数上下文下的变量对象。 全局上下文 我们先了解一个概念,什么叫全局对象。在W3School中: 全局对象是预定义的对象,作为 …
  6. websocket 实战——好友聊天 websocket 在实际项目中有着很广的应用,如好友聊天,异步请求,react-hot-loader 的热更新等等 本文前端采用原生 WebSocket ,后端采用 express-ws 库 实现聊天通信 后端 mongodb 数据存储采用 mongoose 操作,不了解的可以先看看文档 哦 聊天原理很简单,如下图: 简单版本 先撸…
  7. JavaScript原型链理解 前段时间离职了,裸辞的那种,然后马不停蹄的就开始投简历,面试,在面试中被问到你能说一下原型和原型链吗或者是你能画一下原型链图吗的问题,当时我的表情是这样的, 然后只能凭着自己仅有的一点点记忆画了一下图,最后还是说这个我没有理解到位!唉,心里面一万个后悔没有好好研究一下原型。所以就有了这…
  8. 前端小纠结–VS Code调试配置分享 这不是一篇科普文,只是一篇浏览器调试配置的分享(主要对准对准vs code调试) 调试配置 使用vs code插件debugger-for-chrome和 debugger-for-edge(EdgeHTML&Chromium) 调试之前,会自动在工程下添加 .vscode 文件夹,里面的 launch.json 就是配置调试参数的位置。 launch.json 很多的配置参数,具体看参…
  9. 你要的Vue面试题都在这里 Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API; Vue.js是一个构建数据驱动的Web界面的库。 Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面…
  10. 需要知道的JS的日期知识,都在这了但是我们并不总是需要使用库。如果知道要注意一些总是,日期实际上可以非常简单。接下介绍有关Date对象的所有信息
  11. 揭秘Vue中的Virtual DomVue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,并大大降低了内存消耗。那么,什么是Virtual DOM?为什么需要Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?这是本文所要探讨的问题。
  12. 指尖前端重构(React)技术调研分析Vue出现最晚,其核心原理学习了React,只是语法形式的变化,关系上来说React是开拓者,Vue是学习者。
  13. webpack vue-cli3 压缩图片webpack vue-cli3 压缩图片 {代码…} {代码…}
  14. 深入了解JSX 最近开始学着使用React写东西。在写代码时会使用JSX,不了解JSX的相关知识写起代码的效率还是蛮低的。为了能更好的进入状态,打算先把JSX相关的知识和细节了解一下。在这篇文章中我们主要就是来学习一下JSX的相关知识。希望对于像我这样的初学React(或初次接触JSX)的同学有所帮助。 什么是JSX JSX是JavaScript中的…
  15. JavaScript Async / Await在10分钟内解释 在最长的时间里,JavaScript开发人员不得不依赖回调来处理异步代码。 结果,我们中的许多人都经历过回调地狱… 谢天谢地,然后(或者我们应该说 .then)来了Promises。他们为回调提供了更有组织的替代方案,并且大多数社区很快转而使用它们。现在,随着最新添加的Async / Await,编写JavaScript代码即将变得更好! …
  16. vue-cli3 实现多页面应用公司有专门的审批系统,我现在做的后台管理系统需要接入,移动端和PC端都要有一个页面来展示业务信息。后端不给开俩项目(也确实没必要),所以打算用多页面来解决,PC和移动端放到一个项目里,然后打包到各自的…
  17. js处理大数据数组循环的一些性能优化 前言 上一节我写了观察者模式,是一种设计模式。这些设计模式就是一些思路。当然,关于排序,有快速排序法,关于查找有二分查找法等等,这些都为我们提供了一些思路。那么对于避免不了的大数据循环,分类,查找,有什么更加提高性能,或者说是降低内存消耗的方法吗? 案例 假设后端返回数据如下: { "code&…
  18. Node.js 中的ES模块现状[每日前端夜话0x8D] 每日前端夜话 0x8D 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2799 字 预计阅读时间:10 分钟 作者:Tobias Nießen 翻译:疯狂的技术宅 来源: jaxenter 几乎每种编程语言都能将组成程序的代码拆分为多个文件。在 C 和 C++ 中 #includ…
  19. 前端之路:用Angular规范来约束团队git提交 团队协作开发, git 作为一个开源的分布式版本控制系统,俨然成为当下最受欢的项目代码版本管理工具, 即是团队,就要有一定的规矩,规范,这样才能更好的发挥团队效率。熟悉 git 的小伙伴都知道,每次提交代码, 都要写 Commit message(提交说明),否则就不允许提交,至于提交的信息 git 并没有进行约束,以至于, 提…
  20. Webpack 4 构建大型项目实践 / 处理图片、样式和字体 本文所用示例的仓库地址: gayhub 上文使用 HtmlWebpackPlugin 生成了一个 index.html 文件,并且插件自动把打包后的资源添加到 index.html 文件中,使我们可以打开 index.html 在浏览器看到 js 的执行效果。本节我们将用 Webpack Loaders 来处理工作中会用到的其他三种类型文件:图片、样式、字体。 从这一…
  21. 后端工程师学前端(一):HTML 为了让自己的技能不再那么单一,我决定先后学习前端和iOS开发。此前我的前端技能是零散的、不成体系的,我会系统的将学习历程 记录成系列博客:后端工程师学前端。 这一篇是阅读《HTML&CSS设计与构建网站》之后的笔记,借助这一篇文章,可以系统的学习HTML知识。 HTML的基本结构 正如Word…
  22. 删除链表的倒数第N个节点(JS版本) 2. 思路: 先实现一个单向链表 // 节点 function Node(value) { this.value = value; // 当前节点的元素 this.next = null; // 下一个节点的链接 } // 查找给定节点位置 function find(item) { let curNode = this.head; while (curNode.value !== item) { curNode = curNode.next; } return curNo…
  23. 原生js杂谈 前端基础可谓非常重要,这一篇是我对一些原生js的概念和使用上的一些小记录,也就是一些原生js的杂谈,看博文的同学,希望我们可以互相交流哈哈哈 正文 判断对象的类型 使用toString()方法进行判断,toString方法是写在Object原型上的,也就是说在默认情况下每一个Object对象都会继承toString方法,如果此方法没有在…
  24. 10分钟学习vue响应式更新机制及不使用框架实现简单的数据双向绑定 最近看到有些人说vue是双向数据绑定的,有些人说vue是单向数据流的,我认为这两种说法都是错误的,vue是一款具有响应式更新机制的框架,既可以实现单向数据流也可以实现数据的双向绑定。 2 单向数据流与数据双向绑定 单向数据流是指model中的数据发生改变时引起view的改变。 双向数据绑定是指model中的…

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

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


关注我

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

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

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