乐胖代购免代理版

由经典面试题（从输入url到页面展示的详细过程）梳理前端知识体系

前言本文的目标是梳理一个相对完整的前端向知识体系，本文是前端向，以前端领域的知识为重点前端向知识的重点首先明确，计算机方面的知识是可以无穷无尽的挖的，而本文的重点是梳理前端向的重点知识对于前端向（这里可能没有提到node.js之类的，更多的是指客户端前端），这里将知识点按重要程度划分成以下几

服务器

客户端

服务端

原创 2023-01-16 16:12:08 419 阅读

深入理解web

先理解 Web 的三要素： Web Runtime 前端技术 URL 1.1 Web Runtime 第一个核心要素是「Web Runtime」，基于 Web 的内容或应用，本质上都是一种用高度抽象的方式来实现、分发和运行的客户端软件，需要建立在一个非常 high level 的软件抽象层（abst

Web

客户端

App

原创 2023-01-04 16:39:45 398 阅读

NPM中的版本号规则

版本的格式 major.minor.patch 主版本号.次版本号.修补版本号版本匹配规则 version 必须匹配某个版本如：1.1.2，表示必须依赖1

版本号

标识符

json

原创 2022-08-07 00:07:55 559 阅读

一文搞定PC通过usb调试手机页面

因项目需要，开发的手机企业微信页面，想通过PC调试，本次只讨论用数据线连接电脑和手机的调试方法，步骤如下：手机准备：打开usb调试手机访问： http://debugx5.qq.com 在打开的网页中选择【信息】->【TBS settings】，勾选【是否打开 TBS 内核 Inspect

chrome

微信

重启

原创 2022-07-16 01:33:42 337 阅读

Node.js 中运行定时任务

cron 是一个定时执行工具，可以在无需人工干预的情况下运行安装 $ npm install -g cron 使用 const cronJob = require("cron").CronJob; //每秒钟执行一次 new cronJob('* * * * * *', function () {

特殊字符

定时执行

字段

原创 2022-06-26 01:48:46 846 阅读

前端日志实践

一、背景在项目中，我们会频繁用到 console.log() 来输出一些关键信息到控制台中，有助于开发调试

拦截器

单例模式

ios

原创 2022-06-12 00:14:42 379 阅读

关于前端技术、经验、团队、流程的总结

2022年6月关于前端技术、经验、团队、流程的总结如下：

前端

原创 2022-06-12 00:14:28 238 阅读

前端项目架构概述

1、背景 1.1、项目规模：前端项目的规模不同，成本收益比也会有所差别。通常来说，人员越多、项目复杂度越高，那么收益/成本的比值越大。对

数据

灰度

html

原创 2022-06-12 00:14:09 364 阅读

webpack5之模块联邦

webpack5 新出了个特性: 模块联邦。大家可能虽然听说过，但还没在项目中使用，今天就带大家实战一下。业务场景假设公司有个业务集群，公共业务组件库升级了

加载

json

数组

原创 2022-06-07 20:21:52 682 阅读

webpack5之模块联邦

webpack5 新出了个特性: 模块联邦。大家可能虽然听说过，但还没在项目中使用，今天就带大家实战一下。业务场景假设公司有个业务集群，公共业务组件库升级了

json

加载

缓存

原创 2022-06-07 20:21:36 388 阅读

关于Service Worker

Service Worker 含义 Service Worker 首先是一个运行在后台的 Worker

加载

网络请求

数据

原创 2022-06-04 23:52:27 161 阅读

在vue中使用传送功能 portal

React 有个 portal API，简单的来说就是可以将子组件渲染到父组件以外的地方。官网上说 portal 的典型用例是当父组件有overflow: hidden或z-index样式时，但你需要子组件能够在视觉上“跳出”其容器。例如，对话框、悬浮卡以及提示框。但是当时对此例并无太多感觉，这就

侧边栏

ico

后台管理

原创 2022-05-30 00:59:48 778 阅读

前端性能优化之WebWorker

前端开发中遇到由于大量计算导致定时器回调不能如期执行，导致页面卡顿的问题，先分析一下思路解决思路：解决方案优点缺点优化算法，减少不必要的计算提高程序员自我修养算法过于庞大，原作者不在，无法评估工作量 WebWorker 技术，减少 JS 引擎阻塞实现简单存在兼容性问题参考 Rea

js引擎

主线程

ui线程

原创 2022-05-30 00:59:38 446 阅读

mysql存储emoji表情报错问题

emoji表情使用mysql的默认字符设置UTF-8会报错： Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xE6\x88\x91\xE4\xBB\xAC...' for column 'xx' at row

mysql

macos

ico

原创 2022-05-23 10:16:00 643 阅读

前端常见内存泄漏及解决方法

前端内存泄漏系统进程不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极限64位为 1.4GB，32 位为 1.0GB 一、引起内存泄漏的原因 1. 意外的全局变量由于 js 对

内存泄漏

解决方法

ide

原创 2022-05-23 10:15:40 8281 阅读 4点赞 2收藏

使用NPM Scripts打造简单的自动化构建工作流

1、使用NPM Scripts包装构建命令（1）在package.json中添加“scripts”字段 package.json "scripts": { "build":"sass scss/main.scss css/style.css" }, 添加完后完整的是下面这个样子的 { "name"

css

json

当前目录

原创 2022-05-23 10:15:13 149 阅读

单线程的Node.js是如何实现高并发的

nodejs单进程单线程事件驱动 Node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销，但是会有多个worker线程，用于执行

主线程

事件循环

node.js

原创 2022-05-23 10:14:49 2744 阅读 1收藏

关于AnyProxy

AnyProxy是一个开放式的HTTP代理服务器。 Github主页：https://github.com/alibaba/anyproxy 主要特性包括

代理服务器

sed

服务端

原创 2022-05-19 10:48:14 1721 阅读

uniapp实现拍照模板

本文主要介绍使用uniapp实现拍照自定义拍照模板功能看到这个需求，首先想到可以使用uniapp上的camera组件，然后在用cover-image添加一个图片就可以达到要求。但是camera组件有兼容性的问题，不支持app端。于是参考别人的写法，看到有一个live-pusher直播流组件，用

ios

android

#endif

原创 2022-05-14 10:07:07 4730 阅读 1收藏 3评论

uniapp运行环境版本和编译器版本不一致升级方案

版本不一致的问题使用vue-cli创建的项目，当时的编译版本（3.1.8），过一段时间，HbuilderX升级后, 编译版本更新（3.3.13），会出现部分功能不可用的情况；最好的办法是升级老项目的依赖，然后用最新的编译版本运行和打包，提升性能和兼容性升级方案通过查阅官方文档，加上自己探索，

初始化

版本更新

原创 2022-05-14 10:06:52 3218 阅读

解读JavaScript代码 var ie = !-[1,]

var ie = !-[1,]；这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法，执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“...

数组

javascript

值类型

原创 2022-04-06 15:55:30 132 阅读

Javascript中闭包的作用域链

作用域定义了在当前上下文中能够被访问到的成员，在Javascript中分为全局作用域和函数作用域，通过函数嵌套可以实现嵌套作用域。闭包一般发生在嵌套作用域中。闭包是JavaScript最强大的特性之一,很多高级应用都要依靠闭包实现。如OO的私有成员和模块化等。然而闭包虽然强大，但一般比较占用内存另...

作用域链

执行上下文

作用域

原创 2022-04-06 15:54:40 152 阅读

Javascript中正则表达式的全局匹配模式

先看一道JavaScript题目，据说是国内某知名互联网企业的JavaScript笔试题，如果对正则的全局匹配模式不了解的话可能会对下面的输出结果感到疑惑。var str = "123#abc";var re = /abc/ig;console.log(re.test(str)); //输出ture...

字符串

正则

数组

原创 2022-04-06 15:53:51 1652 阅读

让浏览器非阻塞加载javascript的几种方式

通常大多数浏览器是并行下载资源的，但由于外部脚本的特殊性例如通过脚本改变文档的DOM结构、脚本之间的存在依赖关系、使用document.write 向页面输出HTML等。浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。在页面的加载过程中...

加载

跨域

html

原创 2022-04-06 15:53:40 633 阅读

图片延迟加载并等比缩放，一个简单的JQuery插件

使用方法：$(".viewArea img").zoom({height:74,width:103});(function($){$.fn.zoom=function(settings){//一些默认配置；settings=$.extend({height:0,width:0,loading:"ht...

预加载

jquery

ide

原创 2022-04-06 15:53:30 119 阅读

舌尖上的码农

码完代码，他起身关上电脑，用滚烫的开水为自己泡制一碗腾着热气的老坛酸菜面。中国的程序员更偏爱拉上窗帘，在黑暗中享受这独特的美食。这是现代工业给一天辛苦劳作的人最好的馈赠。南方一带生长的程序员虽然在京城多年，但仍口味清淡，他们往往不加料包由脸颊自然淌下的热泪补充恰当的盐分。他们相信，用这种方式能够抹平

码农

原创 2022-04-06 15:51:29 80 阅读

由闭包引起的对javascript代码可维护性的思考

在最近的编程实践中由闭包的使用引起了我对javascript代码可维护性的思考。面向对象的其中一个特性封装性通过封装可以降低类与类之间或模块与模块之间耦合性从而使我们的设计更加高内聚低耦合，在大规模的程序开发中这是度量程序可维护性的一个指标，在大量应用了基于javascript的RIA的项目中jav...

javascript

可维护性

封装

原创 2022-04-06 15:51:13 107 阅读

使用javascript oop开发滑动（slide) 菜单控件

这里使用原生的javascript，用面向对象的方式创建一个容易维护使用方便的滑动菜单javascript slide控件演示第一个一级菜单第一个二级菜单第一个二级菜...

ide

二级菜单

html

原创 2022-04-06 15:50:55 190 阅读

代码复用原则:合理使用类组合和类继承

继承和组合都可以达到代码复用的目的，但是组合比继承更具灵活性。组合是通过引用已有类（一般为抽象类）或接口来实现复用的组合在运行时通过多态可以动态替换被组合的对象。继承是通过以子类继承父类方式来使父类的非私有成员可以被其子类使用。继承在类编译时就确定了继承来的方法和属性，无法在运行时动态改变从父类继承...

子类

父类

复用

原创 2022-04-06 15:50:39 564 阅读

JavaScript判断图片是否加载完成

一、load事件 img - load event loading...测试，所有浏览器都显示出了“loaded”，说明所有浏览器都支持img的load事件。二、readystatechange事件 img - readystatechange event loading...readyStat...

html

加载

javascript

原创 2022-04-06 15:49:45 2660 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

axl234的博客

由经典面试题（从输入url到页面展示的详细过程）梳理前端知识体系

深入理解web

NPM中的版本号规则

一文搞定PC通过usb调试手机页面

Node.js 中运行定时任务

前端日志实践

关于前端技术、经验、团队、流程的总结

前端项目架构概述

webpack5之模块联邦

webpack5之模块联邦

关于Service Worker

在vue中使用传送功能 portal

前端性能优化之WebWorker

mysql存储emoji表情报错问题

前端常见内存泄漏及解决方法

使用NPM Scripts打造简单的自动化构建工作流

单线程的Node.js是如何实现高并发的

关于AnyProxy

uniapp实现拍照模板

uniapp运行环境版本和编译器版本不一致升级方案

解读JavaScript代码 var ie = !-[1,]

Javascript中闭包的作用域链

Javascript中正则表达式的全局匹配模式

让浏览器非阻塞加载javascript的几种方式

图片延迟加载并等比缩放，一个简单的JQuery插件

舌尖上的码农

由闭包引起的对javascript代码可维护性的思考

使用javascript oop开发滑动（slide) 菜单控件

代码复用原则:合理使用类组合和类继承

JavaScript判断图片是否加载完成

欢迎