前端
关注
分享
扫一扫
文章平均质量分 51
weixin_46265647
这个作者很懒，什么都没留下…
展开
-
好用的前端开发插件(持续更新中）
React dev toolshttps://www.cnblogs.com/xiaoxuStudy/p/13339641.html原创 2022-03-15 15:28:45 · 1003 阅读 · 0 评论 -
一个简单Demo了解函数柯里化
函数柯里化原创 2021-12-18 18:27:38 · 251 阅读 · 0 评论 -
防抖与节流(含demo)
节流 防抖原创 2021-12-18 18:20:45 · 125 阅读 · 0 评论 -
JS精通正则表达式
转载自https://www.cnblogs.com/aaronjs/archive/2012/06/30/2570970.html正则表达式可以:•测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证•替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普转载 2021-10-18 20:06:52 · 120 阅读 · 0 评论 -
JS的几种继承方式
介绍一下几个常用的继承方式实现继承之前 我们先设置父类function Animal(name){this.name=name;this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}Animal.prototype.eat = function(food) { console.log(this.name + '正在吃：' + food); };let dog=new Animal('dog');dog原创 2021-10-13 19:42:06 · 102 阅读 · 0 评论 -
JS垃圾回收机制
什么是垃圾一般来说没有被引用的对象就是垃圾，就是要被清除， 有个例外如果几个对象引用形成一个环，互相引用，但根访问不到它们，这几个对象也是垃圾，也要被清除。如何检测并清理垃圾一、标记清除标记清除的主要思想是先建立各个对象的关联，然后从根节点出发，使用广度优先搜索依次标记所有对象，那些不能被标记的对象就应该作为垃圾回收。二、引用计数引用计数的主要思想是为内存中的每个对象保持一个计数器，如果一个对象的引用次数为0，那么这样的对象就可以作为垃圾回收了。例如：A、B都是Obj对象的引用，那么Obj的引用原创 2021-10-13 16:47:08 · 85 阅读 · 0 评论 -
Webpack
今天来学习一下Webpack什么是Webpack?本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。核心概念入口入口起点(entry point) 指示 webpack 应该使用哪个模块，来作为构建其内部 依赖图(dependency gra原创 2021-09-10 19:39:59 · 68 阅读 · 0 评论 -
移动端适配--像素
移动端适配--像素一个网页，在电脑端和pc端，设置同样的像素，为什么显示的大小不同？如何确保网页在移动端中有一个比较好的浏览效果呢？一个网页，在电脑端和pc端，设置同样的像素，为什么显示的大小不同？当通过移动设备去访问一个网页时，为了可以完整的将网页呈现，移动设备通常会将视口大小设置为980px（CSS像素）如果网页的宽度大于980px，移动端浏览器为了完整的呈现网页会对网页进行缩放，使网页可以完整显示.由于pc端的网站在移动端呈现时，实际的像素比都在1:0.6以下,同时由于移动设备的像素本来就很小，这原创 2021-09-07 15:58:30 · 328 阅读 · 0 评论 -
前端设计模式汇总
前言设计模式对于学习前端的同学来说肯定不陌生,无论是面试或者开发都会设计到设计模式,今天我们就来详细了解一下常见的设计模式什么是设计模式设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的辅助。常用的设计模式1. 单例模式2. 工厂模式3. 策略模式4. 代理模式转载 2021-06-17 15:50:45 · 79 阅读 · 0 评论 -
Vue diff算法
关于Diff算法Diff算法算是Vue中较为核心的算法,也是前端面试中经常考察的算发,今天我们就来详细了解一下当数据发生变化时Vue如何更新节点?要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和o原创 2021-06-17 15:08:21 · 165 阅读 · 0 评论 -
OSI七层模型详解
OSI定义了网络互连的七层框架（物理层、数据链路层、网络层、传输层、会话层、表示层、应用层），即ISO开放互连系统参考模型。如下图。<1> 应用层OSI参考模型中最靠近用户的一层，是为计算机用户提供应用接口，也为用户直接提供各种网络服务。我们常见应用层的网络服务协议有：HTTP，HTTPS，FTP，POP3、SMTP等。实际公司A的老板就是我们所述的用户，而他要发送的商业报价单，就是应用层提供的一种网络服务，当然，老板也可以选择其他服务，比如说，发一份商业合同，发一份询价单，等等。原创 2021-06-17 14:38:41 · 213 阅读 · 0 评论 -
小米商城网页制作代码
采用的架构为html+css+jsHTML<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>小米闪购-小米商城</title> <!-- 引用图标 --> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <!-原创 2021-02-28 21:03:14 · 6852 阅读 · 0 评论 -
vue+webpack基本组件介绍
运行你的项目npm run dev 运行指令将项目打包至listnpm run build 打包指令打包至listaxiosinstall axios vue-axios --savs --save-exact使用import axios from ‘axios’import VueAxios from ‘vue-axios’Vue.use(VueAxios,axios)#css样式css文件放assets在App.vur整个网页的入口入口的组件：main.js提示webp原创 2021-02-04 15:01:23 · 113 阅读 · 0 评论 -
制作一个可以修改/删除/查看详情并评分的电影网页
使用语言cssJshtm使用框架vue前后端分离技术代码部分主页部分movie.html <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="./movie.css" /> </head&原创 2021-01-29 16:10:21 · 1251 阅读 · 0 评论 -
vue前端入门——制作一个电影网页
使用语言Html5JScss使用框架基于vue的前后端分离技术movie.HTMl<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="./movie.css" /></head><body><s原创 2021-01-22 16:22:16 · 7323 阅读 · 1 评论