Web前端第3页 - itfan123 - 第3页

首页
大杂烩
资源分享
技术教程

首页技术教程Web前端

bug记录后端技术 Web前端数据库运维开发工具 AI人工智能区块链 WEB3.0 专题头条

css怎么进行重排和重绘

重排（reflow）重新排列也可以称为回流当呈现树中的一些或全部元素的大小、结构或属性改变时，调用浏览器呈现部分或全部文档的过程。重排。以下操作会导致重新排列：页面的第一次呈现浏览器的窗口大小会更改。元素的内容会发生更改...

CSS

原创 3年前 (2022-10-21) 223 阅读 #CSS教程
CSS怎么进行移动端适配

meta viewport viewport也就是说，表示当前可见的计算机图形区域的视区通常与浏览器窗口相同。如何在移动端配置视窗？ =》 meta 标签上述的meta这个环境是我们理想的环境。他规定我们的视窗宽度是屏幕宽度，初始...

CSS

原创 3年前 (2022-10-21) 147 阅读 #CSS教程
JS中怎么解析url中的参数

解析url中的所有参数名称和值其主要实现思想是url中间参数部分的字符串被截取并逐级拆分，最后拆分成键值对，存在于对象中。 const getQuery = (url) =˃ { // str为?以下参数部件字符串...

js

原创 3年前 (2022-10-21) 116 阅读 #js教程
3分钟让你理解CommonJS和ES6模块化的区别

1、使用环境 CommonJS模块的require语法是同步的，结果是CommonJS模块规范只适合在服务端使用。因为如果在浏览器端同步加载一个模块，需要网络来确定速度，响应时间可能会很长。 ES6模块要么在。可以使用浏览器端或服务...

ES6 CommonJS

原创 3年前 (2022-10-21) 59 阅读 #Web前端
H5 中DOCTYPE的作用

DOCTYPE DOCTYPE是document type(文件类型)的简写。 DOCTYPE的作用告诉浏览器通过哪个规范(文档类型定义)。,DTD)解析文档浏览器模式为了更好地满足标准页面，最大限度地兼容成都与非法HTML，浏览器厂...

h5 DOCTYPE

原创 3年前 (2022-10-21) 0 阅读 #Web前端
CSS 怎么隐藏元素

display:none display:none 这是一种彻底的隐藏方法。隐藏的元素不占用空间，也不影响布局，当然也不能对事件做出反应。 visibility:hidden visibility:hidden 以这种方式隐藏的元素...

CSS

原创 3年前 (2022-10-21) 0 阅读 #CSS教程
Javascript有几种数据类型及存储位置

8种数据类型基本数据类型：String, Number, Boolean, Null, Undefined, Symbol, BigInt 引用数据类型：Object 存储位置基本数据类型：堆栈内存。引用数据类型：指针存储在堆栈...

JavaScript

原创 3年前 (2022-10-21) 90 阅读 #js教程
详解JavaScript 中defer和async异步加载的区别

内部和外部脚本向HTML页面插入JavaScript主要的方法是使用 script 元素，则有两种方法内联脚本：直接嵌入到页面中JavaScript代码 alert(这是一个内联脚本！)...

JavaScript async defer

原创 3年前 (2022-10-21) 0 阅读 #js教程
Vite对于Webpack的优势有什么

什么是Vite Vite是一种新的前端构建工具 Vite在大型项目开发模式中，打包速度远远高于webpack 为什么Vite可能会这么快 Vite性能优势主要来自于封装工艺的优化。优化有以下三点 1.快速冷启动 Vite只启动一个静态页面...

webpack Vite

原创 3年前 (2022-10-21) 119 阅读 #js教程
Vue有什么性能优化方案

如果没有权利 Vue 没有对该项目进行优化总结的学生可以参考本文作者的另一篇文章。《 Vue 项目绩效优化 — 实践指南》，文章主要介绍了从。 3 从大的方面来说，22 小方面详细说明了如何继续。 Vue 项目优化。代码级别的优化...

原创 3年前 (2022-10-21) 55 阅读 #Web前端
JS进程与线程介绍

什么是进程？我们都知道，CPU是计算机的核心，承担着所有的计算任务官方网站，进程是CPU资源分配的最小单位。从字面上看，它的意思是正在进行的计划。我把它理解为一个任务程序，可以独立运行，并有自己的资源空间。进程包括正在运行的程序以...

js

原创 3年前 (2022-10-21) 74 阅读 #Web前端
webpack的几种常用前端优化方案

1.JS代码压缩 terser 是一个JavaScript编译和压缩工具集可以帮助我们压缩和优化代码，并使包更小。在production模式下，webpack默认情况下，使用 TerserPlugin 要处理，如果您想要自定义配置，方法如...

webpack

原创 3年前 (2022-10-21) 115 阅读 #Webpack
H5中的fetch和AJAX有什么区别

AJAX $.ajax({ type: POST, url: url, data: data, dataType: dataType, success: function () {}, error: fu...

ajax h5

原创 3年前 (2022-10-20) 99 阅读 #Web前端
Vue中父子组件的生命周期的执行顺序

加载渲染进程首先创建父组件，然后创建子组件；也就是说，生命周期如下父beforeCreate 父created 父beforeMount 子beforeCreate 子created 子beforeMount 子mounted 父M...

vue

原创 3年前 (2022-10-20) 102 阅读 #js教程
什么是正向代理及反向代理

1.正向代理 1.1 概念转发代理是位于客户端和目标服务器之间的代理服务器(中间服务器)。为了从目标服务器获取内容，客户端向代理服务器发送请求，并指定目标服务器然后，代理将请求转发到目标服务器，并将获得的内容返回给客户端。在转发代理的...

正向代理反向代理

原创 3年前 (2022-10-20) 62 阅读 #Web前端
SEO优化前端解决方案

前言通常在"HTML语义化的好处"这样的问题有一点是“有益的”。SEO“那是什么呢？SEO呢？ SEO(SEO） SEO，全名为 Search Engine Optimization ，翻译为SEO 这是一种误解，我...

SEO

原创 3年前 (2022-10-20) 63 阅读 #Web前端
Vue2及Vue3的为什么v-if和v-for不能同时使用

前言在Vue官方文件，清楚写明不建议将v-for和v-if同时使用。因为当两者作用于同一元素时，优先级是不同的。在vue2中，v-for更高的优先级在vue3中，v-if更高的优先级 Vue2 在Vue2中，v-for优先级...

vue3 vue2

原创 3年前 (2022-10-20) 72 阅读 #Web前端
JavaScript的作用域和作用域链介绍

定义范围就是代码执行环境，全局执行环境是全局作用域，函数执行环境是私有作用域，它们是堆栈内存作用域链在定义函数时确定。内部环境可以通过范围链访问所有外部环境，但外部环境不能访问内部环境的任何变量和函数。当您需要访问内部函数中的...

JavaScript 作用域

原创 3年前 (2022-10-20) 111 阅读 #js教程
怎么解决iview中tooltip文字显示不下的问题

方法一 Multiple lines A balloon appears when the mouse passes over this text 方法二 render: (h, params...

iview

原创 3年前 (2022-10-20) 58 阅读 #Web前端
js中的async,await用法

async/await是Promise的语法糖 async async作为一个关键字，放在函数前面表示该函数是一个异步函数。 async函数返回一个 Promise对象，并且是resolve结果，可以使用。then方法添加了一个回调函...

js ES6 async await

原创 3年前 (2022-10-20) 0 阅读 #Web前端
Vue常用的修饰符有哪些

事件修改器 d .stop 防止点击事件冒泡 .prevent 阻止事件的默认行为 .self 仅当事件由事件绑定元素本身触发时才调用该事件。 .once 仅触发一次 .native 转变为原生事件 .capture 使用事件捕获模式,也...

vue

原创 3年前 (2022-10-20) 121 阅读 #uni-app
JavaScript数组去重的几种方式

let arr = [1,1,"1","1",true,true,"true",{},{},"{}",null,null,undefined,undefined] // 方法1 let uniqueOne = Array.from(new...

js JavaScript

原创 3年前 (2022-10-20) 119 阅读 #js教程
HTTP请求头中Referer有什么作用

Referer HTTP请求中，Referer是header部分，当浏览器。web当服务器发送请求时，它通常会随身携带请求。Referer，告诉服务器该网页是从哪个页面链接的，这样服务器就可以获得一些信息进行处理。例如，在 www.goo...

Referer

原创 3年前 (2022-10-20) 63 阅读 #Web前端
怎么对axios进行二次封装

步骤引入axios 创建axios实例设置请求拦截器(request interceptors）设置响应拦截器(response interceptors）暴露出去具体代码 //1. 先引入axios依赖包 import ax...

js axios

原创 3年前 (2022-10-20) 127 阅读 #js教程
js字符串函数 substr(),substring(),slice()的用法区别原创

1 三者区别 substr(start,length) 返回指定下标的长度。 length 的字符，可以是负数 substring(start,end) 返回指定的基础。字符，包含start，不包含end slice(start,...

js JavaScript substr

原创 3年前 (2022-10-20) 1 阅读 #js教程
JavaScript Promise的一些知识点重要

前言本文大部分出自阮易峰之手。ES6导论教程，原文链接在正文末尾。本文是个人编写的简明版本。什么是Promise Promise是一个对象，您可以从中获取用于异步操作的消息。 Promise提供统一的API，所有类型的异步操作...

JavaScript Promise

原创 3年前 (2022-10-20) 1 阅读 #js教程
JS中为什么基础数据类型是可以调用方法

问题为什么string此基础数据类型可以调用方法，如 ‘a’.indexOf(a) ,方法调用不是对象能力吗？解答 JS为了方便基础数据类型的操作，提供了它。3特殊引用类型：Boolean、Number、String，他们有基本类型...

js

原创 3年前 (2022-10-20) 67 阅读 #Web前端
JS怎么判断一个对象是否为空

for…in 利用 for...in 遍历对象，如果对象具有属性，则返回“Non-Empty”，否则返回“Empty” function fn(obj) { for (let key in o...

js JavaScript

原创 3年前 (2022-10-20) 125 阅读 #js教程
React JSX语法规则

React JSX语法规则定义虚拟DOM不要写引号混入标签JS该表达式将被使用。 {} 样式的类名被指定为不使用。 class ，要用 className 内联样式， style = { { key : value}} 的形式只有一...

react JSX

原创 3年前 (2022-10-20) 2 阅读 #React
vue npm run 启动报错:【Error:listenEADDRINUSE:addressalreadyinuse:::8099】解决方法

报错场景 vue项目启动， npm run dev 之后，报告错误，如图所示。【Error: listen EADDRINUSE: address already in use :::8099】原因分析用于启动服务的地址端口已在使用...

vue npm

原创 3年前 (2022-10-20) 0 阅读 #js教程
JavaScript async-pool实现控制并发请求原创

什么是并发控制假设有6我们希望限制同时执行的任务的数量，即E。最多只能2任务可以同时执行。当您执行任何任务列表时1任务完成后，程序将自动从待办任务列表中获取新的待办任务，并将该任务添加到正在执行的任务列表中。图解 async-po...

JavaScript async-pool

原创 3年前 (2022-10-20) 0 阅读 #js教程
什么是DOM0，DOM1，DOM2，DOM3及他们的区别

DOM （Document Object Model)文档对象模型关于JS事件 JS该程序使用事件驱动的设计模式向元素添加事件侦听功能。当该元素对应的事件被触发时，会调用添加的事件监听函数。事件是JS和HTML交互的基础是通过绑定事件...

DOM0 DOM1 DOM2 DOM3

原创 3年前 (2022-10-20) 48 阅读 #Web前端
浅谈ES6 vue路由懒加载的实现与原理分析

ES6 为什么需要路由延迟加载首先，vue的特点是SPA也就是说，单页面应用程序。如果路由不用于延迟加载，则在webpack打包后，所有页面都将存储在相同的JS在文件中，如果页数较大，则会导致JS文件太大，导致进入主页时加载时间较长...

vue ES6

原创 3年前 (2022-10-20) 1 阅读 #Web前端
后端返回大量数据，前端怎么高效渲染

本文给出了三种写入方法，从低到高按性能和效率的顺序进行了改进。建议循序渐进地深化认识。 setTimeout分页渲染通过数据条总数 total ，以及每页的文章数量限制 limit ，计算总页数 totalPage ，通过 setTi...

渲染高效

原创 3年前 (2022-10-20) 182 阅读 #Web前端
react路由怎么传递参数

params参数路由链路(携带参数)： <Link to = {/demo/test/tom/18}> </Link > 注册路线(已收到领款申请)： <Route path= /demo/test/:na...

react

原创 3年前 (2022-10-20) 206 阅读 #React
读懂数据vue响应式和双向绑定原理

数据响应和双向绑定vue中有不同的概念数据响应数据响应的作用是：数据驱动的视图 1.1 数据响应 Vue采用的是数据劫持与发布和-订户模式通过拦截数据的操作，当数据发生变化时。消息被分发给订阅者，触发相应的监听回调。...

vue

原创 3年前 (2022-10-20) 174 阅读 #Webpack
redux的纯函数和高阶函数区别

纯函数只要它是相同的输入(参数)，它就必须获得相同的输出(返回) 参数数据不得重写无网络请求、输入输出设备等副作用。不能调用 Data.now() 或者 Math.random() 例如不纯方法 redux的 reducer 函数必...

redux

原创 3年前 (2022-10-20) 63 阅读 #Web前端
react怎么指定ref的三种方式

字符串方法 class Demo entends React.Component{ const {input1} = this.refs showData = () =˃ { console.log(in...

react

原创 3年前 (2022-10-20) 67 阅读 #Web前端
怎么理解React中受控组件和非受控组件

受控组件在HTML表单元素中，输入类。DOM，与用户的输入，通过。 onChange 事件和 setState ，维护数据 state 在需要时，从 state 在其中获取数据的组件称为受控组件。官方推荐表尽可能多地使用受控组件。受控...

组件 vue react

原创 3年前 (2022-10-20) 86 阅读 #Web前端
react框架生命周期与在父子之间组件中的执行顺序详解

前言 react 生命周期是指组件从创建到卸载的整个过程。每个进程都有一个将被调用的对应钩子函数。它主要有以下几个阶段：挂载阶段：创建并插入零部件实例。 DOM 树的过程更新阶段：重新呈现组件的过程。卸载阶段：组件从 DOM...

react

原创 3年前 (2022-10-20) 1 阅读 #js教程
react常用hooks用法有哪些？

hooks的作用在react16.8在该版本之后，由于hooks功能组件被扩展，根本不使用。"类"，您可以编写功能齐全的组件。 React Hooks 其含义是组件被尽可能地编写为纯函数。如果需要外部函数和副作...

react hooks

原创 3年前 (2022-10-20) 84 阅读 #js教程
什么是redux redux入门教程

redux定义 redux是做某事的特殊目的状态管理的 js库它可以用于本机js，react，vue，angular和其他项目，但基本上。react配合使用角色：集中管理react应用程序中有多个组件共享的状态在什么情况下...

redux

原创 3年前 (2022-10-20) 0 阅读 #Web前端
react中setState更新状态几种方式

2 前言 setState 在合成事件和挂钩函数、本机事件和 setTimeout 已同步到对象编写 setState(stateChange, [callback]) stateChange 更改状态的对象(该对象可以反映状态变化...

react

原创 3年前 (2022-10-20) 86 阅读 #js教程
JS怎么实现简易观察者模式

// 观察或消息发布机构 class Subject { constructor(name) { this.name = name this.observers = [] // 存储观察者...

原创 3年前 (2022-10-20) 50 阅读 #Web前端
react怎么做性能优化

优化 shouldComponentUpdate 生命周期的逻辑，避免不需要的呈现和 dom 操作在 componentWillUnmount 生命周期阶段、清除计时器、订阅、监听等操作向列表数据添加唯一标识。 key 使用 Pure...

react

原创 3年前 (2022-10-20) 76 阅读 #Web前端
react组件间怎么通信父组件和子组件之间组件和子组件之间

父组件和子组件之间的通信父传子 1. props 父零部件将传递给子零部件。 props ,子组件接收 // 父组件 function Parent (){ const [name,setName] = useState(fran...

原创 3年前 (2022-10-20) 0 阅读 #Web前端
怎样从Vue2升级到Vue3

隐患 Vue3实现数据响应的方法是。 Proxy ，对IE11存在以下版本兼容性问题框架的底层进行了大量的重构，增加和放弃了很多东西。API这些地方需要修改，以确保程序的运行。依赖关系也需要升级，包括vue相关插件和第三方插件。...

vue vue3 vue2

原创 3年前 (2022-10-20) 99 阅读 #js教程
Vue v-model语法糖在组件中的使

一：基本 1:主要用于 input，select，textarea，component 2:修饰符： .lazy - 取代input监听change事件 .number - 将输入字符串转换为数字将输入字符串转换为数字 .trim - 输入...

vue

原创 3年前 (2022-10-20) 0 阅读 #js教程
Silverlight中 RichTextBox的Xaml绑定

RichTextBox是Silverlight是一个重要的控件，它经常用于呈现SL使用此控件可以呈现常见的粗体、斜体、下划线、段落、加载各种控件等。它支持XAML格式化文本输出，这在实践中使用得更广泛。说到这里Silverlight也许你用...

原创 3年前 (2022-10-20) 0 阅读 #Web前端
CSS display及属性的用法

** DIV1 DIV2 这里DIV1和DIV2单独的行，但当您向它们添加属性时，它们会发生变化 DIV1 DIV2 DIV1和DIV2这一次它显示在同一行，尝试它这次它显示在同一行，尝试它** 和 dis...

CSS

原创 3年前 (2022-10-19) 0 阅读 #CSS教程

‹‹ ‹ 1 2 3 4 › ››

最新文章

解决SolidWorks2019许可证错误-85440 3个月前 (02-11)
解决sklearn.datasets.fetch_20newsgroups下载速度慢的问题 3个月前 (02-11)
解决sklearn.datasets.fetch_20newsgroups下载报错问题分享 3个月前 (02-11)
解决Scratch3.0scratch-hex文件下载失败问题 3个月前 (02-11)
解决RHEL7无法使用YUM源的问题 3个月前 (02-11)
解决Qt应用中遇到的libpngwarningiCCPknownincorrectsRGBprofile问题 3个月前 (02-11)
解决QT启动时找不到python36.dll问题 3个月前 (02-11)
解决Qt5在麒麟Linux下不能输入中文问题 3个月前 (02-11)
解决QT5.12.6使用32位MinGW编译器无法使用SSL协议问题 3个月前 (02-11)
解决PyTorchCUDA编译问题指南 3个月前 (02-11)

网站分类

大杂烩
资源分享
技术教程

热门

1 PHP导出csv文件 在PHP代码中想要将数据导出到浏览器，如下：持续下载利用 php://output 输出流，以及 fputcsv 函数， yield 语法糖 public function export() { $regions = Regio...
2 Linux之使用Java空间 下载地址： Java Archive Downloads - Java SE 8u211 and later https://www.oracle.com/java/technologies/javase/javase8u211-late...
3 PHP生成器的操作yield功能优化 什么是生成器？听着高大上的名字，感觉像是创造什么东西的一个功能，实际上，生成器是一个用于迭代的迭代器。它提供了一种更容易的方式来实现简单的对象迭代，相比较定义类实现Iterator接口的方式，性能开销和复杂性大大降低。说了半天不如直接看...
4 一文看懂字符和字节的意思 前言我们在数据库建表时，经常会困扰某个字段应该选择什么数据类型，以及填写什么长度。选择数据类型方面一般没什么大问题，但是在填写对应的长度的时候，很多人就会困扰，对应长度填写的数字到底是什么含义，以及会影响到哪些东西。笔者在翻阅网上的相关文...
5 css三角形原创 &::after { content: ‘’; position: absolute; width: 0; height: 0; border-top: 30rpx solid #fff; border-left: 30rpx so...
6 PHP使用redis实现分布式锁 话不多说直接上代码 $redisLock = Redis::lock(key, value, 5);//key使用商品id，value使用用户id拼接时间戳和随机字符 try { //获取锁：适用于n个人抢1个商品的场景，避免出现多...
7 SQLserverDate对象 前言：在SQL server在中，当我们以日期和时间格式处理数据时，需要确保数据的格式与数据库中要求的格式一致，否则很容易看到数据无法插入到数据库中。或者在查询数据时存在显示不完整的问题。我们可以通过数据库内置的日期处理程序来解决数据格...
8 JAVA内存泄漏详解（范例及解决办法）版权声明 尝试了通过一张图片转载，效果还可以，就是原博主的代码格式太酷炫，亮瞎了哈。?...
9 JavaScript编程实现防抖和排气 一、什么是防抖和节流 Ps : 比如搜索框，用户在输入的时候使用 change 事件去调用搜索，如果用户每一次输入都去搜索的话，那得消耗多大的服务器资源，即使你的服务器资源很强大，也不带这么玩的。防抖 - debounce 其中一...
10 php前后端通过json数据传值转载 前端密钥代码密钥前端代码前端密钥代码(需要下载jquery-3.3.1)： <script src="js/jquery-3.3.1.min.js" type="text/javascript"...

文章归档

2025年2月 (57536)
2025年1月 (2)
2023年10月 (3)
2023年9月 (1)
2023年5月 (379)
2023年4月 (1)
2022年12月 (156)
2022年11月 (1234)
2022年10月 (993)
2022年7月 (3)
2022年5月 (13)

粤ICP备19068341号
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除
Powered By Z-BlogPHP Theme By 编程老白