- 博客(29)
- 资源 (7)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vue3命令式代码和声明式代码,碎片化
一个组件要渲染的内容是通过渲染函数来描述的，也就是render函数，Vue.js会根据组件的render函数的返回值拿到虚拟DOM，从而把组件通过 渲染器 渲染出来。简单来说，Tree-Shaking指的是消除那些永远不会被执行的代码。或rollup.js都支持Tree-Shaking。声明式代码的性能不优于命令式代码，因为声明式代码比命令式代码要多出找出差异的性能消耗。即原生JS操作（声明式代码） =和DOM diff算法+ 命令式代码作比较。那么什么是组建的渲染函数？
2022-10-18 17:35:12
484
原创 js笔记，快速封装拿来即用版
删除 cookie 的想法是什么？其实，只要把它的过期时间设置为这一刻，它就会立即过期。使用 window.scrollTo() 平滑滚动到页面顶部。全屏播放视频，并在浏览器中全屏打开页面。退出浏览器全屏状态的场景。
2022-08-19 14:52:39
208
原创 2022年3月前端面试总结
2022年3月前端面试总结\192.168.0.13 ubantu windows dos命令行显示1.http1和http2有什么区别首先，http1.x在多线程的情况下会阻塞，1.1版本之前浏览器是短连接，请求会频繁消耗浏览器资源，在1.1以后改为了长连接，但服务器只能一个一个处理浏览器的请求。在http2,多线程不会阻塞，多路复用，这一点是最重要的。其次，http1.x的请求包头为文本类型，2.x则采用二进制格式，且采用报头压缩，降低开销。最后，在http和tcp协议上新增ssl中间层，
2022-03-17 09:17:08
114
原创 vue源码一刷
vue源码一刷前言 2022年一月二十四日，一个平平常常的日子，细蒙蒙的雨丝夹着一星半点的雪花，正纷纷淋淋地向大地飘洒着。时令已快到小年，厚厚的雪层铺落在地面，然而在熙熙攘攘的大街上，雪花往往还没等落地，就已经消失得无踪无影了。京都寒而漫长的冬天看来就要过去，但那真正温暖的春天还远远地没有到来。变化侦测篇 Vue最大的特点就是数据驱动试图。用户改变数据(state),视图(UI)也会跟着改变。而在代码中则是将templete（中的数据）转换成render函数，进而更新到页面。 那么，数据是怎
2022-01-29 16:21:39
999
1
原创 js数组的去重方法（封装）
js数组的去重方法（封装）//利用indexof去重var arr_start = [1,2,3,5,2,3,1,9];function unique(){ let arr_new = []for(let i in arr_start){ if(arr_new.indexOf(arr_start[i]) == -1){ arr_new.push(arr_start[i]) }}return arr_new}console.log(uniq
2021-12-22 18:15:53
836
原创 前端面试总结(第四天)
前端面试总结(第四天)CSRF是什么： CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF。 所谓的CSRF攻击，指的是攻击者盗用用户的身份，以用户的名义发送恶意请求。例如：以你名义发送邮件，发消息，盗取你的账号，甚至于购买商品，虚拟货币转账…造成的问题包括：个人隐私泄露以及财产安全。跟XSS攻击一样，存在巨大的危害性，你可以这样来理解：攻击者盗用了你
2021-12-07 20:35:03
102
原创 前端面试总结(第三天)
前端面试总结(第三天)1.css盒模型css盒模型包括IE盒模型和标准的W3C盒模型。这两者最主要的区别就是width的包含范围。其中，IE盒模型的宽度指的是content宽度+padding+margin,w3c盒模型的宽度指的是content的宽度。在CSS3中，引入了box-sizing属性。box-sizing的属性有border-box,content-box,padding-box。包含什么，宽度就从什么算起。2.transition 和 animation 的区别Animati
2021-12-02 20:30:06
81
原创 前端面试总结（第二天）
前端面试总结（第二天）1.http常见的请求方法get,post请求最常见，除此之外还有patch,put,delete,options.拿常见的get和post来比较异同:getpost从指定的资源请求数据向指定的资源提交要被处理的数据数据较小，一般在1K以内没有限制一般发送一个数据包一般发送两个数据包把header头和data一并发出去先发送header头，待服务器响应之后在发送data只支持URL编码支持json以内的多种数据
2021-12-01 19:44:17
1710
原创 http和https的区别引发的一些总结(结合自身经验和计算机网络)
http和https的区别引发的一些总结(结合自身经验和计算机网络)首先了解一下osi七层网络模型(五层)应用层网络服务与最终用户的一个接口。协议有：HTTP FTP TFTP SMTP SNMP DNS TELNET HTTPS POP3 DHCP传输层定义传输数据的协议端口号，以及流控和差错校验。协议有：TCP UDP，数据包一旦离开网卡即进入网络传输层网络层进行逻辑地址寻址，实现不同网络之间的路径选择。协议有：ICMP IGMP IP（IPV4 IPV6）数据链路层建立逻辑连接
2021-11-30 21:01:58
1774
原创 promise与async await结合使用
promise与async await结合使用昨天看了一道字节外包的面试题 const list = [1, 2, 3]; const square = num => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(num * num); }, 1000); })
2021-11-29 18:42:44
763
原创 es6 flex grow shrink flex布局
//es6 flex-shrink flex-basis<template> <view class="outbox"> <view class="topbox"> <view class="innerbox"> </view> <view class="innerbox"> </view> <view class="innerbox">
2021-11-26 20:09:12
406
原创 vue3新功能测试
vue3新功能测试axios请求，emit传值等//父组件<template> <p> 注册界面</p> <son size='small' count='' url disabled @url='url' /> <p> {{url1.state1}}</p> <p>{{url1.param1}}</p> </template><script>imp
2021-11-24 18:46:20
703
原创 vue2和vue3的区别
vue2和vue3的区别1.vue2中的options API(选项型API) 和vue3中的composition API(合成型API)在options API中，将代码分割成不同的属性，例如data,methods,computed,watch，生命周期函数。而在composition API中，可以用方法来分割代码，这样相对于旧的分组方式会更整洁。在vue2中，在data声明后可以使用而vue3中，需要在setup方法里面声明，且此方法在组件初始化构造时触发。为了能在vue3中操作dat
2021-11-24 17:10:15
6443
原创 后台管理系统纯前端导出excel
后台管理系统纯前端导出excel废话不多说，直接上代码，开箱即用if(ress.equipment){ let tableres = ress.equipment.map( (item,index) =>{ // console.log(item,index) return{ 序号: index, 设备名称:item.eqname,
2021-11-22 20:44:29
447
原创 后台跑不起来
>'CALL “I:\Program Files\nodejs\node.exe” “I:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js” 最近在做微信推送，服务号做配置的时候URL需要80端口，现在用的express服务器端口是3000，显示的是URL不合法。 所以，想使用NGINX做URL重定向，所以在配置NGINX环境变量的时候，添加了键值对=>ComSpec:F:\nginx-1.20.2。晚上再开vscode做项目
2021-11-19 12:22:08
2205
原创 js对象转数组做校验
js对象转数组做校验一般情况下可以使用UI框架自带的表单验证方式，但有些场合需要自定义验证。我们可以做相应的封装来简化，减少工作量。1.对象转数组方法如下:objtoarray(obj){ const array = []; Object.keys(obj).forEach(v => { let o = {}; console.log(v) o[v] = obj[v]; array.push(o) }); return a
2021-11-15 15:32:51
739
原创 uniapp开发小程序excel导出(亲测可用，前后端代码都有)
uniapp开发小程序excel导出(亲测可用，前后端代码都有)在微信开发者工具和小程序端都可以打开excel，需要前后端(node.js)一起配合完成。前端接受后端传回的二进制流格式文件，如下1.前端在button按钮的事件中写入请求1.1 notice:下面url的域名我用百度代替了，需要传入你自己的域名，这个域名需要在你自己的小程序中 左边找 开发---->开发管理----->服务器域名配置，添加你要使用的服务器url。1.2filepath为配置的xlsx表名，例如xx人xx
2021-10-26 15:02:48
4940
11
原创 vue-input框-模糊查询
vue-input框-模糊查询1. 背景:做数据管理平台(uni-app开发小程序)有个需求是根据输入的字段去匹配已有数据，匹配到的显示在页面上。本次先介绍纯前端实现模糊查询。2.核心代码<view class="top_box"> <view class="inputsearch"> <input type="text" value="" v-model="input_search" placeholder="搜索" /> <
2021-10-25 18:05:45
844
1
原创 v-model与v-model
### v-model与:v-model ### 在 uniapp开发小程序中动态添加form表单项的踩坑日记代码如下://原始项<view class="center_box" v-for="(item,index) in arr" :key="index"> <view class="top"> <view class="top...
2021-09-10 17:54:45
167
原创 vue3 input双向绑定与父子组件传值
vue3自我总结1.在子组件定义input输入框实现双向绑定，在父组件显示1.1在父组件的标签上用v-model定义变量值。1.1.1<compositionapi v-model='sex02' v-model:age="age02" v-model:name="name02" @test="getData" :keywords="keywords"></compositionapi>第一种是如sex02这样一般的写法，第二种则是age02,name02这种写法
2021-09-07 11:12:35
6001
原创 美甲预约排期表
1.技师信息表接口:/api/staff/staff方法:get参数:无数据类型:参数名参数说明备注name名字不能为空level等级不能为空返回数据:{“data”: [ { “_id”: “60d547003c59afba78f0e186”, “name”: “111”, “level”: 3 }, { “_id”: “60d5473e3c59afba7
2021-09-03 17:38:13
483
原创 express后台服务器
1.express后台服务器生成1.1通过npm将Express应用程序生成器安装到全局环境并执行npm install -g express-generator1.2创建服务器骨架express server(这是你的项目名)如图所示: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HqLaxfg9-1630661703498)(C:\Users\jmy\AppData\Roaming\Typora\typora-user-images\image-202
2021-09-03 17:35:40
161
转载 express后台服务器
1.express后台服务器生成1.1通过npm将Express应用程序生成器安装到全局环境并执行npm install -g express-generator1.2创建服务器骨架express server(这是你的项目名)如图所示: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wZVtSLC4-1630396675654)(C:\Users\jmy\AppData\Roaming\Typora\typora-user-images\image-202
2021-08-31 15:59:15
217
原创 2021-03-29
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-04-06 20:29:42
43
类似AR画展的多图识别
2021-12-21
小程序,服务号实现消息推送
2021-11-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人