【Vue原理】Vue源码阅读总结大会 – 终；彻底搞懂Vue中keep-alive的魔法(下)；有趣的前端跨域实现方式；协议层的攻击：HTTP 请求走私；熟悉面试中常见的的 web 安全问题；vsCode 前端插件推荐-和插件配置；Vue躬行记（2）——指令；webpack简介及实践
-
彻底搞懂Vue中keep-alive的魔法(下) 上一节对 keep-alive 组件的分析，是从我画的一个流程图开始的。如果不想回过头看上一节的内容，可以参考以下的简单总结。 keep-alive 是源码内部定义的组件选项配置，它会先注册为全局组件供开发者全局使用，其中 render 函数定义了它的渲染过程 和普通组件一致，当父在创建…
-
有趣的前端跨域实现方式 官方解释 1、A网站通过ajax请求访问B网站的数据（即跨域名请求数据） 2、但是ajax请求只能向自己的服务器发送请求，不能进行跨域访问 原因不在服务器，而在于浏览器存在同源政策 3、什么是同源政策？ 同源政策是浏览器为了保护用户信息安全，防止恶意网站窃取数据，只允许ajax请求自己的服务 …
-
协议层的攻击：HTTP 请求走私 作者：mengchen@知道创宇404实验室 日期：2019年10月10日 English version：https://paper.seebug.org/1049/ 1. 前言 最近在学习研究BlackHat的议题，其中有一篇议题——”HTTP Desync Attacks: Smashing into the Cell Next Door”引起了我极大地兴趣，在其中，作者讲述了HTTP走私攻击这一攻击手段，并且分…
-
熟悉面试中常见的的 web 安全问题背景 之前出去面试的时候， 经常会被问到一些安全方面的问题。 安全涉及的领域很大， 我也仅仅是了解一些皮毛， 每次面试前都要找资料复习， 很麻烦。 所以我就根据之前搜集的一些资料和面试的经验，系统的梳理了…
-
vsCode 前端插件推荐-和插件配置 参考自网站： https://segmentfault.com/a/1190000011779959 插件安装完成之后，还要对一些插件进行配置，例如： vetur默认配置， 配置的过程： 打开 文件 > 首选项 > 用户设置(U) > 点击右上角—打开设置(json) // 执行文字相关的导航或操作时将用作文…
-
Vue躬行记（2）——指令 Vue不仅内置了各类指令，包括条件渲染、事件处理等，还能注册自定义指令。 一、条件渲染 条件渲染的指令包括v-if、v-else、v-else-if和v-show。 1）v-if 该指令的功能和条件语句中的if类似，可根据表达式的计算结果，判断是否渲染分支中的元素和它所包含的子元素。在下面的示例中，当把数据对象的exist属性设为true…
-
webpack简介及实践 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 二、 webpack整体架构 …
-
魅族官网基于 next.js 重构实践总结与分享在 2015 年，公司前端大佬猫哥基于 FIS3 深度定制开发了一套前端工程体系 mz-fis,该框架经历3年来的网站改版升级需求，都很好的完成了需求任务。 但随着项目越来越大，以及前端技术快速迭代。老项目的痛点越发明显。
-
移动端ReactNative性能探究 在最近接触了rn之后，也算有了一点了解，今天写的文章就来简单探讨一下关于rn性能的二三事。 首先在讨论移动端的性能之前，都必须要了解帧的概念，帧率是评判移动端应用性能的一个极为重要的标准。众所周知，不管是手机还是电脑或是视频，都是由一组静态的图片以一个稳定的速度快速变化所产生的。我们把这组图片中的每…
-
前端代码质量-圈复杂度原理和实践写程序时时刻记着，这个将来要维护你写的程序的人是一个有严重暴力倾向，并且知道你住在哪里的精神变态者。
-
Spring Boot WebFlux 快速入门实践Spring Boot （Boot 顾名思义，是引导的意思）框架是用于简化 Spring 应用从搭建到开发的过程。应用开箱即用，只要通过一个指令，包括命令行 java -jar 、SpringApplication 应用启动类 、 Spring Boot Maven 插…
-
【DailyENJS第12期】V8引擎和JavaScript优化技巧 DailyENJS致力于翻译优秀的前端英文技术文章，为技术同学带来更好的技术视野。 V8是Google用来编译JavaScript的引擎。Firefox拥有自己的名为SpiderMonkey的引擎，与V8十分相似，但有所不同。我们将在本文中讨论V8引擎。 有关V8引擎的一些事实： 用C ++编写，并在Chrome和Node.js（以及Microsoft Ed…
-
Promise的秘密（Promise原理解析以及实现）本篇文章将会带大家从分解promise入手，一步步实现一个promise。但阅读之前需要比较熟练地了解了解用法，结合用法看文章可能更容易理解。
-
深入Vue系列 next-tick原理和源码解析 在 vue 的官方文档中有一个 API 叫做 nextTick，将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用这个方法，获取更新后的 DOM。 语法 vm.$nextTick( ); 复制代码 参数： { Function; } ; 复制代码 用法放在 Vue.nextTick() 回调函数中的执行的应该是 涉及 DOM 操…
-
搞懂JS闭包闭包(Closure)是JS比较难懂的一个东西，或者说别人说的难以理解， 本文将以简洁的语言+面试题来深入浅出地介绍一下。
-
精读《用 css grid 重新思考布局》Flex 与 Grid 相比就像功能键盘和触摸屏。触摸屏的控制力相比功能键盘来说就像是降维打击，因为功能键盘只能上下左右控制（x、y 轴），而触摸屏打破了布局障碍，直接从（z 轴）触达，这样 无论 UI 内部布局再复杂…
-
1.5万字概括ES6全部特性第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读，发现很多以前都没有注意到的知识点，为了方便记忆和预览全部ES6特性，所以写下本文。
-
webpack 插件 ProvidePlugin 的使用方法和 eslint 配置 ProvidePlugin ：自动加载模块，而不必到处 import 或 require 。 (点击查看官方文档) 使用方法： 配置 w ebpack.config.js文件里 plugins 属性 new webpack.ProvidePlugin({ identifier: ‘module-name’, // …etc }); 示例用法： ne…
-
Vue 3 响应式系统源码解析（单测篇） 注意：在我写文章的时候，可能代码已有变更。在您读文章的时候，代码更有可能变更，如有不一致且有会对源码实现或理解产生重大不一致，欢迎指出，万分感谢。 10.5号，国庆佳节，小右男神发布了vue@3.0.0的alpha版代码。反正也没啥事干，最近也在学TypeScript，正好看看男神的代码，学习一下。 从入口文件…
-
文件/大文件上传功能实现（JS+PHP）全过程 文件/大文件上传功能实现（JS+PHP） 参考博文： 掘金-橙红年代 前端大文件上传 路漫漫 其修远 PHP + JS 实现大文件分割上传 本文是学习文件上传后的学习总结文章，从无到有实现文件上传功能，前端小白写的代码不是最优，如果有错误的地方请多多指教，如果本文对你有所帮助，深感荣幸。 近期公司…
-
浏览器中如何断点调试Vue3 源码 Vue源码位置 github.com/vuejs/vue-n… git clone git@github.com:vuejs/vue-next.git 复制代码 安装依赖编译源码 进入代码目录并安装依赖 yarn yarn dev 复制代码 测试API 做一个简单的Helloworld测试 我们就先试试原有的vue2 的Api还可不可以使用,其实vue3中提倡使用composite…
-
【JS 口袋书】第 5 章：JS 对象生命周期的秘密 作者：valentinogagliardi 译者：前端小智 来源：github 阿里云最近在做活动，低至2折，有兴趣可以看看： https://promotion.aliyun.com/… 为了保证的可读性，本文采用意译而非直译。 一切皆对象 咱们经常听到JS中“一切皆对象”？ 有没有问想过这是什么意思？ 其它语言也有“一切皆对象”之说，…
-
动态海报营销FabricJs方案Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情，如下：
-
采访一位来自 Pornhub 的 Web 开发者无论你对色情内容采取什么立场，都无法否认成人网站行业对于推动 Web 的发展产生着巨大的影响。从提高浏览器的视频限制，到通过 WebSocket 推送广告，使得广告拦截程序无法检测到它们，你都必须更加聪明的在 Web …
-
Vue2.0源码阅读笔记（七）：组件 传统的页面开发主张将内容、样式和行为分开，便于开发和维护。等到React、Vue等MVVM前端框架大行其道时，人们更倾向于使用html、css、js聚合在一起创建组件，通过编写小型、独立和通常可复用的组件来构建大型应用。 组件是现代开发框架的基石，下面详细介绍Vue组件的实现原理。 一、注册组件 在Vue中组件…
-
Spring Boot 系列教程 Web 篇之全局异常处理 当我们的后端应用出现异常时，通常会将异常状况包装之后再返回给调用方或者前端，在实际的项目中，不可能对每一个地方都做好异常处理，再优雅的代码也可能抛出异常，那么在 Spring 项目中，可以怎样优雅的处理这些异常呢? 本文将介绍一种全局异常处理方式，主要包括以下知识点 @Controlle…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
