- 博客(111)
- 收藏
- 关注
RSS订阅原创 使用Electron运行打包后的vue程序时报错“ReferenceError:process is not defined”
Electron打包vue运行程序 ReferenceError: process is not defined 的解决方案
2022-10-09 10:35:19
3415
原创 Node Sass does not yet support your current environment
node-sass和node版本问题处理
2022-07-01 10:37:27
1893
原创 react+ant-design(后台管理系统)Select组件下拉框Option动态渲染
1.发送axios请求后端（这里就不展示了）2.直接上干货描述：首先有form表单其次有select组件在这里我使用的是可以下拉搜索得（antd里面可以查到）重点是这段代码 {dataSource && dataSource.map(item => ( <Option key={item.id}>{item.area}</Option>)) }在这里要千万记住item箭头后面得渲染html得代码用圆括号（），而不是中括号{}！
2022-02-18 11:36:17
4226
3
原创 React-Hook遇见的一些问题
我们在使用react框架时有时候会用到hook，hook是react16.8新增的一个特性，作用就是让无状态组件/函数组件 可以使用状态、ref等一些特性Hook不能在class组件中使用Hook在使用过程中会遇到以下问题因为React默认组件是使用的大写字母开头，而自定义Hook函数使用的是use开头，所以我们这里需要修改有两种办法，最简单的就是将函数名a修改为A，这样就不会报错了。...
2022-02-09 09:49:10
866
原创 Vue 的父组件和子组件生命周期钩子函数执行顺序？
Vue 的父组件和子组件生命周期钩子函数执行顺序？1、首次加载渲染过程父 beforeCreate -> 父 created -> 父 beforeMount-> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted-> 父 mounted2、子组件更新过程父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated3
2021-12-21 10:38:47
109
原创 最近也算很火的Agular和vue到底有什么区别，就简单分析下
Agular和vue到底有什么区别angularvue框架对比总结angularangular一般指 angular2 及以上版本。2010年9月，Google 发布首次angular，即angular1版本。2016年10月 Google 又发布了angular2版本，但是2版本与1版本有非常大的区别，几乎是全部重写，且不向前兼容，更像是一个全新的框架。遂将angular1改名叫angularJs，现angular特指angular2+。vue于 2014 年 2 月首次由 Google 前员工尤
2021-12-17 16:42:34
558
原创 在使用tr的时候经常遇到的错误1
我们在使用tr、td等表格类的时候会经常遇到这样一个问题英文大致意思如下：警告：ValidatedMonitoring（…）：<tr>不能显示为<table>的子级。向代码中添加<tbody>，以匹配浏览器生成的DOM树。解决这个问题也很简单，因为提示已经告诉我们只需要加个tbody就可以了，所以我们在tr的外层加一层tbody就可以了，示例如下：学费了吗？！！！...
2021-12-17 16:33:08
1041
原创 列表渲染循环过程中遇到的问题
1、列表渲染循环过程中遇到的问题我们在做项目的时候是不是会出现这样的问题，虽然他不影响程序的正常运行，但是我们看着很难受，所以应该怎么做呢？很简单很简单：循环的时候加个key={i} 虽然加或者不加不会影响程序的运行，但是加总比不加好吧。如下图：此时我们应该给循环那一块的父元素加上key作为唯一标识：如上图所示，此时浏览器就不会报错了！很简单吧！...
2021-12-17 16:30:06
150
原创 请求拦截器和响应拦截器
拦截器就是在数据请求的过程中 拦截请求 或者是 拦截响应的一个技术。请求拦截器 就是在发送请求的使用进行一些操作。响应拦截器 就是拦截在响应的时候进行的一些操作。比如 ：登录错误返回登录的状态实现：1.下载axios npm install --save axios2.新建utils 文件夹 工具文件夹3.编写如下代码:// 拦截器// 1.引用axiosimport axios from "axios"// 2.创建axios实例let service=axio
2021-12-07 19:38:44
1330
原创 Vue的混入（mixin）
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。通俗一点来说就是将需要需要复用的属性和方法进行封装 方便其他组件进行使用。1、例子使用：在src下创建一个文件夹这个文件夹用来存放混入封装的复用内容// 定义一个混入对象let myMixins = { // 原来vue中怎么写属性或者方法 那么在这个对象中就怎么 created: function
2021-12-07 19:35:30
159
原创 用Vscode中Tsc编译TS文件转为JS文件的时候报错
报错问题：在用vscode编译器将ts文件转为js文件的时候，使用命令tsc test.ts编译的时候报错，报错问题显示“在此系统上禁止运行脚本”。解决方案：1、查看ts版本号：使用命令tsc -v有的话则是ts已经装好，没有的话使用命令 npm install --save typescript来安装，注意尽量在全局下安装，也就是在搜索框输入cmd打开命令提示符随后全局命令安装typescript。2、win+x打开目录，选择Windows PowerShell（管理员）3、选择管理员进
2021-12-02 16:08:51
2661
1
原创 预加载和懒加载的区别，预加载在什么时间加载合适
• 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。预加载是牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。• 懒加载也叫延迟加载：按照一定的条件或者需求等到满足条件的时候再加载对应的资源。懒加载页面加载速度快、可以减轻服务器的压力、节约了流量,用户体验好。• 预加载使用场景：在网页全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白，直到所
2021-12-02 14:29:27
799
原创 怎么的到url中的参数
1、split( )分解法。将URL中的字符按照？，&进行一层一层的分解，将分解得到的参数保存在一个数组中，如果其他地方需要某个参数，直接遍历这个数组，得到自己想要的参数。2、正则表达式分解法。将URL用正则表达式进行分解，直接得到想要的参数，从返回的matcher中得到想要的参数值。...
2021-12-02 14:28:11
112
原创 什么是数组扁平化,把一个二维数组变成一维数组的方式有哪些
数组扁平化就是指将多维数组变为一维数组把一个二维数组变成一维数组的方式:1、for-in2、reduce()3、toString()4、join()5、解构6、flat()7、ES6扩展运算符（…）—扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。扩展运算符的作用：1、合并数组2、函数多参数传递, 替换Apply3、与解构配合赋值4、可以展开实现了Iterator 接口的对象5、...
2021-12-02 14:26:26
575
原创 什么是CDN？
1、CDN，全称内容分发网络（Content Delivery Network），你可以简单地将其理解成一个离你很近的、可以从上面获取到完整的原始数据的服务器，它会定期和拥有原始内容的服务器进行同步，保证用户可以从上面获取到最新的内容。2、CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。...
2021-12-02 14:21:01
610
原创 打包手机app（手机可以下载）
此过程是建立在编译器为HBuilder条件下！！！直接上图看图！1、打包的话直接选择（5+App）点击创建2、选择Android,然后点击修改manifst配置。3、修改基础配置4、修改图标配置5、修改模块配置6、返回之前的模块，选择使用公共测试证书，点击传统打包。7、等待打包结束就可以将网址复制到浏览器，然后在手机下载...
2021-12-01 17:54:04
2185
原创 浅谈递归。
自己直接或间接调用自己本身 --函数调用发生在栈中let a = 0； function fun() { console.log(++a)； fun(); } fun();优点：代码简洁 容易验证缺点：要进行多次的调用，层数深的话会增加额外的栈处理，占用内存。递归次数太多的话，也会造成栈溢出注意：跟循环比较像；递归有终止条件；可类比房子迷宫（循环得特点是：速度快，结构简单，但是不能解决所有问题）...
2021-12-01 17:41:01
239
原创 说说TCP传输的三次握手四次挥手策略
为了准确无误地把数据送达目标处，TCP协议采用了三次握手策略。用TCP协议把数据包送出去后，TCP不会对传送 后的情况置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志：SYN和ACK。发送端首先发送一个带SYN标志的数据包给对方。接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。 最后，发送端再回传一个带ACK标志的数据包，代表“握手”结束。 若在握手过程中某个阶段莫名中断，TCP协议会再次以相同的顺序发送相同的数据包。断开一个TCP连接则需要“四次挥手”：第
2021-11-30 21:32:57
174
原创 简述JPG，GIF，Png-8，Png-24的区别，及其各自的使用场景
gif、jpg、png格式的图片在网站制作中的区别Gif格式特点:Jpeg（jpg）格式特点:Png格式特点:对Png8的误解:Gif格式特点:1.透明性,Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。2.动画,Gif这种格式支持动画。3.无损耗性,Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。4.水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的，当压缩gif的过程中，像素是由上到下水平压
2021-11-30 21:30:32
1046
原创 语义化的理解？
1.html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析。2.在没有样式Css情况下也以一种文档格式显示，并且是容易阅读的。3.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。4.使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。...
2021-11-30 21:26:04
219
原创 JS中的内存泄露
内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。怎样避免内存泄漏：1、避免误建全局变量：在 JS 中使用未定义的变量，会在全局对象中定义一个新变量。在浏览器中，全局变量是 window。2、注意定时器或回调函数的使用：使用定时器不可避免，但尽量少使用，尽量在使用完定时器后，使用 clearInterval 或者 clearTimeout。...
2021-11-30 21:08:26
880
原创 浅谈垃圾回收机制
垃圾回收是一种动态存储管理技术，它自动地释放不再被程序引用的对象，按照特定的垃圾收集算法来实现资源自动回收的功能。当一个对象不再被引用的时候，内存回收它占领的空间，以便空间被后来的新对象使用，以免造成内存泄露。...
2021-11-30 21:06:42
95
原创 使用react搭建的脚手架去运行项目，会发现和react浏览器插件或者react工具冲突，怎么解决？
日常在使用react搭建脚手架做项目的时候，在运行项目的时候会出现以下报错则意味着脚手架与浏览器已装的react工具也可以叫浏览器的react插件冲突，所以会导致页面不出来，呈现空白，报错如下:解决方法如下：1、关闭此插件和此工具2、上面方法不适用，可以打开你的项目，找到所有依赖–node_modules,在此文件夹下找到@pmmmwh/react-refresh-webpack-plugin此文件夹，在文件夹下找到client文件夹并打开，此时会发现一个js文件，文件名为ReactRefresh
2021-11-30 09:13:00
976
原创 常见的浏览器内核有哪些
• IE 浏览器：Trident• 火狐：Gecko 代码开源• 苹果 & 谷歌旧版本: Webkit• 谷歌 & 欧鹏: Blink
2021-11-26 20:29:04
69
原创 子元素如何在父元素中居中（必看）
子元素如何在父元素中居中定位+margin:auto定位+margin-left+margin-top定位+transfrom（子元素未知宽高）弹性盒flex+margin: auto定位+margin:auto1、给父元素设置绝对定位 position：relative 子元素相对定位 position：absolute2、left:0 top:0 right:0 ; bottom:0 ; margin:auto定位+margin-left+margin-top1、给父元素设置绝对定位
2021-11-26 20:28:04
788
原创 React 如何实现组件传值
React 如何实现组件传值正向传值--使用 props（父发送数据，子接收数据）逆向传值---函数传值跨组件传值---context正向传值–使用 props（父发送数据，子接收数据）逆向传值—函数传值子组件通过事件调用函数传递在子组件中使用 this.props.调用的函数名绑定发送数据在父组件中进行函数传递同级传值—pubsub-js在第一个要传值的组件中进行数据抛出 PubSub.publish(" 事件名","数据")在第二个要接收数据的组件中接收 PubSub.subscrib
2021-11-26 20:19:12
533
原创 什么是 TypeScript
• TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上 TypeScript 扩展了 JavaScript 的语法解决 JavaScript 的“痛点”：弱类型和没有命名空间，导致很难模块化• 优点：开源、简单、兼容性好• 与 JS 相比的优势：1、TypeScript 工具使重构更变的容易、快捷。2、TypeScript 引入了 JavaScript 中没有的“类”概念。3、TypeScript 中引入了模块的概念，可以把声明、数据
2021-11-26 20:17:12
426
原创 四种请求方式的区别（ajax、JQuery ajax 、axios、fetch）
• 传统 Ajax 指的是 XMLHttpRequest（XHR），最早出现的发送后端请求技术，隶属于原始 js 中，核心使用 XMLHttpRequest 对象，多个请求之间如果有先后关系的话，就会出现回调地狱。• JQuery ajax 是对原生 XHR 的封装。• axios 是一个基于 Promise ，本质上也是对原生 XHR 的封装，只不过它是Promise 的实现版本，符合最新的 ES 规范。• fetch 不是 ajax 的进一步封装，而是原生 js，没有使用 XMLHttpReque
2021-11-26 20:16:09
651
原创 什么是 Hook
• 作用：让无状态组件可以使用状态和 react 的其他特性• useState() React 提供最基础、最常用的 Hook，主要用来定义和管理本地状态• useRef() 获取 DOM 节点• useEffect() 无状态组件使用生命周期• useReducer() 防止 state 里面的数据操作太复杂，减少 state 的数据操作复杂度...
2021-11-26 20:15:00
124
原创 为什么 rem 能实现移动端布局？
rem： 相对于根元素（html）的字体大小 → 1rem = html 标签的 font-size1vw = 可视窗口的宽度的百分之一 1vh = 可视窗口的宽高度的百分之一。当 rem 与 vw 配合使用进行换算后，将会实现移动端自适应的布局rem 布局适配的原理就是根据屏幕的大小，动态的改变 html 标签的 font-size 的大小，此时就可以配合媒体查询做到不同屏幕的适配...
2021-11-26 20:13:44
146
原创 CSS3 新增的都有哪些
一、Css3 新增边框属性1、Css3 新增属性之 border-color：为边框设置多种颜色border-color:#ff0000 #0000ff; 这里需要注意：“border-width” 属性如果单独使用的话是不会起作用的。请首先使用 “border-style” 属性来设置边框。2、Css3 新增属性之 border-image：图片边框Css3 的 border-image 属性是使用图片来创建边框div{-webkit-border-image:url(border.png)
2021-11-26 20:12:20
969
原创 ES6 常用的都有哪些？（面试大概率会问）
1.默认参数function sum(a,b=0){ }sum（10） 不给 b 传惨 默认 b 等于 02.模板文本var a=10console.log(a 的值是${a}) 能解析里面的变量值3.解构赋值var arr=[1,2]const [a,b]=arrconsole.log(a,b) // 输出 a=1 b=24.箭头函数var fn=()=>{ console.log('11111')}5.Promises 解决异步问题return new Prom
2021-11-26 20:07:35
412
原创 vue3.0 和 2.0 的区别
默认进行懒观察（lazy observation）。在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。 更精准的变更通知。 比例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher 才会重新运行。3.0 新加入了 TypeScript
2021-11-23 11:51:10
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人