web前端
关注
分享
扫一扫
zhangyubababa
这个作者很懒，什么都没留下…
展开
-
动态背景图制作简单
动态背景原创 2024-03-14 14:59:05 · 465 阅读 · 0 评论 -
用vue3.0 +vue3.2+vue2+vite+echarts+datav 遇到的坑
上午有个BUG 在vue3 中 引入 vue2 子组件 传值 传不过去， 解决办法 是用wath 深度监听； 数据存入实例的data中 就OK了； vu父组件v3 用ref 定义数组， 不用 reactive原创 2023-03-02 01:50:53 · 804 阅读 · 0 评论 -
rgb透明色
css原创 2023-03-02 00:52:55 · 370 阅读 · 0 评论 -
JS中常见的几种错误
JS中常见的几种错误原创 2023-03-01 16:40:08 · 93 阅读 · 0 评论 -
安装cnpm
安装cnpm原创 2023-01-30 16:56:22 · 129 阅读 · 0 评论 -
SVN解决冲突，全网最细，没有之一
svn转载 2022-10-28 11:16:48 · 261 阅读 · 0 评论 -
chroem浏览器debuger，断点，代码折叠
chroem浏览器debuger，断点，代码折叠原创 2022-10-14 17:14:57 · 658 阅读 · 0 评论 -
js 对象数组中， 对象的去重；2种方法；一种用对象缓存（中转） ，一种fifter + Map
js 对象数组中， 对象的去重原创 2022-09-21 14:50:10 · 225 阅读 · 0 评论 -
跨容器拖拽，原生js
拖拽事件原创 2022-09-15 10:40:33 · 217 阅读 · 0 评论 -
win11 删除系统自带输入法
哈啊啊啊啊啊啊啊啊 哈哈哈哈哈原创 2022-08-26 11:12:44 · 546 阅读 · 0 评论 -
安装node，更改全局安装包的位置，以及配置环境变量
node更改全局安装包的位置，以及配置node环境变量原创 2022-08-22 21:35:40 · 3262 阅读 · 0 评论 -
html表格的属性
tr 是行 td是列 tr可以不用写什么属性tr 和td 必须写在table 标签中 才会显示出 在tr或者td中 写的 css属性只有td 和th(表头的列) 可以写 colspan 和rowspan 属性 跨行 跨列 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont.原创 2022-04-01 09:02:24 · 518 阅读 · 0 评论 -
Vscode插件 vue 跳转到函数 或data
vue-helper 插件原创 2022-03-24 10:53:32 · 1021 阅读 · 0 评论 -
在vscode中结合chrome浏览器debugger
export async function GetDeloitteStaff(params) {//获取员工信息 debugger return request(Ip + '/api/pes/GetDeloitteStaff', { method: 'POST', body: params, });}debugger 语句的函数，当函数被调用时，会尝试调用一个可用的调试器进行调试。在任意函数中 可写...原创 2022-03-11 16:57:07 · 392 阅读 · 0 评论 -
js中下载文件
//实现文件下载export const blobDownload = (response) => { const realFileName = response.FileName; //下载的文件名 const realFileType = response.FileType; //下载文件类型 const data = window.atob(response.FileContent); //下载的文件流 const aBuffer = new window.ArrayBuffe原创 2022-02-23 17:11:54 · 1334 阅读 · 0 评论 -
写的很好的博主React
关于前端框架的原理https://www.cnblogs.com/axl234/p/15268102.html用 React Hooks 造轮子https://www.cnblogs.com/axl234/p/15211638.html写的很好的博主https://www.cnblogs.com/axl234/原创 2022-02-16 11:35:46 · 255 阅读 · 0 评论 -
多个三目的格式
const i = 3;const value = i === 1 ? "111" : i === 2 ? "222" : i === 3 ? "333" : i === 4 ? "444" : "555"; console.log(value);//333相当于 if(){}else if(){}else{}原创 2022-02-11 15:58:55 · 318 阅读 · 0 评论 -
antd 组件使用全局CSS样式
global.less.hidden{ display: none;}组件： <div className={pageLoading ? 'hidden' : styles.Box} >原创 2022-02-11 11:37:17 · 1355 阅读 · 0 评论 -
history.back(-1)和history.go(-1)的区别
history.back(-1)和history.go(-1)的区别转载自：http://www.uw3c.com/jsviews/js96.html目录：1这个方法的用途2两个方法的区别3总结概述：H5页面做多了，自然就会做到页面上的返回功能，返回功能大致有两种：history.back(-1)和history.go(-1)，今天我们来说说两种方法的区别。history.back(-1)和history.go(-1)的区别这个方法的用途返回一个页面方法有很多，就好比给返回按钮绑定一个U转载 2021-11-25 16:18:14 · 323 阅读 · 0 评论 -
域名、主机名、网站名以及 URL 基础概念
原创 2021-11-12 15:21:39 · 983 阅读 · 0 评论 -
JS 一个数组过滤另一个数组
let ids = [1,2,3];let arr = [1,2,3,4];let newArray = []; arr.forEach(item => { //遍历arr //此处如果需要留下重复元素,则将!去掉即可 //arr中的元素如果在ids中不存在,则添加到新数组中 if (!ids.includes(item)) { newArray.push(item); }; })console.log(newArr转载 2021-10-13 19:57:39 · 2366 阅读 · 0 评论 -
npm / cnpm / yarn / tyarn基础配置
在安装node.js使用npm命令之前，需要做一下基本配置，比如配置淘宝的CNPM，修改NPM/YARN的缓存路径以防止C盘被几十万的缓存文件弄爆炸。在此汇总一下，以下配置基于windows。本文主要解决：npm/yarn缓存清理、修改npm/yarn默认缓存目录（global & cache），修改npm/yarn默认源为淘宝源。请请注意，修改npm/yarn默认缓存目录为我个人喜好，请根据实际情况操作。官网汇总https://nodejs.org/https://npm.taobao.转载 2021-07-20 15:29:54 · 534 阅读 · 0 评论 -
node中间件是什么意思？
node中间件是什么意思？2020-09-11 16:11:17分类：常见问题 / Node.js答疑阅读(1757)评论(0)中间件是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/ 服务器的操作系统之上，管理计算机资源和网络通讯。node中间件：1、中间件就是一种功能的封装方式，就是封装在程序中处理http请求的功能，2、中间件是在管道中执行3、中间件有一个next()函数，如果不调用next函数，请求就在这个中间件中终止了，4、中间件和转载 2021-04-25 10:23:57 · 1623 阅读 · 0 评论 -
webpack-code-spilit 代码分割（分包）
这是代码分割的第三种方式；两段代码 实现代码分割常用的方式；单页面的原创 2021-03-02 18:12:57 · 325 阅读 · 0 评论 -
webpack-缓存：babel、文件资源；chunk是什么
原创 2021-02-24 16:56:36 · 406 阅读 · 0 评论 -
webpack-HtmlWebpackPlugin优化html模板的配置
原创 2021-02-24 16:11:58 · 135 阅读 · 0 评论 -
webpack-用es6优化代码；展开loader
原创 2021-02-24 15:51:19 · 228 阅读 · 0 评论 -
webpack-babel-loader三种兼容方式
3：推荐 按需加载原创 2021-02-24 15:47:28 · 353 阅读 · 0 评论 -
webpack-less loader处理过程
原创 2021-02-24 15:39:03 · 164 阅读 · 0 评论 -
webpack-性能优化总结
原创 2021-02-24 15:38:08 · 109 阅读 · 0 评论 -
webpack-tree-shaking
原创 2021-02-24 15:31:16 · 81 阅读 · 0 评论 -
webpack-OneOf优化生产环境的打包构建速度；优化loader
原创 2021-02-23 15:05:02 · 247 阅读 · 0 评论 -
webpack-HRM 热模块替换
原创 2021-02-23 14:44:22 · 181 阅读 · 1 评论 -
webpack-source-map 优化
原创 2021-02-23 14:42:54 · 123 阅读 · 0 评论 -
.native是什么？
.native是什么？.native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件原创 2021-02-19 16:49:52 · 1305 阅读 · 0 评论 -
超实用，js将一位数组分割成每三个一组
js将一位数组分割成每三个一组var data = [{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:‘25’},{name:‘Liming’,age:原创 2021-02-19 15:29:26 · 1486 阅读 · 0 评论 -
浏览器渲染机制2021-2.18
在这里插入图片描述原创 2021-02-18 17:14:56 · 90 阅读 · 0 评论 -
超实用，制作背景图 和小图标
.Main-FootBox { background: url(../../assets/bg66.png) no-repeat center; background-size: cover; margin-top: pxToRem(30); position: relative; .h6 { font-size: pxToRem(18); text-align: right; padding-top: pxToRem(16)...原创 2021-02-18 14:40:23 · 139 阅读 · 0 评论 -
浏览器渲染机制
原创 2021-02-08 11:11:32 · 90 阅读 · 0 评论 -
超实用，背景图制作小图标技巧
.h6triang { background: url(../../assets/bg5.png) no-repeat center; position: absolute; width: 0.25rem; height: 0.25rem; left: 2rem; top: 0.36rem; background-size: cover; }原创 2021-02-07 17:47:09 · 154 阅读 · 0 评论