自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 vue2+element-ui项目卡死

vue2+element-ui项目,项目npm run dev成功运行到浏览器后,点击项目左侧菜单1,页面加载失败,且’卡死’(在浏览器中左侧菜单1对应页面无法使用’Ctrl+w’关闭),但只要点击除菜单1以外的左侧菜单,均可正常展示,尝试重装开发工具webstorm/拉取Git上最新分支,均出现所述bug,后来将项目依赖包卸载重装后,上述’莫名其妙的’bug修复...

2022-08-13 18:42:01 2171

原创 webstorm左侧边栏隐藏,恢复显示

webstorm左侧项目文件栏Project 被隐藏,如何恢复显示?解决:快捷键 alt+1

2022-08-13 18:24:22 2482

原创 移动端兼容问题

兼容问题及其它总结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 2680

原创 笔试题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 1115

原创 支付宝对接沙箱流程

支付整个流程** 一、点击去结算 **1.1 生成一个订单「要发送一个请求」生成订单是后端做的事情,记录值为:1后端会给前端返回一个订单号1.2 跳转到【提交订单】页面***生成一个订单:1 【未支付】{后端做的}** 二、点击提交订单 **2.1 发送一个请求把订单号传递给后端,后端要进行 订单状态的改变「待支付:2」** 如果返回了数据,就下一步 **2.2 再发送一个请求「要去支付」***后端会返回一个url 这个url就是进入支付的页面** 三、支付...

2022-02-28 09:31:49 290

原创 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 1758 1

原创 jQuery过滤选择器,选择前几个元素,后几个元素,内容过滤选择器等

jQuery过滤选择器,选择前几个/后几个元素,内容过滤选择器等一、基本过滤选择器(重点掌握下列八个)二、属性过滤选择器(六个必须记住)三、内容过滤选择器(四个必须记住)四、子元素过滤选择器(记住八个)五、可见性过滤选择器(两个)一、基本过滤选择器(重点掌握下列八个):first 选取第一个元素 $(“div:first”).css(“color”,“red”);:last 选取最后一个元素 $(“div:last”).css(“color”,“red”);:not 除去指定的选择器外的元素 $(

2021-06-30 15:01:02 1290

原创 微信小程序view绑定点击事件源码及出现问题 逻辑分析

小程序view绑定点击事件分析:源码点击使view发生变化分析:e.target 和 e.currentTarget 混淆,导致触发事件 却不传值问题原理:(主要用于页面传值)1、如果绑定的事件所在元素没有子元素,用e.target和e.currentTarget的结果是一样的;2、如果事件绑定在父元素中,而且这个父元素有子元素,用e.target时,点击父元素所在区域没有错误,但是点击子元素区域,事件触发了,但是你会发现值并没有传过去,原因是事件没绑定在子元素上,是在父元素上,子元素要用

2021-05-28 14:19:10 8828

原创 微信小程序 弹窗(模态框)遮罩层 弹窗右上角按钮关闭

微信小程序点击按钮/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 4711

原创 微信小程序-单选按钮实现

逻辑单选框的逻辑比较简单,把所有的元素遍历出来,等到点击单选按钮的时候,当value值与遍历变量值一致的时候就 把checked 设置为true,其他的时候把checked设置为 false 只需要一次循环。复选框的逻辑,也不复杂,当只有一个被选中的选项的时候,当点击已经选择的选项的时候,首选外层循环设置为false,这个时候 e.detail.value为零,所以无法进入内层循环,所以被取消。当选中未选择的选项的时候,则从第一个选项开始遍历,如果value值与外层相同则设置为TRUE。然后跳出内层,

2021-05-24 19:07:17 4190 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 1048 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 4569

原创 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 967

原创 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 2577

原创 keep-alive组件

keep-alive实现组件缓存keep-alive 参考文档Props:include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法: 它在包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 它是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。当组件在 keep-alive 内被切换,它的 activated

2021-03-06 09:30:45 208

原创 Vue总结

Vue的双向数据绑定原理是什么?vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤:1、需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化 2、compile解析模板指令,将模板中的变量替换成数据,然后初始

2021-03-04 08:54:54 201 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 392 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除