2018年前端面试题（秋季面试随意整理的）；拯救尴尬：鉴黄神器 NSFW JS 开源了；Promise原理小记；浅析Vue 中 $nextTick 机制；React + Koa 实现服务端渲染(SSR) Part II；WEB 前端冷门知识；JavaScript正则表达式备忘单；前端 CSS : 5# 纯 CSS 实现24小时超市
-
2018年前端面试题（秋季面试随意整理的）1.html和css 引入 css 有哪几种方式 {代码…} position 属性有哪些值，分别什么含义 {代码…} css 响应式布局 {代码…} flex:1是什么意思 {代码…} CSS 弹性布局，哪些地方用到过 {代码…} 如何实现不定宽高…
-
拯救尴尬：鉴黄神器 NSFW JS 开源了 近日，GitHub 上开源了一款鉴定不雅内容的 js 库 NSFW JS，你可以使用 NSFW JS 识别不雅内容，所有操作都只在客户端进行，甚至都不需要让文件离开用户的电脑。 演示地址： https://nsfwjs.com/ 项目地址： https://github.com/infinitered/nsfwjs 你有没有过这样的经历，在睡觉之前看了一些东西，然后在闭上眼…
-
Promise原理小记 定义 Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。 Promise ：为构造函数，接受一个函数作为参数，该函数接收resolve和reject两个参数，由JavaScript引擎提供，无需自己实现。 resolve ：其作用是将Promise对象的状态从Pending变为Resolved,在异步操作…
-
浅析Vue 中 $nextTick 机制 因为Vue是异步驱动视图更新数据的，即当我们在事件中修改数据时，视图并不会即时的更新，而是等在同一事件循环的所有数据变化完成后，再进行视图更新。类似于Event Loop事件循环机制。 官方介绍 首先我们看下官网给出的介绍: Vue.nextTick( ) 参数: {Function} …
-
React + Koa 实现服务端渲染(SSR) Part II Hey Guys, 之前写过一篇 React + Koa 服务端渲染SSR 的文章，都是大半年前的事了 ，最近回顾了一下，发现有些之前主流的懒加载组件的库已经过时了，然后关于SSR似乎之前的文章没有涉及到React-v16的功能，特别是v16新加的stream API，只是在上一篇文章的末尾提了一下，所以在这篇Part 2的版本中会添加这些新功能:bee…
-
WEB 前端冷门知识 最近在 牛客网 上刷前端相关的题目，发现自己真的不堪一击，菜的要死，毕竟都是大厂出的题目，在刷题的过程中同时也学到了不少的冷门知识（主要是自己做错的题目里的知识点），现在分享出来，真的有用，注意这里面内容纯理论 HTML 置换元素 ：浏览器根据元素的标签和属性来决定元素的具体显示内…
-
JavaScript正则表达式备忘单 正则表达式或 regex 用于匹配字符串的各个部分。下面是创建的 正则表达式 的备忘单。 测试正则表达式 使用该.test()方法 let testString = "My test string"; let testRegex = /string/; testRegex.test(testString); 复制代码 测试多项匹配 使用OR运算符（|） const regex …
-
前端 CSS : 5# 纯 CSS 实现24小时超市介绍 原文链接感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览 源代码地址 [链接] 代码解读 1. html 结构 命名规则使用了 BEM {代码…} 常规样式初始化 {代码…} 2. 街道背景 街道背景分为两部分…
-
【前端基础进阶】JS原型、原型链、对象详解JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明
-
Vue源码探究-事件系统 本篇代码位于 vue/src/core/instance/events.js 紧跟着生命周期之后的就是继续初始化事件相关的属性和方法。整个事件系统的代码相对其他模块来说非常简短，分几个部分来详细看看它的具体实现。 头部引用 import { tip, toArray, hyphenate, handleError, formatComponentName } from ‘../u…
-
深入了解 Vue 响应式原理(数据拦截) 在上一章节我们已经粗略的分析了整个的Vue 的源码，但是还有很多东西没有深入的去进行分析，我会通过如下几个重要点，进行进一步深入分析。 深入了解 Vue 响应式原理(数据拦截) 深入了解 Vue.js 是如何进行「依赖收集」，准确地追踪所需修改 深入了解 Virtual DOM 深入了解 Vue.js 的批量异步更新策略 …
-
豆瓣电影传送门（JS） README.md 豆瓣电影传送门 我是一名豆瓣爱好者，常常在豆瓣APP上面标记想看的电影，然后在有空的时候再去找资源看。豆瓣最近新增了”在哪儿看这部电影“版块，但是仅仅收录了比较常见的几家视频网站，比如优酷、腾讯视频等，这些网站往往需要购买VIP才能观看，为了节约花在找…
-
根据调试工具看Vue源码之组件通信（一）在平时的业务开发中，相信在座的各位没少用过组件通信。然而，对于一些新手/业务熟手来说，不懂技术原理往往知其然而不知其所以然，用得一脸懵逼。看完本文可以帮助你了解Vue组件的通信方式及原理，从而进一步加…
-
浅谈JS的继承 最近在看《js高级程序设计》,对象的继承问题困扰了我很久,这个问题也是面试中大概率会被问到的问题。之前试过硬背代码，到了要写的时候还是写不出来，不知其所以然。在充分了解这一块之后，来进行一些总结。 创建对象 在理解对象继承之前得先弄明白创建对象这回事儿。 工厂模式 function createCar(color, passe…
-
JavaScript 精粹：Number 与 Math这是 JavaScript 精粹的系列篇，涵盖了 JavaScript 中最常用和最重要的方法，以及其它一些基础知识。在这篇文章中，我们将讨论 Number 和 Math
-
Javascript基础之Array数组APIJavascript数组原型提供的方法非常之多，主要分为三种： 直接修改原数组 原数组不变，返回新数组 数组遍历方法 直接修改原数组的API pop()删除一个数组中的最后的一个元素，并且返回这个元素 push()添加一个或者…
-
你知道前端对图片的处理方式吗？作为前端工程师 de 我们，日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们，感受可能会更加的明显。
-
JS面试之对象一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3.x拦截对象属性方法及代码实现几个方面由浅入深介绍对象
-
在 Node.js 中用子进程操作标准输入/输出在本中，我们在 Node.js 中把 shell 命令作为子进程运行。然后异步读取这些进程的 stdout 并写入其 stdin。
-
Node.js 任务队列Bull的源码浅析 原文地址: www.jianshu.com/p/1ed50e6d4… Bull是基于Redis的一个Node.js任务队列管理库,支持延迟队列,优先级任务,重复任务,以及原子操作等多种功能. 本文将从基本的使用来分析Bull的源码,对于repeat job,seperate processes等暂不展开. Bull: Premium Queue package for handling jobs and messages in NodeJS. …
-
原生 js 实现一个有动画效果的进度条插件 progress效果图： 项目地址：[链接] 效果体验地址： https://biaochenxuying.github.io/progress/index.html 1. 原理 一个用于装载进度条内容的 div （且叫做 container）。 然后在 container 里面动态生成三个元素，一个…
-
Vue新指令：v-slot slot 是Vue组件的一个重要机制，因为它使得完全解耦的组件之间可以灵活地被组合。在《Vue组件内容分发》和《Vue的作用域插槽》文章中我们深入的学习了 slot 怎么在Vue中的使用，但在Vue 3.0版本为 slot 引入了一套全新的模版语法。为了更好的从 2.x 过渡到 3.0 ，Vue的 v2.6 版本引入了新的 slot 语法，即 v-slot 。接…
-
spring + angular 实现导出excel这次没有选择前台导出的方式，是由于需要导出所有的数据，所以考虑直接在后台获取所有的数据，然后就直接导出，最后前台触发导出API。
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
