- 博客(57)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 在路由守卫中使用next(...to)的原理
方法的参数来控制路由导航的行为，包括放行、重定向、取消导航以及异步处理。方法可以接受不同的参数来控制路由导航的行为。守卫中，由于此时组件尚未加载，无法直接使用。方法的参数决定路由守卫的行为。综上所述，通过在路由守卫中使用。的方式来控制导航行为。
2024-04-26 02:01:26
321
原创 使用H5+app在安卓5.1离线环境实现文字转语音
需要注意的是，在使用H5+ App中的5.1离线环境时，需要使用plus.Speech API来播放语音。对于其他浏览器环境，可以直接使用SpeechSynthesis API来实现语音合成功能。在Vue中实现中文文字转语音的方法可以使用HTML5的SpeechSynthesis API，同时需要考虑到在H5+ App里面的离线环境。
2024-04-24 21:38:35
497
1
原创 NO Dead 大厂面石
/ 什么是buffer?// 在node中用于存放缓存数据的地方:// 当发送速率大于接收速率时buffer可以暂存多余的数据,直到接收方准备好了// 新建一个buffer对象使用 buffer.alloc(size,[fill],[enconding]) fill填充到缓冲区的值,enconding(fill的编码格式)// 1.初始化缓冲区// 写入值")// 超出长度的值将不会被输出// 使用tostring方法转换成字符串hello//将字符串转换成一个类数组。
2024-04-22 20:16:30
192
原创 前端nodead面试题
简单说说你对函数编程的理解1.稳定：对于给定数据输出相同的结果2.可以作为参数传递和返回，从而支持模块化3.什么时候需要什么时候调用（惰性计算）4.并发处理：就是因为不存在共享变量，所以各个任务不会发生因为同一个变量值的修改而无法继续执行的情况，可以将任务分成多个子任务同时执行5.因为无副作用的特点（修改函数内部的变量不会影响函数外部变量值的特点），使得单元测试和集成测试更加容易和准确6.缺点：因为有很多模块和递归问题可能会出现性能问题。
2024-04-21 23:41:18
277
原创 关于前端的那些知识点
/ 什么是虚拟DOM为什么使用虚拟DOM// 1.什么是虚拟DOM?// 又叫veirturalDOM react vue 跨平台的能力 rn weex// 实际上是以用js对象来模拟真实DOM节点的结构数据，Object类型啊，属性attrs，children子节点等信息也就是vNode// 虚拟dom节点与真实的dom一一对应// 2.为什么要使用虚拟DOM?// 因为操作真实DOM会发生性能问题，所以在rn weex 类型的项目中很忌讳去操作原生的dom的原因之一。
2024-04-21 16:44:39
484
原创 Javascript基础
函数采用递归的方式，依次发起请求，并将返回结果按照请求顺序依次添加到结果数组中。当所有请求都完成后，最终返回结果数组。// 原因：css和js会阻塞页面和渲染，加载时间长会导致页面出现长时间白屏。// --将首屏css内敛到html中,尽量不使用内联js。//--DNS缓存优化，预加载，确定可靠的DNS服务器。//延迟首屏不需要的资源加载，预加载首屏所需要的图片。//--优化精简代码结构Html,css文件和结构。2.请求排序不使用promise.All。2.1使用递归实现请求排序⭐。
2024-04-21 14:34:24
195
原创 大厂面试精华面试刷题
1.自定义unshift实现相同效果2.数组去重用vs2019来写这种练习题可以更直观的查看代码执行的效果，最后的代码是控制控制台执行完毕后不自动关闭3.获取指定范围内的随机数。
2024-04-20 22:35:53
595
原创 Echarts的基本使用与拓展
1.Vue中使用echarts以及在原生H5中使用echarts：下载。里面包括了双Y轴实现数据排序，让数据始终在柱条的最后面。1.声明一个变量来接受初始化后的实例。2.设置指定实例的配置对象。3.初始化echarts。2.导入echarts。
2024-04-18 15:27:18
209
原创 深拷贝与浅拷贝
数据类型：基本数据类型（String、Number、Boolean、Null、Undefined、Symbol (es6)引用数据类型（Object、Array、Function）基本数据类型是储存在栈中的，而引用数据类型是储存在堆中的在栈里面储存的只是她的指针指向堆中的地址。
2024-04-05 13:36:31
259
原创 组件递归和动态component
组件递归的应用场景主要用于菜单遍历等使用递归可以无限嵌套格式，精简了代码提高开发效率组件递归主要就是两点1.首先就是在父组件中已经注册使用后，传过来一个数组对象用于遍历页面，2.vue3中子组件实现递归的重要一点就是自己使用自己，实现递归无限嵌套1.组件里面可以使用双script标签第一个用于操作数据的正常标签第二个2.也可以直接使用setup标签里的name属性定义标签名但是前提是必须与文件名一致，调用的时候也要使用文件名直接在页面中使用。
2024-03-31 17:45:02
212
原创 vue3项目搭建企业级
配置git仓库git init git add . git commit -m '提交' 配置码云新建仓库，复制远程git连接到gitbash。配置文件pre-commit每次提交时候都自动格式化代码。配置语法规范，忽略文件。配置git自动格式化代码插件husky。配置package.json。stylelint忽略文件。
2024-03-29 22:42:33
437
原创 Vue3云里雾里知识点补充（面试重点）
1.vue2中只要是写在组件上的事件触发就都是自定义事件，2.在vue3中如果父组件上定义了@click原生dom事件只要子组件不使用defineEmits(['xxx'])接收他就是原始Dom事件3.如果使用了defineEmits(['click'])接收就是自定义事件，可以用来实现子传父，但是不建议使用原生dom事件定义自定义事件引入父组件传过来的没有被props接受的就都存在了useAttrs里面这时候我们可以使用补充：在父组件的子组件标签上用的属性都可以直接传到attrs身上
2024-03-28 15:39:01
1122
原创 Vue3.0云里雾里
/基本类型的响应式数据let name = ref('张三')//对象类型的响应式数据hobbyname: '章子怡',age: 45,sex: '男'})ref可以定义基本类型的响应式数据，也可以定义对象类型的响应式数据ref的底层还是reactive区别：1.ref创建的变量必须使用.value可以使用volar自动添加.value2.reactive重新定义一个对象hobby的时候，这个对象就失去了响应式属性。
2024-03-27 14:51:56
1531
1
原创 Vue数据监测数据原理
1.对象通过new Observer构造函数Observer通过汇总obj上面的keys属性形成一个数组这只是一层Vue中的递归会一直向下寻找数组：通过数组的操作方法修改时，但是vue上的push不是Array原型上的pushvue身上写了一个push，通过调用Array原型上的push去处理数组，然后去重新解析模板重新生成通过vue.set/$set/push因为由数据代理都可以对数组进行操作并且可以重新解析模板。
2024-03-23 16:32:42
201
原创 Vue3.0万字基础篇
1.声明自定义事件创建button设置单击事件addadd(){在父组件监听事件触发cl(触发了numchange)传参在$emit()中第二个参数可以传参组件上使用v-model:子组件值发生改变同步到父组件，父组件值发生改变同步到子组件父向子同步数据1.父组件通过v-bind向子组件传递数据，子组件通过props接收父组件传过来的值props:{counts:{2.子向父同步数据1.在父组件v-bind前添加v-model。
2024-03-23 14:22:09
891
原创 Es6模块化和异步编程
async/await是ES8(ESMAScript2017)引入的新语法，用来简化promise异步操作，ES8之前只能通过链式.then()来解决回调地狱，但是这种方法相对于async/await来说代码冗余，可读性方面都比较差，async和await就完美的解决了该问题；getAbc()PS D:\down\桌面\Vue.js渐进式框架\ES6> node .\await.jsawait会阻塞后续代码的执行直到当前成功或失败时才会继续执行。
2024-03-21 17:31:18
981
原创 Vue万字开发篇（一）Vant
路由的使用（总结）页面默认显示重定向定义守卫权限数组js文件用来同时设置多个页面权限components和view文件夹的区别通过路由切换的组件放到view中，不是通过vue切换的,可复用的，放到components。
2024-03-21 14:15:25
190
原创 Vue万字基础篇（二）
在封装属性时对预留的插槽上自定义属性值可以在父组件中用到传过来的值，就是作用域插槽//定义私有属性节点指令//colorcolor: {//绑定到元素上的时候立即触发bind(el) {},},},在data中声明变量color用于给自定义属性传值，在//colorcolor: {//绑定到元素上的时候立即触发},查看binding的值发现是一个对象通过binding.value可以把传过来的变量的值给自定义指令。
2024-03-20 16:04:38
1206
原创 Express创建本地服务器的使用
下面就可以通过req.query/req.body来拿到从用户端传过来的请求数据，db.query操作数据库通过res.send，把数据传回客户端。创建路由处理回调函数文件夹，以handler命名法，作为对应路由的数据处理文件。简单示例代码，用于创建简单的express服务器供学习使用。创建路由文件夹，以功能名命名js文件xxx.js。定义数据验证规则，用于验证用户发送数据是否合法。res.cc是全局res.send中间件。定义全局中间件错误验证处理中间件。创建项目入口文件app.js。
2024-03-19 14:40:36
276
原创 Vue的笔记记录-----万字基础篇
指令是Directives,是模板语法，用于辅助开发渲染页面的基本结构1.内容渲染指令v-text缺点：会把标签内原有的内容覆盖调插值语法{{}}，用来解决text覆盖原有内容问题,除了可以插值还可以进行一些js里面的运算v-html可以渲染带标签的字符串到页面中2.属性绑定指令v-bind:/:为元素属性动态绑定值还可以进行一些js里面的运算3.事件绑定指令v-on事件绑定指令简写@click$.event原生的dom对象e。
2024-03-15 16:56:07
1253
1
原创 VUE简介
Vue.js是一个渐进式的javascript框架（构建用户界面的前端框架）可以自底层向上逐层应用：简单应用：引入轻量的插件库复杂应用引入复杂的插件库。
2024-03-14 18:22:16
299
原创 viewport
例如当前视口宽度为800px,1vw=8px。例如当前视口高度为800px,1vH=8px。viewport height简称VH。相对于当前视口分成100等份。相对于当前视口分成100等份。1vw=视口宽度/100。1vh=视口高度/100。
2024-03-14 17:14:40
365
原创 媒体查询@media
可以实现文字大小随着屏幕的放大而放大，高度和宽度等比例缩放类似于em,em是父元素字体的大小，rem是相对于html的字体的大小。
2024-03-14 00:03:00
328
原创 重新认识Flex布局
也就是盒子排列顺序align-items设置侧轴元素排列方向（适合单行）属性值 说明 flex-start 从上到下 flex-end 从下到上 center 挤在一起居中 stretch 拉伸 用两个主侧轴排列方向实现垂直居中(适合在单行的时候使用)align-content设置侧轴元素排列方向（适合多行）单行没有效果flex属性可以设置父元素分成多少份，子元素占多少份align-self设置某个子盒子的排列方式
2024-03-13 22:49:05
312
原创 移动端开发模式
在网址域名前加M(mobile)可以打开移动端。通过判断设备跳转流式布局百分比布局flex弹性布局less+rem+媒体查询布局混合布局。
2024-03-13 17:57:48
313
原创 视口标签Meta
如果有一个50*50的盒子需要背景图片则需要准备100*100的图片通过background-size来缩小图片。需要50*50显示在页面，准备100*100像素的图，手动缩小为50像素的就是二倍图；可以用ps的cutterman切图神器小工具。
2024-03-13 17:36:35
307
原创 移动端布局视口
布局视口()：当我们以百分比来指定一个元素的大小时，它的计算值是由这个元素的包含块计算而来的。当这个元素是最顶级的元素时，它就是基于布局视口来计算的。所以，布局视口是网页布局的基准窗口，在PC浏览器上，布局视口就等于当前浏览器的窗口大小（不包括bordersmargins、滚动条）。在移动端，布局视口被赋予一个默认值，大部分为980px，这保证PC的网页可以在手机浏览器上呈现，但是非常小，用户可以手动对网页进行放大。查看布局视口大小设置布局视口大小。
2024-03-13 16:49:29
290
原创 2D和3D CSS
盒子移动transform: translate(X, Y);不会影响其他元素的位置百分比是相对于x是元素的宽的百分之50，y是元素的高的百分之100（测试）旋转放大缩小。
2024-03-13 15:40:28
494
原创 H5新特性
header>头部标签<section>区域标签<nav>导航标签<article>内容标签<aside>侧边栏标签<footer>尾部标签。
2024-03-12 17:11:10
357
1
空空如也
c#winformpicturebox 的形状怎样变成圆形?
2021-06-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人