Javascript高级
关注
分享
扫一扫
文章平均质量分 83
高热度网
主要技能：前端、小程序、网站开发，NodeJS全栈技术开发，欢迎交流
展开
-
Javascript高级—深浅拷贝
如果你所需拷贝的对象含有内置类型并且不包含函数，可以使用 MessageChannel。浅拷贝是拷贝第一层的拷贝。原创 2024-11-11 22:07:54 · 114 阅读 · 0 评论 -
ReactPress：深入解析技术方案设计与源码
ReactPress是一个基于React框架开发的开源发布平台，它不仅仅是一个简单的博客系统，更是一个功能全面的内容管理系统（CMS）。原创 2024-11-07 23:45:31 · 613 阅读 · 0 评论 -
ReactPress：重塑内容管理的未来
ReactPress，正是这样一款基于React技术的开源CMS平台，它以其强大的功能、卓越的性能和灵活的可扩展性，正在逐渐改变内容管理的游戏规则。原创 2024-11-07 23:33:20 · 768 阅读 · 0 评论 -
ReactPress系列—NestJS 服务端开发流程简介
ReactPress底层基于NestJS实现， 是一个用于构建高效、可靠和可扩展的服务器端应用程序的框架。它使用 TypeScript（但也支持纯 JavaScript）并完全基于 Node.js。NestJS 提供了强大的架构支持，允许开发者使用现代 JavaScript 的特性来编写清晰、可维护的代码。本文将介绍 NestJS 服务端开发的基本流程，并通过简单的代码示例来帮助理解。原创 2024-11-06 00:07:18 · 835 阅读 · 0 评论 -
ReactPress系列—Next.js 的动态路由使用介绍
ReactPress底层基于Next.js实现， 是一个流行的 React 框架，支持服务端渲染、静态站点生成和动态路由等功能，极大地简化了构建现代 Web 应用程序的过程。本文将详细介绍 Next.js 的动态路由功能，并通过简单的代码示例帮助理解。原创 2024-11-06 00:04:02 · 802 阅读 · 0 评论 -
ReactPress 是什么？
ReactPress是使用React开发的开源发布平台，用户可以在支持React和MySQL数据库的服务器上架设属于自己的博客、网站。也可以把 ReactPress 当作一个内容管理系统（CMS）来使用。原创 2024-11-04 22:39:19 · 1268 阅读 · 0 评论 -
call, apply, bind的模拟实现
call, apply, bind的模拟实现原创 2024-11-03 17:12:40 · 110 阅读 · 0 评论 -
【Javascript高级】 Javascript 之继承的多种实现方式和优缺点
Javascript 之继承的多种实现方式和优缺点，每一种实现方式都有自己的优缺点。原创 2024-11-02 20:10:17 · 695 阅读 · 0 评论 -
ReactPress—基于React的免费开源博客&CMS内容管理系统
ReactPress 是使用React开发的开源发布平台，用户可以在支持React和MySQL数据库的服务器上架设属于自己的博客、网站。也可以把 ReactPress 当作一个内容管理系统（CMS）来使用。原创 2024-11-02 20:00:50 · 684 阅读 · 0 评论 -
《前端工程师面试宝典》系列专题总结
前端工程师面试宝典前端面试宝典，收集于全网最新、最全面的面试资料，帮助各位求职面试者斩获理想Offer。本书整理了前端工程师在求职面试过程中的前端知识和面经资料，希望各位网友们在学习交流过程中也可以不断丰富完善本书。本书结构本书一共分为八大部分。第一部分：前端知识体系本章从HTML、CSS、JavaScript、流向框架、Nodejs、性能优化、前端工程化、错误监控、Web安全共九...原创 2019-11-10 17:20:57 · 488 阅读 · 0 评论 -
【Javascript高级知识】使用ES6实现私有变量的四种实现方式总结
ES6 实现私有变量方式总结需求如下实现一个Person类，设计下面的类name : publicage : privatesex : private1. 使用闭包的方式来实现const Person = (function() { let _sex = ''; let _age = 0; class Person { constructor(name, ...原创 2019-07-21 20:28:56 · 520 阅读 · 0 评论 -
【Javascript专题一】函数防抖Debounce工具封装及应用场景总结
函数防抖和节流总结环境初始化<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"> <t...转载 2019-06-30 17:18:23 · 614 阅读 · 1 评论 -
【Vue高级知识】细谈Vue 中三要素（响应式+模板+render函数）
Vue 中三要素的是什么？响应式： // 如何让实现响应式的呢？ let obj = {}; let name = 'zhangsan'; Object.defineProperties(obj, name, {get : function() { console.log('name' , name) }, set : function() {...原创 2019-06-22 10:33:05 · 2065 阅读 · 0 评论 -
【Vue高级知识】梳理Vue源码的整个实现流程
Vue的整个实现流程源码解读？？？（总结点）解析模板成render函数 <template></template> --->>> render 函数with函数的使用模板中的所有信息都被render函数包含模板中用到的data中的属性，都变成了JS变量模板中的v-model v-for v-on都变成了JS逻辑render函数返回v...原创 2019-06-22 10:45:28 · 376 阅读 · 0 评论 -
【Vue高级知识】如何使用Vue劫持对象或数组的属性
Vue创建一个实例 <div id="app">{{msg}}</div> <script src="node_modules/vue/dist/vue.js"></script> <script> let vm = new Vue({ el:'#app',...原创 2019-06-22 11:09:16 · 1320 阅读 · 1 评论 -
【Javascript高级】使用HTML5中的Web Woker来处理大数据量下主线程（UI线程）阻塞问题
具体的测试代码如下，包括index.html(UI线程), worker.js（子线程）和一个script1.js文件（可以在worker中导入的js文件）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Worker使用&l...原创 2019-06-18 11:09:54 · 1125 阅读 · 0 评论 -
【Javascript高级】如何获取浏览器请求数据的整个过程花费的所有时间详细信息(性能分析量化)
浏览器请求数据的整个过程花费的所有时间都包括哪些部分？我们可以在Chrome Network Timing中可以查看一个请求在各个阶段所花费的时间：1、Queueing请求文件顺序的的排序什么东西？浏览器有线程限制的，发请求也不能所有的请求同时发送，所以，队列喽。从添加到待处理队列到实际开始处理的时间间隔标示2、Stalled是浏览器得到要发出这个请求的指令到请求可以发出的等待时...原创 2019-06-23 22:52:43 · 5702 阅读 · 1 评论 -
【Javascript高级知识】封装实现一个自己的call, apply, bind函数（原生版+ES6版）
call, apply, bind的模拟实现call的模拟实现 // 使用原生的ES3语法实现的call Function.prototype._call = function() { var context = context || window; context.fn = this; var args = []; ...原创 2019-06-27 17:09:25 · 733 阅读 · 0 评论 -
【Javascript高级知识】深入剖析JS中New一个对象的过程（实现原理）
new一个对象的原理是怎样的呢？用new Object() 的方式新建了一个对象 obj取出第一个参数，就是我们要传入的构造函数。此外因为 shift 会修改原数组，所以 arguments 会被去除第一个参数将 obj 的原型指向构造函数，这样 obj 就可以访问到构造函数原型中的属性使用 apply，改变构造函数 this 的指向到新建的对象，这样 obj...原创 2019-06-27 17:37:07 · 4393 阅读 · 1 评论 -
【Javascript高级知识】JS中的arguments参数的使用及注意要点总结
Arguments参数的使用？如何对类数组直接调用数组的方法呢？ var arrLike = { 0: 'name', 1: 'age', 2: 'sex', length: 3 } Array.prototype.join.call(arrLike, '&'); Array.prototyp...原创 2019-06-27 20:46:37 · 228 阅读 · 0 评论 -
【Javascript高级】创建JS对象的7种方式优缺点总结
创建JS对象的多种方式总结一、工厂模式 /** * 工厂模式创建对象 * @param name * @return {Object} */ function createPerson(name){ var o = new Object(); o.name = name; o.getName = ...原创 2019-06-28 14:56:04 · 353 阅读 · 0 评论 -
【Javascript高级知识】深刻理解原型链之继承的多种实现方式和优缺点
Javascript 之继承的多种实现方式和优缺点一、 原型链继承 function Parent() { this.name = 'zhangsan'; this.children = ['A', 'B', 'C']; } Parent.prototype.getName = function() { console.log(this...原创 2019-06-29 20:47:47 · 839 阅读 · 0 评论 -
【Vue高级知识】如何使用Vue CLI-3.0脚手架工具分别配置项目的开发环境和部署环境下的环境变量
1. cli-3.0总共提供了四种方式来制定环境变量：在根目录添加.env文件，配置所有情况下都会用到的配置（不知道这个存在的意义，所有的都需要的也就不需要配置了吧）。 在根目录添加.env.local文件，配置所有情况下都会用到的配置，与.env的区别是只会在本地，该文件不会被git跟踪。 在根目录添加.env.[mode]文件，配置对应某个模式下的配置,比如：.env.develo...原创 2019-05-21 12:45:54 · 1196 阅读 · 1 评论