前端分级配置；PM技术课 | Web知识知多少？；阿里开源框架egg.js入门与实战；Javascript 数组常用方法和算法；WebSocket技术分享；【ES6】带你学习 ES6 标准 —— Reflect、Promise；有趣的 JavaScript 格式转换；NodeJs简明教程(9)
-
前端分级配置 随着前端工程的逐渐庞大和完善， 很多原先后端的功能开始又前端接管，加上spa的流行，前端配置的重要性日益重要 1. 由后端模板渲染的前端项目 流程如下 配置信息可以由后端项目维护， 在渲染前传到前端，完成页面和逻辑。 该方式下配置来源简单，并且可以满足所有的需求 2.前后端分离 分离之后， …
-
PM技术课 | Web知识知多少？ 本文笔者将与大家分享HTML/CSS/JavaScript这三种网页技术，以及HTML5、H5等的相关知识。 无处不在的网页 网页存储在某台计算机（即服务器）上，并通过网络与其他计算机相连。网页通过网址（URL）来识别与访问，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页会被下载到用户的计算机上，用户的浏…
-
阿里开源框架egg.js入门与实战 一. Eggjs是什么？ Eggjs是一个基于Koajs的框架，所以它应当属于框架之上的框架，它继承了Koajs的高性能优点，同时又加入了一些约束与开发规范，来规避Koajs框架本身的开发自由度太高的问题。 Koajs是一个nodejs中比较基层的框架，它本身没有太多约束与规范，自由度非常高，每一个开发者实现自己的服务的时候…
-
Javascript 数组常用方法和算法 把数组中所有元素放入一个字符串中，返回字符串。 // 0.0.2/join.js const arr = ; console.log(arr.join(‘ ‘)); // pr is 18 console.log(‘=>’); console.log(arr); // 复制代码 concat 连接多个（含两个）数组，两边的原始数组都不会变化，返回被连接数组的一个副本，可继…
-
WebSocket技术分享 在正式介绍WebSocket之前先跟大家科普一下以及讨论一下过去是如何实现Web双向通信的 科普一下通讯传输模式 单工：只支持数据在一个方向上传输；例如：BP机 半双工：允许数据在两个方向上传输，但是某一时刻只允许数据在一个方向上传输；例如：对讲机, 电报机 全双工：同时在两个方向上传输，是两个单工通…
-
【ES6】带你学习 ES6 标准 —— Reflect、Promise ES6 中提供的操作对象 API，Reflect 对象的设计目的： ①. 将 Object 对象的一些明显属于语言内部的方法（如Object.defineProperty），放到 Reflect 对象上。 ②. 修改某些 Object 方法的返回结果。如 Object.defineProperty(obj,name,desc) 在无法定义属性时，会抛出错误，而 Reflect.defineProperty(obj,name,de…
-
有趣的 JavaScript 格式转换使用 input 获取文件时，你拿到的就是 file 对象，而 file 继承于 blob，所以直接讲比较陌生的 blob 吧。
-
NodeJs简明教程(9) NodeJs简明教程将从零开始学习NodeJs相关知识，助力JS开发者构建全栈开发技术栈！ 关注获取更多 NodeJs精品文章 本文是NodeJs简明教程的第九篇，将介绍NodeJs net 模块( TCP服务端/客户端 )相关的基本操作。 啥是TCP 传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于…
-
JS 引擎大 PK：JSC vs V8 vs Hermes 问题 我们开发的一款名为 @WalmartLabs 的安卓应用遇到了内存问题，起因是安卓自带的 JSC 的垃圾回收基本没用。我们试了很多办法来减少这个应用的内存占用，但是都没成功。 当 React Native 的简单列表（FlatList）中有很多项目（我们的情况下有超过 1 千的数量）时问题就更加严重了。在不同页面间跳转时内存用量…
-
「Vue进阶」一篇文章，教你学会Vue-CLI 插件开发 1. 什么是 CLI plugin 如果你正在使用Vue框架，那么你肯定知道 VueCLI 是什么。 Vue-CLI3 ，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。 除了日常构建打包项目， VueCLI3 的一个重要部分是 cli-plugins ，插件开发。它可以修改内部 webpack 配置并将命令注入到 vue-cli-se…
-
Vue探究：精读mixin与mergeOptions mixin在vue框架中的定位是实现逻辑复用的功能，可以类比javascript中的混合继承方式。实现逻辑复用的方式有很多种，比如react提倡的高阶组件、 hooks 等等，当然，在Vue中官方推荐的且使用频次最高的还是mixin。 本篇文章将会探讨Vue底层如何实现mixin，且mixin对vue各个配置项是如何处理的，以及混合的顺序如何等等…
-
学一点Webpack配置：Webpack的优化 在上一篇中花了14小节主要和大家一起探讨了Webpack 4.x的一些基本配置，比如初始化项目，添加各种Loader、React、Typescript、Sass、PostCSS、CSS Modules等配置、图片加载、字体加载以及各种代码检测的能力，比如ESLint的配置、Prettier的配置和StyleLint的配置。在接下来这个部分，主要和大家一起来探讨Webpack 4.x中…
-
webpack学习之路（七）source map 我们用 webpack 打包文件之后，会生成一个编译压缩过的 js 文件。如果出现问题，这种代码是很难排查问题的，无法定位到源码。这种时候就需要 source map 。 1. source map 简单说，source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。 有了它，出错…
-
使用 Vue Cli3 + TypeScript + Vuex 一步步构建 todoList Vue3.x 即将来袭，使用 TypeScirpt 重构，TypeScript 将成为 vue 社区的标配，出于一名程序员的焦虑，决定现在 Vue2.6.x 踩一波坑。 vue 官方文档已经简略地对 typescript 的支持进行了介绍，我们使用 Vue Cli3 直接生成项目 创建项目 :question:为什么使用 Vue Cli3 构建项目 官方维护，后续升级减少兼容性问题 …
-
面向对象不是银弹，DDD 也不是，TypeScript 才是 要解决的问题是什么？ A problem well-stated is Half-solved “No Silver Bullet – Essence and Accident in Software Engineering” 以及另外一篇著名的”Out of the Tar Pit” 都把 State 造成的复杂度放到了首要的位置。 其实要解决问题一直都是房间里的那头大象，Imperative Programming 的方…
-
JS中的异步解决方案 回调函数应该属于最简单粗暴的一种方式，主要表现为在异步函数中将一个函数进行参数传入，当异步执行完成之后执行该函数 话不多说，上代码： // 有三个任务console.log(1)console.log(2)console.log(3) // 过5s执行任务1，任务1执行完后，再过5s执行任务2….. window.setTimeout(function(){ console.log(1) window…
-
一个合格的前端都应该阅读这些文章 前言 的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(gong)示(xiang)…
-
用 ref 访问 Vue.js 程序中的 DOM作者：Nwose Lotanna翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 在本文中，你将了解如何在 Vue.js 中引用组件中的 HTML 元素。 前提条件 本文适用于所有使用 Vue 的开发人， 包括初学者。在阅读本文之前…
-
来，告诉你Node.js究竟是什么？如果你有一定的前端基础，比如 HTML、CSS、JavaScript、jQuery；那么，Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈，我认为的全栈也要精通数据库，不喜勿喷)，从而触及后端和移…
-
【中高级前端必备】手摸手教你撸一个脚手架 vue-cli , create-react-app 、 react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的脚手架(或公司通用脚手架)，来提升自己的开发效率。 脚手架…
-
JS学习笔记（第9章）（客户端检测）能力检测的目标不是识别特定的浏览器，而是识别浏览器的能力。在可能的情况下，要尽量使用typeof进行能力检测。在浏览器环境下测试任何对象的某的特性是否存在，要使用下面的函数：
-
webpack4.x常用配置 配套代码demo： https://github.com/FinGet/webpack4_demo。博客原文： (https://finget.github.io/2019/07/24/webpack4-0/) 打包多页面在git仓库里，并没有单独写出来。 初始化： yarn init -y yarn add webpack webpack-cli -D webpack-cli的作用就是让…
-
Serverless 掀起新的前端技术变革 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless，其实早已和前端有了颇深渊源，并且将掀起新的前端技术变革。本文主要就根据个人理解和总结，从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面，与大家探讨 Serverless 中的前端开发模式。本人也有幸在 Q…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
