三大角度PK,Go语言和Node.js谁胜谁负?;Vue 全家桶,深入Vue 的世界;JS基础面试题;JavaScript函数式编程之为什么要函数式编程(非严谨技术层面的扯淡);vue项目中keep-alive的使用,从详情页返回列表时保存浏览位置;JavaScript如何工作的:一览引擎、运行时和调用栈;vue ssr 指南详读;Redux、rematch、dva的替代品:smox
-
三大角度PK,Go语言和Node.js谁胜谁负? Node.js与Go语言一直是互联网大战中的主战场,虽说按照普通的各项指标对比,那么这场战争可能在很长时间内都难分胜负,但我们还是决定尝试对这二者做一些研究,并力求做出更准确的判断。 我们在Quora上发现,很多开发人员都将Go语言视为Node.js的优秀替代者,所以本文将集中探讨到底是为什么会出现这种情况以及为什么…
-
Vue 全家桶,深入Vue 的世界 $parent :用来访问组件实例的父实例 $root : 用来访问当前组件树的根实例 $children :用来访问当前组件实例的直接子组件实例 $refs :用来访问ref指令的子组件 DOM访问 $el :用来挂载当前组件实例的dom元素 $els :用来访问$el元素中使用了v-el指令的DOM元素 数据访问 …
-
JS基础面试题 总结一些前端基础的知识,有些知识可能在前端面试的时候会问到,所以做个记录,也有助于其他人查看,如果有什么问题,可以指出,会积极修正。 变量类型和计算 JS中typeof的类型有哪些 console.log(typeof undefined); //u
-
JavaScript函数式编程之为什么要函数式编程(非严谨技术层面的扯淡) 我的github github.com/zhuanyongxi… 这可能是一篇会被经常改动的文章,它记录了现在的我对函数式编程粗浅的理解。 函数式编程并不是github上面的一个工具库,它的年龄比JavaScript要大得多,它是一种经过了几十年,被众多计算机科学家证明了的行之有效的编程范式。它不是学会了几个函数式编程工具的API就能完全掌…
-
vue项目中keep-alive的使用,从详情页返回列表时保存浏览位置 最近在做移动端前端项目中,需要实现以下场景: 1.在页面查询列表,进入详情页时,返回需要页面返回到上次浏览的位置 2.由于查询列表获取的数据可能会短时间改变,如果前端长时间缓存数据,并不符合业务要求。 3.我在进入详情页时可以修改列表的数据,返回时滚动到,用户看到的应该是最新的数据 4.每个列表页面…
-
JavaScript如何工作的:一览引擎、运行时和调用栈 随着JavaScript(下文简称js)越来越流行,它在各个层面上都留下了身影:前端、后端、hybrid app、嵌入式设备等。 这篇文章是这个系列中第一个深入挖掘js是如何工作的:我们认为理解了js的底层建筑和运行方式可以使我们写出更好的代码和应用。 总览 应该很多人都听过V8引擎这个概念,也知道js是一个单线程的语言,…
-
vue ssr 指南详读 该贴是对vue SSR Guide解读和补充,对于官网文档已有内容会以引用方式体现。由于官网demo在国内无法运行,该贴最后也提供了一个完整的可以运行的demo,帖子中提到的代码均是来自于该demo,供学习交流。 介绍 什么是服务器端渲染(SSR)? Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组…
-
Redux、rematch、dva的替代品:smox 我们平时在开发 React 项目中,深深的感受到了 Redux 的“长得丑,用得烦”,有的人去改造它,如 dva、rematch,对 Redux 包装语法糖,也有如 smox ,直接重熔再生,完全摆脱 Redux 的局限的同时,还能拥抱“新特性” rematch 作者文章里提到, 工具质量 = 工具节省的时间 / 使用工具消耗的时间 我们接下来就用…
-
我是这么理解Vue中的响应式系统的 遇到知识,尤其是复杂的概念,我不能类比的话,我很难接收(所以学习很差…)。在看了大神染陌同学的Vue源码解析后,我想分享一下我所类比的Vue响应式系统,您得先看他的文章(至少看他写的Vue的响应式)。这是我自己的想法,或许适合您,或许也不适合您,还望多多指
-
在 Web 上使用 JavaScript 模块 原文:Using JavaScript modules on the web 现在 所有主流现代浏览器都已经支持 JavaScript 模块。本文将介绍如何使用 JS 模块,如何有效地部署,以及 Chrome 团队如何使 JS 模块在未来变得更好用。 什么是 JS 模块? JS 模块(也称为“ES 模块”或“ECMAScript模块”)是 ES6 中一项非常重要的语言特性…
-
彻底弄懂 React Native 性能优化的来龙去脉 前言 最近在进行RN项目重构,通过查阅各种资料,从RN底层出发,思考总结了一些从react到react-native的性能优化相关问题 Performance · React Native 请先认真查看官方文档(英文文档)这一章节 前方高能请注意:Unbund
-
聊一聊几种常用web图片格式:gif、jpg、png、webp 前言 在大多数的web页面中,图片占到了页面大小的60%-70%。因此在web开发中,不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多,本文仅针对几种web应用中常用的图片格式:gif、png、jpg、webp进行一个基本的总
-
在 WKWebView 中注入 js 的时机 最近使用 WKWebView 嵌入网页,需要在页面中注入 js,记录一下遇到的坑。 修改 user-agent 在 window 上注入 js 修改 user-agent let webView = WKWebView() let customUA = "customUA" webView.evaluateJavaScript("navi…
-
ES6 的解构赋值前每次都创建一个对象吗?会加重 GC 的负担吗? 本文来源于知乎上的一个提问。 为了程序的易读性,我们会使用 ES6 的解构赋值: function f({a,b}){} f({a:1,b:2}); 这个例子的函数调用中,会真的产生一个对象吗?如果会,那大量的函数调用会白白生成很多有待 GC 释放的临时对象,
-
《现代前端技术解析》读后鬼扯 别名:前端工程师培养大纲 评分:4星 作者:张成文 GitHub:https://github.com/ouvens/ 豆瓣:https://book.douban.com/subject/27021790/ 本书就像它前言中提到的那样,是一本以现代前端技术
-
React使用新版Context构建组件树工具注入 打个比方,在一个组件树中,通常可能会有多个组件会使用到ajax请求服务器获取数据,这时候你就必须在每个组件中引入ajax相关的库才能使用,如下: import ajax from ‘ajax’ export default class App extends Component { … componentDidMount () { ajax.get(‘http://xxx.com/a’) .then(res => {…
-
JavaScript 文件对象详解 在浏览器中操作文件,多数情况下用到的是 File 对象,从 <input type='file' /> 元素获取,进而继续操作(例如将选择的图片展示在页面上,用ajax将文件上传至服务器等)。这里介绍在浏览器中操作文件的相关API. File 对象
-
ES6 解构赋值会加重 GC 的负担吗? 原文题目:ES6 的解构赋值前每次都创建一个对象吗?会加重 GC 的负担吗?
-
Promise 化回调式函数 Node.js 8 提供了新的工具函数: util.promisify ,用于把形如 (err, value) => … 的回调式函数转换为 Promise 版本。 基本使用 const util = require(‘util’); const fs = require(‘fs’); const stat = util.promisify(fs.stat); stat(‘.’).then((stats) => { // Do something wit…
-
BAT前端经典面试问题:史上最最最详细的手写Promise教程 我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢? 别怕~这里有本promisesA+规范,便宜点10元卖给你了。 1、Promise
-
D3.js 嵌套选择集 (Nested Selection) 原文: Mike Bostock (D3.js 作者) –Nested Selections 译者: ssthouse 本文讲解的是关于 D3.js 中 d3-selection 的使用. d3-selection 是 d3 的核心所在, 它提供了一种和以往 Dom 操作 和 数据操作 完全不同的思路, 让我们能非常优雅的进行数据可视化工作. 本文是 d3 作者对于 d3-selection 中 嵌套选择集 的讲…
-
响应式方案调研及前端开发管理思考 网易首页响应式风格实现技术调研网易首页实现页面(字体)响应式风格的方式是在不同尺寸的视口中使用不同的容器类,如图 1所示。当视口大于等于1420px时,使用大尺寸容器类 (index2017_1200_wrap,width: 1200px),当视口
前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多