【Vue原理】Compile – 白话版；七个即将列入规范的JavaScript提案功能，以后肯定有用得到的；【源码解析】vue-create-api作者黄轶；Python爬虫进阶JS逆向贝贝网登录；你需要了解的前端骨架屏注入实践；JavaScript数据结构——树的实现；【Vue原理】Compile – 源码版 之 从新建实例到 compile结束的主要流程；Vue社区的路由解决方案：vue-stack-router
-
七个即将列入规范的JavaScript提案功能，以后肯定有用得到的 今天看到一个文章，说node12&chrome中7个新的提案功能。 如果在这里发表了这个文章有侵权嫌疑，请告知删除此文 我看了下，有几个肯定用的到，甚至还有 ?. ，玩ruby的同学是不是觉得很熟悉( &. )。 以下是看到的文章的 原文 。 JavaScript(或ECMA script)是一种不断发展的语言，有许多关于如何更好发…
-
【源码解析】vue-create-api作者黄轶 在 README.md 中这样介绍的， 一个能够让 Vue 组件通过 API 方式调用的插件 。( vue-create-api 源码地址 ) 安装使用 目前提供两种安装，通过 npm install vue-create-api , 或者引入js静态资源文件。 在 README.md 中提供了使用示例，如下： import CreateAPI from ‘vue-create-api’ Vue.use(CreateAPI) V…
-
Python爬虫进阶JS逆向贝贝网登录 hello，大 jia 好，又到了练手时间了，这是我给大伙分享的第…篇逆向文章。前面的几篇猛戳下面： Python爬虫之JS逆向入门篇 JS逆向之新榜登录 JS逆向之国航登录 JS逆向之电信登录 据说点好看的人最后变得更好看了！ 好了，进入正题拉，这个是我们今天要破解的网站： m.beibei.com/login/login…
-
你需要了解的前端骨架屏注入实践 相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间(RTT)，…
-
JavaScript数据结构——树的实现 在计算机科学中，树是一种十分重要的数据结构。树被描述为一种分层数据抽象模型，常用来描述数据间的层级关系和组织结构。树也是一种非顺序的数据结构。下图展示了树的定义： 在介绍如何用JavaScript实现树之前，我们先介绍一些和树相关的术语。 如上图所示，一棵完整的树包含一个位于树顶部的节点，称之为根节…
-
Vue社区的路由解决方案：vue-stack-router vue-router 是 Vue 官方的路由管理器，用法简单、功能强大。但在移动端场景中，特别是 hybrid 项目，我们在使用中遇到了一些问题。 vue-router 的使用困境 我们先理顺一下客户端路由管理器的通常特点，可以打开手机的设置 App 感受一下： 大部分页面都有栈的概念，比如：PageA -> PageB，这个时候 PageA …
-
vue源码解析：nextTick vue中dom的更像并不是实时的，当数据改变后，vue会把渲染 watcher 添加到异步队列，异步执行，同步代码执行完成后再统一修改dom，我们看下面的代码。 <template> <div class="box">{{msg}}</div> </template> export default { name: ‘index’, data () { return { …
-
从零开始，采用Vue的思想，开发一个自己的JS框架（四）：组件化和路由组件 本篇内容以组件化为主，先来思考一下，组件解析从哪一步开始？是的，应该是从生成vnode阶段开始。当我们组件化进行编程时，我们export导出的其实是一个Xue的options，所以我们获取到的标签，其实就是这个options，看一下下面的例子： const HelloWorld = { // 省略了具体内容 // … } function Fn(){} render()…
-
一文带你了解什么是JavaScript 函数式编程？函数式编程在前端已经成为了一个非常热门的话题。在最近几年里，我们看到非常多的应用程序代码库里大量使用着函数式编程思想。
-
前端中等算法-无重复字符的最长子串无重复字符的最长子串 难度：中等 描述： 给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。 样例： 输入: “abcabcbb” 输出: 3 解释: 因为无重复字符的最长子串是 “abc”，所以其长度为 3。 输入: …
-
让JS证明自己并不“混乱” 此文仅是针对于“ 友好"挑战"掘金全体前端（后端也看过来呗） ” 这篇引战文的一个引申思考。 本人认为，讨论编程语言，需要针对应用场景和各自的长弱项。很多算法网站的实现（比如codewars、LeetCode）都提供多种语言版本的校验，本身编程语言设计思路就不同，所以去比较语法、执行效率这些，意义似乎并不是…
-
Vue的运作原理——浅析MVVM及Virtual DOM 本文不会拉出Vue的源码出来剖析一番，也不会挂一大段代码去笼统地讲，尽量会从逻辑角度一步步来梳理 如果你跟之前的我一样，听说过MVVM，也对Virtual Dom有所耳闻，但是说不出个大概 那么希望这篇文章能对你有所帮助 MVVM 都说前端框架运用了MVVM的思想，那么MVVM是什么 M：Model（数据） …
-
那些最受欢迎的 Node.js 视图引擎Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是，视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外，它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中…
-
8个JavaScript经典面试题，看看你对JavaScript的掌握到了什么程度 JavaScript是前端开发中非常重要的一门语言，浏览器是他主要运行的地方。JavaScript是一个非常有意思的语言，但是他有很多一些概念，大家经常都会忽略。比如说，原型，闭包，原型链，事件循环等等这些概念，很多JS开发人员都研究不多。 所以今天，就来和大家看看下面几个问题，大家可以先思考一下，尝试作答。 八道面…
-
JavaScript 开发者的 27 个神奇 VSCode 工具 全文共5630字，预计学习时长11分钟 图片来源：Ali Zolghadr/Unsplash Visual Studio Code（也被称为VSCode，https://code.visualstudio.com/）是一款功能强大的轻量级跨平台桌面源代码编辑器。由于其内置开发工具支持TypeScript和Chrome开发者工具，这款编辑器让人…
-
一种基于编译器的 JS 混淆及反混淆方案 阿特伍德定律指出，“任何可以用JavaScript来写的应用，最终都将用JavaScript来写”，5G的到来将导致大量的应用不再native化，而从云端直接下载，JS作为与用户交互的入口，大有一统所有编程语言的势头。 很多大公司如华为，正在为5G时代的大前端，还有物联网迫切需要的更高效的JS编译器进行超前的研发。 但JS…
-
干货 ——preact、react实现vue的transition组件 前言 最近在用preact做一个IM聊天软件的时候,特别想念之前用vue的transition做动画的体验了, 所以就照着vue的API简单的撸了一个动画组件; 待实现API 我这里选择了实现vue的transition中最常用的两种使用方式, 使用方式如下: 简单的css动画, 只需要传入一个name,以及准备一组css过度的样式,即可实现动画,css: ….
-
JavaScript权威指南（8）——函数 函数语句和表达式两种方式定义 //函数语句——声明 function printprops(o) { for(var p in o) console.log(p + ": " + o + "n"); } //函数表达式 var square = function(x) { return x*x; } 复制代码 表达式定义的函数，函数的名称是可选的 函数声明定义的函数可以在…
-
8道经典JavaScript面试题解析，你真的掌握JavaScript了吗？JavaScript是前端开发中非常重要的一门语言，浏览器是他主要运行的地方。JavaScript是一个非常有意思的语言，但是他有很多一些概念，大家经常都会忽略。比如说，原型，闭包，原型链，事件循环等等这些概念，很多J…
-
Webpack中的HMR原理 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对应用进行更新。 基本实现原理大致这样的，构建 bundle 的时候，加…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
