前端
关注
分享
扫一扫
文章平均质量分 56
shao.zq
小菜鸟一个，喜欢新鲜技术，不定时遇到坑，不定时更新。
展开
-
前端性能优化整理
性能调优从输入URL到页面解析经历的过程DNS解析TCP连接HTTP请求发出服务器解析并返回内容浏览器解析服务器内容，并渲染网页DNS解析优化TCP连接优化HTTP请求优化减少请求次数减少请求体积webpack优化让loader做更少的事情module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: {原创 2022-01-31 10:45:45 · 1816 阅读 · 0 评论 -
HTML实现渐变边框及边框圆角
需求要求实现如下效果：实现方式<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen原创 2021-12-03 11:49:24 · 1314 阅读 · 0 评论 -
vue-print-nb如何打印隐藏dom
问题描述目前有一个tabs页面，每个里面是不同的表单，因为通过v-if实现的显隐控制，需求要求点击打印后将全部tabs的内容打印，每个tabs页面是一个独立的页。功能实现1.新建一个div将tabs全部渲染2.通过隐藏实现div不可见3.通过css控制每个tabs是一个单独的A4纸。具体代码HTML代码 <!-- 需要填写想要打印的id --> <button v-print="'#objectDialogPrintWarp'"></button>原创 2021-10-12 11:55:11 · 4435 阅读 · 2 评论 -
yield关键字理解
yield关键字理解什么是yieldThe yield keyword is used to pause and resume a generator function.// yield这个关键字是用来暂停和恢复一个遍历器函数（的运行）的。类似return，但是有不同：return结束函数并且将结果进行返回，return 后面的代码将不再执行yield有点类似断点，过程中可将值进行返回并且暂停函数，通过调用next继续进行函数，yield必须要写在遍历器函数(Generator)中,否则原创 2021-09-06 17:10:00 · 370 阅读 · 0 评论 -
js中class的使用
ES6中类的使用如何创建一个类class User{} //第一种let User=class{} //第二种构造函数的使用与参数初始化class User{ constructor(name){ this.name=name; }}静态属性的定义与使用class request{ static host="http://127.0.0.1"; postBody(url){ return request.host+`/${url}` }}le原创 2021-01-12 23:36:26 · 3685 阅读 · 1 评论 -
js合并两个对象
//方法一 (展开语法)let test1={...a,...b};console.log("test1:",test1)//方法二 Object.assignlet test2=Object.assign(a,b);console.log("test2:",test2);// 方法三 jquery.extend()(第三方库)let test3=jQuery.extend(true,a,b);console.log("test3:",test3);//方法四 lodash（第三原创 2020-07-07 23:40:06 · 2150 阅读 · 0 评论 -
设置禁止修改微信字体
<script type="text/javascript"> (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize();...转载 2018-12-24 09:50:38 · 861 阅读 · 0 评论 -
H5跳转实现微信一键关注
先上图：实现方式：首先登陆自己的微信公众平台，然后打开开发者工具，搜索window.wx其中的uin为自己平台的id。经过base64加密，然后在如下链接中替换_biz码即可。https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=替换成刚才经过加密的id即可&scene=110#wechat_redirect上...原创 2018-12-11 17:51:58 · 9745 阅读 · 3 评论 -
常见小功能（css js都有）
解决数字和字母不换行word-break:break-all;word-wrap:break-word原创 2018-12-11 10:34:57 · 284 阅读 · 1 评论 -
ios软键盘顶起页面后隐藏不回弹解决方案
bug复现情况说明：在2018.11.30号一个明媚的下午，测试跟我反馈说ios出现了bug，怀着一定是你姿势不对的心里我自己悄悄的点了一下，我去，居然也出现了，可是昨天还没有啊，开始排查代码，发现没有任何问题，于是用其他版本的ios和微信测试，发现只有在ios12+，微信6.7.4版本才有，然后又看了一下微信6.7.4也是刚更新，为了在验证一下是不是自己的代码问题，于是打开了之前写的项目和自...原创 2018-12-03 12:28:44 · 12661 阅读 · 14 评论 -
解决input上传文件选择同一文件change事件不生效
在文件上传的时候我们我们选择监控change事件来获取文件，发现如果第一次如果选择了A文件，当再次点开选择A 文件时，change事件没有触发，这时可以用如下方式处理.1. vue项目处理方式：this.$refs.uploadExcelId.value=null;复制该代码到项目中，并且把uploadExcelId换成自己input的ref即可。2. 普通js处理方式：event.t...原创 2018-11-08 11:42:56 · 6624 阅读 · 3 评论 -
Elementui的级联选择器在blur事件调用接口无法关闭菜单
问题描述我们再使用element的级联组件的时候会有这种情况，允许用户选择任意一级选项，当用户选择后需要调用后端接口，这时我们需要在组件上配置“change-on-select”，但是如果这个时候我们监控组件的change事件在其中做逻辑处理，只要值发生改变就会向后端发送请求，这样会增大后端接口的压力，所以我们不能这么做。然后我们 看到在Cascader组件中有blur事件，所以猜测可以监控bl...原创 2018-09-19 17:35:27 · 5474 阅读 · 0 评论