- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue2+element-ui项目卡死
vue2+element-ui项目，项目npm run dev成功运行到浏览器后，点击项目左侧菜单1，页面加载失败，且’卡死’(在浏览器中左侧菜单1对应页面无法使用’Ctrl+w’关闭)，但只要点击除菜单1以外的左侧菜单，均可正常展示，尝试重装开发工具webstorm/拉取Git上最新分支，均出现所述bug，后来将项目依赖包卸载重装后，上述’莫名其妙的’bug修复...
2022-08-13 18:42:01
2055
原创 移动端兼容问题
兼容问题及其它总结iOS键盘中首字母大写html5标签在低版本浏览器如何兼容h5底部输入框被键盘遮挡问题在移动端使用click事件有300ms延迟的问题移动端touch事件有穿透（点透）的问题，怎么解决懒加载问题iOS键盘中首字母大写<input type="text" autocapitalize='off'>html5标签在低版本浏览器如何兼容使用：html5shiv.js代码：body之后,布局之前加入<!-- [if lt ie 9]> <script
2022-03-01 08:41:46
2332
原创 笔试题http请求方式 状态码 布局 多标签通信 前端性能优化
企业 前端面试题QA页面从输入 URL 到加载显示完成，过程发生什么前端性能优化1、加载优化2、 图片优化3、css优化4、js优化5、渲染优化6、首屏优化7、打包优化（主要是webpack优化）8、webpack长缓存优化9、vue优化10、 react优化11、 SEO优化如何实现浏览器内多个标签页通信Localstorage、sessionStorage、cookie 的区别HTTP 请求方式有几种HTTP 状态码以及代表的意义5 种常见的 HTTP 状态码以及代表的意义更多状态码var、let、co
2022-02-28 22:50:21
536
原创 支付宝对接沙箱流程
支付整个流程** 一、点击去结算 **1.1 生成一个订单「要发送一个请求」生成订单是后端做的事情，记录值为：1后端会给前端返回一个订单号1.2 跳转到【提交订单】页面***生成一个订单：1 【未支付】{后端做的}** 二、点击提交订单 **2.1 发送一个请求把订单号传递给后端，后端要进行 订单状态的改变「待支付:2」** 如果返回了数据，就下一步 **2.2 再发送一个请求「要去支付」***后端会返回一个url 这个url就是进入支付的页面** 三、支付...
2022-02-28 09:31:49
244
原创 HTML5CSS3上-动画 转换 新特性 前端面试题部分汇总
HTML5 CSS3HTML5 CSS3相关面试题HTML5新特性CSS3 新特性列举 5 个以上的 H5 事件微信小程序与 H5 的区别H5 的浏览器存储有哪些？简述 transform，transition，animation 的作用使用CSS怎么让Chrome支持小于12px的文字比如10px？（了解）1.0. HTML51.1. 语义化标签1.2. 多媒体标签1.2.1. audio 音频标签1.2.2.video 视频标签1.2.3. 兼容性1.3. H5表单1.3.1. H5新增表单1.3.2.
2022-02-28 00:31:55
870
1
原创 jQuery过滤选择器，选择前几个元素，后几个元素，内容过滤选择器等
jQuery过滤选择器，选择前几个/后几个元素，内容过滤选择器等一、基本过滤选择器(重点掌握下列八个)二、属性过滤选择器（六个必须记住）三、内容过滤选择器（四个必须记住）四、子元素过滤选择器（记住八个）五、可见性过滤选择器(两个)一、基本过滤选择器(重点掌握下列八个):first 选取第一个元素 $(“div:first”).css(“color”,“red”);:last 选取最后一个元素 $(“div:last”).css(“color”,“red”);:not 除去指定的选择器外的元素 $(
2021-06-30 15:01:02
1133
原创 微信小程序view绑定点击事件源码及出现问题 逻辑分析
小程序view绑定点击事件分析:源码点击使view发生变化分析:e.target 和 e.currentTarget 混淆,导致触发事件 却不传值问题原理：（主要用于页面传值）1、如果绑定的事件所在元素没有子元素，用e.target和e.currentTarget的结果是一样的；2、如果事件绑定在父元素中，而且这个父元素有子元素，用e.target时，点击父元素所在区域没有错误，但是点击子元素区域，事件触发了，但是你会发现值并没有传过去，原因是事件没绑定在子元素上，是在父元素上，子元素要用
2021-05-28 14:19:10
8131
原创 微信小程序 弹窗(模态框)遮罩层 弹窗右上角按钮关闭
微信小程序点击按钮/view出现弹窗 带遮罩层 可关闭效果图点击按钮后：代码 :maskDemo.wxmlmaskDemo.wxssmaskDemo.js效果图点击按钮后：代码 :maskDemo.wxml<button bindtap='showRule' style="width:65vw" class="receiveFile">点击弹窗模态框</button><!--遮罩层--><view class="ruleZhezhao {{isRu
2021-05-28 09:40:21
4401
原创 微信小程序-单选按钮实现
逻辑单选框的逻辑比较简单，把所有的元素遍历出来，等到点击单选按钮的时候，当value值与遍历变量值一致的时候就 把checked 设置为true，其他的时候把checked设置为 false 只需要一次循环。复选框的逻辑，也不复杂，当只有一个被选中的选项的时候，当点击已经选择的选项的时候，首选外层循环设置为false，这个时候 e.detail.value为零，所以无法进入内层循环，所以被取消。当选中未选择的选项的时候，则从第一个选项开始遍历，如果value值与外层相同则设置为TRUE。然后跳出内层，
2021-05-24 19:07:17
3915
1
原创 小程序按钮带图标-点击实现文件上传 (预览文件)—— 源码及效果
.wxss代码/* 小程序按钮样式 */.btnImg1{ margin-top: 8rpx; width: 70rpx; height: 60rpx;}.cornerbutton_add { display: flex; justify-content: center; /* 垂直居中 */ align-items: center; /* 水平居中 */ height: 45px; margin-top: 45rpx; border-radius:..
2021-05-18 19:10:02
841
1
原创 解决nrm不能使用问题
1.使用管理员 权限打开 cmd 或者powershell2.set-ExecutionPolicy RemoteSigned 输入Y3.get-ExecutionPolicy4.Set-ExecutionPolicy RemoteSigned -Scope Process 输入Ynrm的使用展示列表 : nrm ls切换镜像 : nrm use 镜像名字 -> nrm use taobao发布包切换原版镜像 nrm use npm登陆(一定要在包文件夹路径下登陆)
2021-04-24 15:59:19
4420
原创 JS解决数组去重的多种方法
JS 数组去重 9种办法利用key 的唯一性交换元素位置从而替换掉 splice 方法Array.fliter + Array.indexOfArray.fliter + Object.hasOwnPropertyArray.reduce + Array.includesArray.indexOfArray.includesnew Set + 扩展运算符 || Array.fromnew Map给定一个数组 [1,2,2,4,null,null,‘3’,‘abc’,3,5,4,1
2021-04-06 21:43:56
789
原创 Vue项目常见报错问题汇总 项目经验
Vue项目经验总结1.环境&资源问题1.1.如果生成私钥提示没有这个目录一般git安装成功之后，会在C:\Users\下创建.ssh目录。如果没有就会出现上述问题。检查是否安装成功：cmd中执行：git --version (两个-)如果没有正确提示版本号，则配置一下git环境变量（看问题1.5）如果电脑用户名是中文名字，需要修改为英文https://jingyan.baidu.com/article/59703552843c458fc0074005.html可能是中文名字，导致
2021-03-27 20:27:16
2380
原创 keep-alive组件
keep-alive实现组件缓存keep-alive 参考文档Props：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法： 它在包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 它是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。当组件在 keep-alive 内被切换，它的 activated
2021-03-06 09:30:45
176
原创 Vue总结
Vue的双向数据绑定原理是什么？vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤：1、需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化 2、compile解析模板指令，将模板中的变量替换成数据，然后初始
2021-03-04 08:54:54
127
1
原创 Vue 原理分析
vue的底层原理是:通过Vue.Js采用**数据劫持的方式结合发布订阅模式**，通过Object.defineProperty()来劫持各个属性的getter和setter，在数据变动时发布消息给各个订阅者，触发相应的监听回调。Object.defineProperty()我们正常去给一个对象添加或者修改一个属性时var obj = {};obj.name = "zs"obj.say = function(){...}Object.defineProperty(obj,prop,desc)
2021-03-03 22:54:45
303
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人