VUE 9个性能优化秘密？（vue-9-perf-secrets）；Why should I use a Reverse Proxy if Node.js is Production-Ready?；面试官：前端跨页面通信，你知道哪些方法？；“上班 996，生病 ICU”？来自 GitHub 的群嘲；如果Node.js已具备反向代理的功能，我为什么要使用反向代理？；JavaScript线程与异步语法进化；关于在VUE里面使用swiper的方法；WinXP：React 实现的 Windows XP
-
VUE 9个性能优化秘密？（vue-9-perf-secrets） GitHub . Demo 栗子 Functional components Child component splitting Local variables Reuse DOM with v-show Keep alive(DOM-Reusing Router View) Deferred features Vuex demo 源代码中有个 Static 被注释，没有达到作者的优化效果。 吃栗子 栗子中都分别…
-
Why should I use a Reverse Proxy if Node.js is Production-Ready? Why should I use a Reverse Proxy if Node.js is Production-Ready? Thomas Hunter II BlockedUnblockFollowFollowing Mar 28 The year was 2012. PHP and Ruby on Rails reigned as the supreme server-side technologies for rendering web applications. But, a bold new contender took the community by s…
-
面试官：前端跨页面通信，你知道哪些方法？在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。
-
“上班 996，生病 ICU”？来自 GitHub 的群嘲 （给IT一刻钟加星标，可以迎娶白富美） 微信公众号：IT一刻钟 大型现实非严肃主义现场 一刻钟与你分享优质技术架构与见闻，做一个有剧情的程序员 关注可第一时间了解更多精彩内容，定期有福利相送哟。 近日，在Github上出现了一件火热的事情，有人在上面创建了一个名为996.ICU的项目，…
-
如果Node.js已具备反向代理的功能，我为什么要使用反向代理？ 这一年是2012年.PHP和Ruby on Rails作为渲染Web应用程序的最高服务器端技术而备受瞩目。但是，一个大胆的新竞争者掀起了一场风暴 – 一个能够处理1M并发连接的人。这项技术不过是Node.js，从那以后一直稳步增长。 与当时大多数竞争技术不同，Node.js内置了一个Web服务器。拥有这个服务器意味着开发人员可以绕过无数的…
-
JavaScript线程与异步语法进化 我们知道JavaScript运行环境通常都是单线程的。在浏览器中，JavaScript代码主要运行在主线程，也就是UI线程中，为避免阻塞页面，语言层面提供了异步执行的能力，在浏览器实现的时候会将这些异步任务放到特定的线程去执行如ajax，setTimeout等。同时库支持层面上JavaScript的异步语法也经历了几次重大变化。 单线程是J…
-
关于在VUE里面使用swiper的方法 swiper是常用的轮播插件，提供了大量的API可以满足我们大量在开发中遇到的轮播需求。 Official Website: https://www.swiper.com.cn 现在swiper的最新版本为4.5.X 官方在使用方法上，只提供了以前我们常用的<link rel="stylesheet" href="dist/css/swiper.min.css">方式引用。而我们…
-
WinXP：React 实现的 Windows XP README.md WinXP Web based Windows XP desktop recreation. Features: Drag and resize, minimize, maximize windows Open applications from desktop icons or start menu Minesweeper, Internet Explorer, My Computer…
-
【3分钟速览】前端广播式通信：Broadcast Channel Broadcast Channel 是什么？ 在前端，我们经常会用 postMessage 来实现页面间的通信，但这种方式更像是点对点的通信。对于一些需要广播（让所有页面知道）的消息，用 postMessage 不是非常自然。Broadcast Channel 就是用来弥补这个缺陷的。 顾名思义，Broadcast Channel 会创建一个所有同源页面都可以共享的（广…
-
一文看穿JavaScript中this的圈圈绕 相比C++或者Java中的 this 指针的概念而言，JavaScript中的 this 指针更为 "灵活" ，C++或Java中的 this 在类定义时便成为了一个指向特定类实例的指针，但是JavaScript中的 this 指针是可以动态绑定的，也就是说是依据 上下文环境 来指定 this 到底指向谁。这样的机制给编程带来了很大的灵活性（以及趣味性）…
-
3 个概念，入门 Vue 组件开发 “组件”是 Vue 中比较基础的概念，但我发现，许多同学对 Vue 组件的概念和由来并不是清楚。因此，我希望通过这个专题，带大家换个角度来分析，最终让大家更清楚组件开发。 首先，我们先不谈组件，我想问大家一个问题： 我们平常用任何编程语言写方法（method）的时候，当一个方法里的逻辑过多时，我们会怎么办？当多…
-
Vue-CLI 3.x 自动部署项目至服务器平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个…
-
gulp插件解决浏览器缓存问题 一、前言 有些简单前端小项目，不需要涉及框架，前端打包压缩的话本妹子还是喜欢用 gulp 。 本文将用 gulp-rev 和 gulp-rev-rewrite 解决cdn缓存问题。 以及列出的是本妹子最常用的 gulp 插件，小伙伴们可以参考。 案例地址： https://github.com/raoenhui/g… 二、解决浏览器缓存问题 gulp-rev …
-
css盒模型理解css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
-
three.js快速上手以及在react中运用 github的地址 欢迎star! 之前项目中用到了3D模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 对比一下还是使用更为普遍的Three.js Three.js基础概念 主要来自于《Three.js开饭指南》 也可以参考在线网站threejs教程 3个基础概念：场景（sc…
-
JavaScript 函数式编程指引 原文链接 Introduction to Functional Programming 本文旨在对比命令式编程与函数式编程两种不同的解决问题的方式。目的并不是专门教大家函数式编程，而是介绍给大家一种区别于传统方法（循环、变换等）的不同的思考方式。在日后遇到问题时能从不同的角度去思考，同时给自己的技能树添加更多的工具。 函数式编程的…
-
实现一个属于自己的React框架(一)3月31日去颐和园转了一圈, 拍的比较满意的几张照片 前言 本文主要参考了preact的源码 准备工作 我们首先搭建开发的环境, 我们选择webpack4。值得注意的是, 因为我们需要解析JSX的语法, 我们需要使用@babel/plugin…
-
webpack4.29.6搭建常用功能的环境 因项目需要，用webpack搭建一个常用功能的环境。 初步功能罗列如下： 自动配置多入口出口 less转css css前缀自动补齐 css提取成单独文件 css压缩 图片压缩 引入字体和svg js Babel 压缩 css和js的分离/合并和过滤 1.建立并且进入文件夹 mkdir webpack4.29.6 && cd webpack4.29.6 复制代码…
-
手写webpack系列一：了解认识loader-utils Created By JishuBao on 2019-03-29 12:38:22 Recently revised in 2019-04-01 12:38:22 欢迎大家来到技术宝的掘金世界,您的star是我写文章最大的动力！ GitHub地址 文章简介： 1、webpack module简介 2、rules的使用 3、loader-utils是什么？ 4、api实现 5、未完待续 一、webpack module简介 …
-
Git 专题：add git是一个数据库系统，git是一个内容寻址文件系统，git是一个版本管理系统。 没错，它都是。 不过我们不纠结于git是什么，我们单刀直入，介绍git命令。 要将未跟踪的文件和已跟踪文件的改动加入暂存区，我们可以使用git add命令。 不过很多人嫌git add命令不够语义化，毕竟这一步操…
-
RIS，创建 React 应用的新选择 前言 RIS, React Integrated Solution. 它的目标是提供一套基本的构建配置方案，而且配置是能高度扩展的，希望通过它能对外输出 React 的一些最佳实践。 RIS 是我在去年11月开始开源出去的，这工具之前在内部团队使用过，反馈还不错，断断续续维护和写文档，现在介绍给大家，希望能给大家提供一些帮助和启发…
-
CSP：前端安全第一道防线 ⭐️ 更多前端技术和知识点，搜索订阅号JS 菌订阅 内容安全策略的主要作用就是尽量降低网站遭受 XSS 跨站脚本攻击的可能。浏览器没办法区分要执行的代码是否为页面本身的还是恶意注入的，XSS 就是利用这一点对网站进行攻击。 CSP 的全称是Content-Security-Policy在白名单策略中，可以使用他来指…
-
一些常用的前端开发资源个人整理的一些常用前端开发资源，有事没事多看看，日后不断更新 css技巧 Flex布局 阮一峰 [链接] 巧用margin/padding的百分比值实现高度自适应 [链接] 最全Html与CSS布局技巧 [链接] h5开发 css小技巧[链接] 移…
-
Nodejs初识 Node.js的本质是一个Javascript的解析器 Node.js是Javascript 的运行环境 Node.js是一个服务器程序 Node.js本身使用的是V8引擎 Node不是web服务器 Why use it? 为了提供高性能的web服务 IO性能强大 事件处理机制完善 天然能够处理DOM 社区非常活跃，生态圈日趋完善 The advanta…
-
你还没有听过React不完全手册？完全是不可能滴, 这辈子都不可能完全! — 来自某非著名码农 本文总结 React 实用的特性，部分实验性和不实用的功能将不会纳入进来，或许未来可期~ 1、setState 面试题 {代码…} 总结 setState 只在 React…
-
你要的移动端vue多页面脚手架，都帮你集成和封装好了 移动端1像素？px转rem适配？300ms延迟？做活动单页面导致苹果安卓微信签名问题？不存在的。 以前经常做手机H5，喜欢做成vue单页应用，这样在开发微信相关应用时，往往因为单页应用在苹果和安卓上对于浏览器每个页面的url机制不一样，经常导致页面签名失败的问题。还有经常从其他应用带参数跳到单页应用的某个页面而加…
-
Javascript混淆与解混淆的那些事儿像软件加密与解密一样，javascript的混淆与解混淆同属于同一个范畴。道高一尺，魔高一丈。没有永恒的黑，也没有永恒的白。一切都是资本市场驱动行为，现在都流行你能为人解决什么问题，这个概念。那么市场究竟能…
-
react服务端渲染框架Next.js踩坑（一） next.js是react的同构库，用它可以快速搭建一个react服务端渲染的框架，相比于直接用react配置服务端渲染简单了不少。对于没写过SSR项目，想要尝试一下的同学是个挺好的选择。 next官方文档 源代码 react服务端渲染框架Next.js踩坑（一） react服务端渲染框架Next.js踩坑…
-
ES6的前世今生（0）1996 年 11 月，Netscape 创造了javascript并将其提交给了标准化组织 ECMA，次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 …
-
Vue.js + Tone.js 开发Web钢琴应用 原文链接 最近用Vue + Tone.js做了一款钢琴类web应用，名字定为自由钢琴（AutoPiano），人生如音乐，欢快且自由。 此文权当作该项目的总结和分享~ 项目简介 自由钢琴（AutoPiano）是利用HTML5技术开发的在线钢琴应用，致力于为钢琴爱好者、音乐爱好者以及其他所有的创造者提供一个优雅、简洁的平台，在学习工作…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
