工作
关注
分享
扫一扫
都挺好，刚刚好
慢下来反而会更快，慢就是快，快就是慢。
展开
-
windows11打开图片显示“包无法进行更新、相关性
原创 2022-02-18 14:25:49 · 3381 阅读 · 0 评论 -
web端主动断开webSocket方法
if("WebSocket" in window) { let ws = new WebSocket(`ws:你的url`); ws.close();}原创 2022-02-17 15:35:03 · 4008 阅读 · 0 评论 -
具名插槽用法
第一步 插槽定义 子组件中定义<div class="container"><header><slot name="header"></slot></header><main><slot></slot></main><footer><slot name="footer"></slot></footer></div>原创 2022-02-13 17:40:33 · 441 阅读 · 0 评论 -
vue中父组件中调用子组件中定义的方法
1、首先是子组件中 Child.vuemethods:{ show(){ console.log('hello vue.js'); } }2、然后就是父组件<child ref="child"></child> <button @click="child">调用子组件的方法</button> child(){ this.$refs.child.show() // 注意转载 2022-02-10 12:07:23 · 749 阅读 · 0 评论 -
vue前端实现记住账户
1、HTML <el-checkbox v-model="checked" style="color: #ffffff">记住账号</el-checkbox2、定义 data() { return { // 登录用户名 userName: "", // 登录密码 passWord: "", checked: false, //记住账号 // 登录时的loading状态 loginLoadi原创 2022-02-10 10:12:45 · 786 阅读 · 0 评论 -
SIT和UAT有什么区别？
SIT是集成测试UAT是验收测试从时间上看，UAT要在SIT后面，UAT测试要在系统测试完成后才开始。从测试人员看，SIT由公司的测试员来测试，而UAT一般是由用户来测试。原创 2022-02-09 13:40:35 · 1269 阅读 · 0 评论 -
webview在小程序中使用
一、什么是webviewWebview 是一个基于webkit的引擎，可以解析DOM 元素，展示html页面的控件，它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。二、webview主要用于什么地方？或者说什么需求下会使用到webview?个人理解，电脑上展示html页面，通过浏览器打开页面即可浏览，而手机系统层面，如果没有webview支持，是无法展示html页面，所以webview的作用即用于手机系统来展示html界面的。所以它主要在需要在手机系统上加载html文件时被需要转载 2022-01-26 16:55:34 · 7518 阅读 · 0 评论 -
yarn下载项目
npm init ---- yarn initnpm install ---- yarn npm install xxx@1.1.1 -g ---- yarn global add xxx@1.1.1npm install xxx@1.1.1 --save原创 2022-01-19 13:38:12 · 677 阅读 · 0 评论 -
获取select标签中option的value值
原创 2022-01-18 15:38:59 · 1646 阅读 · 0 评论 -
JS检索下拉列表框中被选项目的索引号(selectedIndex)
设置或获取选中选项位于 select 对象中的位置 <select id="play_mode" style="width:173px;"> <option value="0">实时视频</option> <option value="1">回放视频</option> </select> <button onClick='getInfo()'>点击获取索引</button>原创 2022-01-18 15:02:03 · 787 阅读 · 0 评论 -
vue四种常用获取input值写法
1、v-model 表单输入绑定使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 <template> <div> <input class="login-input" type="text" v-model="username" placeholder="请输入账号"> <input class="login-input" type="password原创 2022-01-18 10:48:10 · 2080 阅读 · 0 评论 -
JavaScript的@param注解
@property name {String} 交互类型@property params {Object} 附带参数 @property func {Function} 回调函数 /** * 获取事件在列表中的位置 * @param context * @param callback * @private */_evIndex(event, context, callback) { let index = -1; for (let i = 0; i <= ...转载 2021-09-18 15:36:56 · 12498 阅读 · 1 评论 -
flv.js 是一个使用纯JavaScript编写的FLV(HTML5 Flash Video)播放器
1、script引入引入方式<script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.1/flv.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.1/flv.min.js"></script>2、官方网站与文档官方文档示例网站源码码云源码3、MuiPlayer官网与相关文档4、源码处原创 2021-12-01 10:49:22 · 2402 阅读 · 0 评论 -
前端设计模式
为什么使用设计模式？设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。什么是设计模式设计模式构成：模式名称：模式的名字环境和问题：描述在什么环境下出现什么特定的问题解决方案：描述如何解决方案效果：描述应用该模式后的效果，以及可能带来的问题注意：设计模式的种类很多，各个模式都有它对应的场景，不能武断地认为某个模式就是最优的解决方案第一、代理模式// 声明女孩对象var girl原创 2021-10-12 14:52:14 · 80 阅读 · 0 评论 -
如何⽤webpack来优化前端性能？
⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码:删除多余的代码、注释、简化代码的写法等等⽅式。可以利⽤webpack的 UglifyJsPlugin 和 ParallelUglifyPlugin 来压缩JS⽂件， 利⽤ cssnano （css-loader?minimize）来压缩css利⽤CDN加速: 在构建过程中，将引⽤的静态资源路径修改为CDN上对应的路径。可以利⽤webpack对于 output 参数和各loader原创 2021-10-11 15:46:06 · 369 阅读 · 0 评论 -
浏览器重绘与重排
重排: 部分渲染树（或者整个渲染树）需要重新分析并且节点尺⼨需要重新计算，表现为重新⽣成布局，重新排列元素。重绘: 由于节点的⼏何属性发⽣改变或者由于样式发⽣改变，例如改变元素背景⾊时，屏幕上的部分内容需要更新，表现为某些元素的外观被改变单单改变元素的外观，肯定不会引起⽹⻚重新⽣成布局，但当浏览器完成重排之后，将会重新绘制受到此次重排影响的部分重排和重绘代价是⾼昂的，它们会破坏⽤户体验，并且让UI展示⾮常迟缓，⽽相⽐之下重排的性能影响更⼤，在两者⽆法避免的情况下，⼀般我们宁可选择代价更⼩的重原创 2021-10-10 22:52:39 · 239 阅读 · 0 评论 -
json数据格式大全
1.json对象用{}包裹，中间用逗号隔开:{"categories":"衬衫","data":10}2.json数组用[]包裹，中间用逗号隔开:[{"categories":"衬衫","data":10},{"categories":"格子衫","data":20}]3.复杂的json对象:{"name":"胡小威", "age"：20, "male":true,"address":{"street":"岳麓山南", "city":"长沙","country":"中国"原创 2021-10-09 15:07:09 · 1991 阅读 · 0 评论 -
v-bind绑定style时css属性名的写法（驼峰和短横线）
我们可以利用v-bind:style来绑定一些CSS内联样式。在写CSS属性名的时候，比如font-size我们可以使用驼峰式 (camelCase) fontSize或短横线分隔 (kebab-case，记得用单引号括起来) ‘font-size```bash<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<.转载 2021-09-29 22:15:09 · 804 阅读 · 0 评论