Vue中的组件从初始化到挂载经历了什么；JS垃圾回收和内存泄露；手把手带你掌握新版Webpack4.0；vue组件的生命周期钩子；浅谈TypeScript基础以及项目用法；前端世界中的路由；Vue解析剪切板图片并实现发送功能；VUE学习｜使用v-for和checkbox中遇到的问题
-
Vue中的组件从初始化到挂载经历了什么 下面的所有解析都以这段代码为基准： new Vue({ el: "#app", render: h => h(AppSon) }); 复制代码 其中 AppSon 就是组件，它是一个对象： const AppSon = { name: "app-son", data() { return { msg: 123 }; }, render(h) { return h("span", [this…
-
JS垃圾回收和内存泄露 1.JS垃圾回收有几种方式 2.什么方式会引起内存泄露 3.如何避免内存泄漏，有几种方式 4.JS的栈内存和堆内存 复制代码 垃圾回收的方式 原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。 JS具有自动垃圾回收机制，GC(Garbage collection)不是实时的，因为开销比较大，所以回收会按照固定…
-
手把手带你掌握新版Webpack4.0 课程介绍: Webpack 目前无论在求职还是工作中，使用越来越普及。而想要学懂，学会Webpack更绝非易事。本课程完整讲清最新版本下的 Webpack 4 知识体系，通过 基础 + 实例 + 原理代码编写 + 复杂案例分析 完成Webpack4的分析与讲解。更重要的是让你对整个前端项目的构建有一个全局化的认识，实现能力思想双升级。 课…
-
vue组件的生命周期钩子 组件生命周期指的是组件从创建到销毁的过程，在这个过程中的一些不同的阶段， vue 会调用指定的一些组件方法 基本生命周期函数有下面几个阶段： 创建阶段 挂载阶段 更新阶段 卸载阶段 每一个阶段都对应着 之前 和 之后 两个函数 <!DOCTYPE html> <html lang="en"> <head&…
-
浅谈TypeScript基础以及项目用法 TypeScript对于前端人员甚至后台人员都不算是特别陌生的东西了（身边很多java朋友看ts都觉得还不错），今天来聊聊这玩意，基础用法，以及项目中大家都是怎么用的。 顺便一说，ts这东西实在是太大了，因为他的类型可以很灵活的去组合，不过放心，本文不会涉及太多概念性的东西（也说不完），因为其实一个大项目，往往就是…
-
前端世界中的路由 在前端架构中，路由的设计的合理与否决定了这个项目的是否优秀。现在前端的框架angular，vue react都有对应的路由插件，在页面渲染方便基本都不用我们前端工程师考虑，基本上我们安装他们的文档配置好路由都能良好的运行，但是这并不意味我们不需要去掌握路由的实现原理。 发展 初始的web路由（后端控制） 后台控…
-
Vue解析剪切板图片并实现发送功能 我们在使用QQ进行聊天时，从别的地方 Ctrl+C 一张图片，然后在聊天窗口 Ctrl+V ，QQ就会将你刚才复制的图片粘贴到即将发送的消息容器里，按下Enter键，这张图片将会发送出去。接下来跟各位开发者分享下这项功能在Vue中如何来实现。先跟大家展示下最终实现的效果。 在线体验地址 实现思路 页面挂载时…
-
VUE学习｜使用v-for和checkbox中遇到的问题 本文记录了我在实现一个简单的TodoList的过程中遇到的问题即解决方法。由于我目前水平较低，仍有未明白的地方，同时文中也可能出现纰漏或者错误指出，若是有人可以看到此文，希望可以解答我的疑惑或者指出不正之处，谢谢。 需求 在一个简单的TodoList应用中，使用 v-for 指令绑定待办事项列表进行渲染。待办事项列…
-
数据结构与算法 javascript描述-队列 常见的使用队列的场景 常见的队列操作 JS通过数组实现一个队列结构 const assert = require(‘assert’) class Queue { constructor(items = []) { this.items = items } enqueue(item) { return this.items.push(item) } dequeue() { re…
-
Webpack 核心库 Tapable 的使用与原理解析 前言 Webpack 本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是 Tapable ， Webpack 中最核心的负责编译的 Compiler 和负责创建 bundles 的 Compilation 都是 Tapable 的实例，并且实例内部的生命周期也是通过 Tapable 库提供的钩子类实现的。 class Compiler extends Tapa…
-
你可能不知道的 TypeScript 高级技巧 在 2020 年的今天，TS 已经越来越火，不管是服务端（Node.js），还是前端框架（Angular、Vue3），都有越来越多的项目使用 TS 开发，作为前端程序员，TS 已经成为一项必不可少的技能，本文旨在介绍 TS 中的一些高级技巧，提高大家对这门语言更深层次的认知。 Typescript 简介 ECMAScript 的超集 (stage 3) 编…
-
二叉树前中后序遍历非递归实现（JavaScript） 二叉树使用递归实现前中后序遍历是非常容易的，本文给出非递归实现前中后序遍历的方法，核心的思想是使用一个栈，通过迭代来模拟递归的实现过程 下面实现中root代表二叉树根节点，每个节点都具有left,right两个指针，分别指向当前节点左右子树，一个val属性代表当前节点的值 前序遍历（preorderTraversal） const pre…
-
JavaScript进阶-常见内存泄露及如何避免 前言 这一章节给大家介绍的知识点相对比较简单, 但是却是非常重要的. 而且也是在面试过程中经常会被问到的一部分内容. 通过此次阅读你可以学习到: 4种常见的内存泄露 内存泄露的识别方法 4种常见的内存泄露 其实在实际开发中, 我们很容易不经意的就写出内存泄露的代码, 比如以下几种情况可能…
-
Cocos Creator 最佳实践之注意 JavaScript API 兼容性 预告：我们正在撰写《Cocos Creator 最佳实践》一书，本文仅是其中代码规范篇中的一个小点。敬请期待全书。 不同的浏览器和移动设备所使用的 JavaScript 虚拟机（VM）千差万别，所支持的 API 也大相径庭。 我们来了解一下 Cocos Creator 在各个端所使用的 JavaScript VM ： 对于 iOS 客户端和 Mac 客户端：在 …
-
Vue的生命周期和前端路由使用 近半年来，我一直从事一个报表管理系统的开发。管理系统是给人用的，但我们团队并没有前端，所以我就兼任了大部分前端开发工作。在这半年的开发工作中，我学习了一些前端内容，在这里做一个总结并分享给大家。 阅读本文，我假设大家是已了解HTML/CSS和JavaScript中级知识的后端开发。 1. Vue的生命周期 1.1 Vue是…
-
Webpack实战（二）：webpack-dev-server的介绍与用法 在开发中，我们都可以发现仅仅使用Webpack以及它的命令行工具来进行开发调试的效率并不高,每次编写好代码之后，我们需要执行npm run build命令更新js文件，然后再刷新页面，才能看到更新效果。webpack-dev-server正好解决了这个问题，是一款便捷的本地开发工具。 webpack-dev-server 安装及配置 用以下命令进行安装： …
-
Web Component的一些实践及思考 随着业务发展和技术栈的演进，我们的技术栈也在随之变化。但是技术栈不统一，对于团队发展来说是不利的，所以当团队慢慢扩大，随之而来业务也会变多，技术栈收敛也势在必行。 最终我们团队选择以vue为主的技术栈，现有react技术栈项目也将会慢慢往vue上迁移，当然这个过程时比较漫长。在这个过程中，就面临一个问题，…
-
JS的模块化编程 模块化是将系统分离成独立功能的方法，这样我们需要什么功能，就加载什么功能。 当一个项目开发得越来越复杂时，会遇到一些问题，例如：命名冲突、文件依赖等。 文件依赖就是，A负责 a.js 组件的开发，B负责 b.js 组件的开发，在 a.js 文件里面可能引用了 b.js 里面的某一个变量，而在项目运行时 a.js 在 b.js …
-
从vuecli3学习webpack记录（零）整体流程 今天看了下自己之前写的从vuecli3学习webpack记录系列，感觉自己居然没有在一开始的时候把vuecli的 npm run serve 的整体流程在一篇文章里面完整的讲完，可能是因为打字打的手疼，不想写了吧。今天特来补充一下。 这里是整体脉络，所以不会讲细节，细节在本系列里面已经讲到了。 const Service = require(‘../lib/Se…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
