20200109 前端开发日报

Vue3 尝鲜;人工智能时代,Web 前端能做什么?;【THE LAST TIME】深入浅出 JavaScript 模块化;关于几道前端面试题;Web防护自给自足:给Express写一个WAF中间件;学习 nodejs+mongodb+koa2 写接口(二) koa2教程入门;一文了解Javascript数据类型;nodejs调用外部接口

  1. Vue3 尝鲜 也没啥好说的,直奔主题 Vue3 相对于 Vue2 有那些更改? Object.defineProperty => Proxy 重构了虚拟DOM OptionApi => Composition API 如何调试 首先,在GitHub上拉取最新代码 $ git pull https://github.com/vuejs/vue-next.git 复制代码 下载完成之后打开代码, 开启sourc…
  2. 人工智能时代,Web 前端能做什么? 最近做了一个项目,通过爬虫去抓取页面快照,然后对页面兼容性进行全面测试。但是遇到一个问题,抓取到海量页面之后,难道还要人工去分析吗? 类似的场景并不会少,是否可以让机器去帮我们实现,最终输出一个可靠报告?答案是肯定的,快照生成后,我们可以对大量快照进行分析,结合 OpenCV 跨平台计算机视觉库,实现…
  3. 【THE LAST TIME】深入浅出 JavaScript 模块化 前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列,旨在厚积薄发,重温前端。 也是对自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】,笔者文章集合详见GitHub 地址: Nealyang/personalBlog 。目录和发文顺序皆为暂定 …
  4. 关于几道前端面试题我在 github 上新建了一个仓库 日问,每天一道面试题,有关前端,后端,devops以及软技能,促进职业成长,敲开大厂之门,欢迎交流
  5. Web防护自给自足:给Express写一个WAF中间件 NodeJS做为后端神器是很流行的。 Node的后端程序,绝大多数都用大名鼎鼎的Express做Web服务。 本文将展示如何为Express写一个WAF中间件,为Web服务做安防,防止常见的如SQL注入、XSS等黑客攻击。 首先奉上完整演示代码: var express = require(‘express’); var app = express(); //当访问根目录时触发 …
  6. 学习 nodejs+mongodb+koa2 写接口(二) koa2教程入门由于koa2是基于async/await操作中间件,目前node.js 7.x的harmony模式下才能使用,所以启动的时的脚本如下:
  7. 一文了解Javascript数据类型 基本数据类型 基本数据类型存放在栈区,而引用类型存在于栈区和堆区。看例子: var a = 1 var name = ‘weiliao’ 复制代码 存储:上面两个变量在内存中存放于栈区,分别存在指针a和name,指向栈区值1和weiliao。 a = 2 复制代码 继续执行上面语句,实际上变量a已经指向栈区值2,这里需要注意的是,原来存在于栈区的…
  8. nodejs调用外部接口在日让的工作开发中,我们不仅仅要使用node来封装提供一些http接口,也会在node服务中调用一些第三方的HTTP接口,那么如何操作?
  9. Vue v-model组件封装(类似弹窗组件) v-model是vue的一个语法糖,限制在input和textarea等这些表单元素中,官网所给的例子也是仅限于表单组件 Vue.component(‘base-checkbox’, { model: { prop: ‘checked’, event: ‘change’ }, props: { checked: Boolean }, template: ` <input type="checkbox" v-bin…
  10. 如何使用SASS编写可重用的CSS点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  11. electron+vue实现div contenteditable功能|截图最近在学习基于electron + electron-vue开发聊天客户端项目时,需要用到编辑器插入表情功能。一般通过input或textarea也能实现,通过插入[笑脸]、(:12 这些标签,展示的时候解析标签就行。如下图效果:在网上找到…
  12. 最近从 0 学习 Git,详细分类总结了这份 Git 命令宝典 来源:帅地玩编程 作者:帅地 虽然之前学过 Git,不过用的比较少,很多原理也不是很清楚,所以最近是买了个视频,静下心来从零学习了下 Git,不过 Git 用来用去其实也就那几个命令,今天这篇文章,我把那些命令都分类总结了一下(当然,是参考别人的分类的),这些总结大部分来自于我买的…
  13. 浅析前端加密后数据包的修改方法 *严正声明:本文仅限于技术讨论与分享,严禁用于非法途径。 前言 渗透测试过程中,使用BurpSuite对Web站点进行数据包拦截时,有时会遇到应用程序在前端对数据进行了加密后再传输,导致拦截或监听到的数据包为密文的形式。 如下图所示。 此时,我们如何对数据包进行修改,从而进行正常的渗透测试流程呢?…
  14. 前端每日实战:苦练 CSS 基本功——图解辅助线的原理和画法在用 CSS 进行绘图和布局时,除了借助浏览器开发工具之外,还经常需要绘制一些辅助线,以便定位参考。今天就以第 170 号作品中使用的网格线为例,详细讲解一下辅助线的原理和画法。
  15. 7 个好用的 TypeScript 新功能TypeScript 语言小组一直在以惊人的速度推出新功能。从最新的《 Javascript 语言状况调查》([链接])中可以看出,该语言的使用率越来越高。
  16. JS环球生活(01691)拟斥2.1亿元收购机器人定位导航技术研发商速感科技 【猎云网(微信:)北京】1月7日报道 近日,JS环球生活(01691)发布公告,于2020年1月6日,该公司通过间接全资附属公司SharkNinja Venus Technology Company Limited(买方)与目标公司速感科技(北京)有限公司所有股东(卖方)订立股份购买协议,买方向卖方收购目标公司全部股权,估计最高代价为不多于现金人民币2.1亿元。 …
  17. 动图学 JavaScript 之: JS 引擎原理JS 实在是太酷了(认真脸),那你有没有想过机器是怎么解析 JS 代码的?作为一个 JS 开发者,一般我们不需要直接跟编译器打交道,但是如果可以了解其中的基本原理,相信会对以后的工作和学习都有帮助的!
  18. 算法学习in js:快速排序 快速排序应该是排序中最出名的算法了,也可能是应用最广泛的排序算法了。他之所以流行,是因为实现简单,同时适用于各种数据,且一般比其他排序算法要快。 快排原理 快排是对冒泡排序的一种改进, 它之所以快是因为一次交换能改变多个逆序对 ,而冒泡排序只能改变一个逆序对。 而快排的基本思想即是:通过一趟排…
  19. 不一样的css,sass(scss)的基本使用此文主要记录sass的scss语法的基本使用。sass是css的预编译器,它扩展一些css所没有的变量的定义、条件控制、循环、自定义方法等。
  20. 来简单聊聊原生ajax和json 是一种用来改善用户体验的技术,其本质是利用浏览器内置的特殊对象(XMLHttpRequest,也就是Ajax对象),向服务器发送异步请求,服务器返回部分数据(通常不会是整个页面),浏览器利用这些数据对页面做部分更新,整个访问服务器的过程没有存在月面的刷新,不会打断用户的操作 异步请求:发送请求的同时,流浪其不会销…
  21. JSON.parse和JSON.stringify的巧用JSON.parse和JSON.stringify是对json数据的转换,在js中使用的频率还是非常高的,比如localStorage,cookie中对复合型数据的存储,与服务器进行数据交互的格式转换等等。
  22. JavaScript核心知识点(上篇) 看了很多 JS 的书籍和教程,往往会模糊焦点,这篇文章会做一个梳理,将 JS 中的重难点进行总结。 文章分为上下两篇。上篇是基本知识,下篇是进阶知识。 #变量类型和计算 引例: 值类型和引用类型的区别 typeof能判断哪些类型? 何时使用 === 何时使用 == ? 手写深拷贝 变量类型 …

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

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


关注我

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

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

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