- 博客(33)
- 收藏
- 关注
RSS订阅原创 hbuilder vue 混合app项目实践记录
hbuilder vue 混合app项目实践遇到了一堆兼容性 优化问题大家走过路过千万不要错过，有钱的捧个钱场，没钱的捧个人场
2023-09-22 14:40:49
163
1
原创 webhook
Lunix 进入 root/zhongtai-ant执行 nohup node deploy.js&再执行 trap""HUP（这个必须执行，不执行关闭shell 窗口会断开服务）
2021-03-11 12:36:20
191
原创 高性能网站 首屏渲染速度
1、减少HTTP请求 1.1、图片地图 如果一个导航栏上由五幅图片，点击一个图片会跳转响应的页面 这时会有5个http请求 可以使用图片地图使用一张图片在响应跳转位置进行映射跳转到响应的位置，这时减少了4个http请求 优点：减少HTTP请求，图片中的子元素图片需要和设计图一致，不可随意排列 缺点：在定义图片地图上的区域坐标时，容易出错，并且响应式兼容也是个问题 1.2、CSS Sprites...
2020-12-07 10:48:51
290
原创 js浏览器验证
Vue 源码浏览器验证// Browser environment sniffingexport const inBrowser = typeof window !== 'undefined'export const inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platformexport const weexPlatform = inWeex && WXEnvironment.p.
2020-11-27 09:52:40
113
原创 input 禁止手机唤起软键盘，并且光标存在
首先先将input 设置为readonly="readonly"状态其次在input readonly 状态下聚焦let ele = document.getElementById(`no${index}`)if (ele) { ele.focus() ele = null}聚焦后再将readonly 属性移除let ele = document.getElementById(`no${index}`)ele.removeAttribute('readonly')ele
2020-11-02 16:58:57
2224
1
原创 如何加快首页渲染速度
1、从文件大小考虑2、从script标签的使用上来考虑3、从css、html的代码书写上来考虑4、从需要下载的内容是否需要在收评使用上来考虑
2020-10-14 14:52:23
282
原创 浏览器缓存 个人见解
disk cache momory cache根据内存的使用率 会先存到momory cache 中 但是也会在disk cache 中存一份 下次直接从 disk cache 中取
2020-10-13 12:56:44
165
原创 浏览器缓存机制
**浏览器缓存机制**1、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少宽带，降低网络负荷对于一个数据请求来说，可以分为发起网络请求，后端处理，浏览器响应三个步骤。浏览器缓存可以帮助我们在第一步和第三步中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用
2020-10-10 13:13:40
481
原创 闭包和高阶函数
闭包的形成与变量的作用域以及变量的生存周期息息相关变量的作用域变量的作用域就是指变量的有效范围。我们最长谈到的是在函数中声明的变量作用域。当在函数中声明一个变量的时候，如果该变量前面没有带上关键字var，这个变量就会成为全局变量，这当然是一个容易造成命名冲突的做法。另外一种情况就是用var关键字在函数中声明变量，这时候的变量就是局部变量，只有在该函数内部才能访问到这个变量，在函数外是不能访问到的var func = function(){var a=1;alert(a)//输出1
2020-06-19 08:14:18
153
原创 项目中遇到的问题
1.响应式开发 postcss 转化rem 响应页面2.react 大数据问题 大数据页面卡顿 问题 采用插件渲染眼前看到的数据3.兼容问题：a标签 火狐浏览器 body.appendChild 添加到一个父元素上兼容考虑浏览器问题 不同的浏览器 不同的写法 像addEvenListeer 这个 问题防抖和节流https://blog.csdn.net/qq_37324...
2020-05-28 16:08:02
50
原创 this,call,apply
this 总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境this的指向：除去不常用的with 和eval 的情况，具体到实际应用中this的指向大概可以分为以下4种作为对象的方法调用作为普通函数调用构造器调用Function.prototype.call 或 Function.prototype.apply 调用作为对象的方法被调用，this指向该对象var obj = { a: 1, getA: function(){
2020-05-26 13:54:17
73
原创 vue mixins
vue mixins 调用顺序data 调用顺序data 中相同的变量名 以组件中的 变量名的 权重最大如果data 中没有 变量名 下一步分为两种情况 如果mixins 只含有一个 mix 对象 （mixin 中的变量名 再次其是 mixin 中的变量名的 权重）如果mixins 包含多个 对象 权重大的变量名 是 数组中最后一个对象中的 变量名的 权重大 ，权重最小的 是全局Mixin首先一个全局mixinVue.mixin({ data() { ...
2020-05-14 11:38:13
233
原创 vue 项目开发+优化
同源策略：同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响，可以说web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。当一个浏览器的两个tab页中分别打开 百度合谷歌的页面，当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的，即检查同源，只有百度同源的脚本才会被执行。如果非同源，那么在请求数据...
2020-05-14 09:22:22
51
原创 防抖与节流
防抖debounce 触发高频事件后n秒内函数只执行一次，如果n秒内高频事件再次触发则重新计算时间。节流throttle 高频事件触发，但是n秒内指挥执行一次，所以节流会稀释函数的执行频率防抖和节流都是为了限制函数的执行频率，以优化函数触发频率过高导致的响应速度跟不上触发频率。出现延迟，假死或卡顿的现象防抖函数实现方法：每次触发事件事设置一个延迟调用的方法，并且取消之前...
2020-02-25 16:25:07
38
原创 css 不常用属性
1、position sticky粘性定位2、object-fit:cover |contain | fill |scale-down | none 3.文本换行overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;...
2019-12-30 15:49:48
105
原创 vuecli3 scss 全局引用
scss cli3.0 全局引入less cli3.0https://www.npmjs.com/package/style-resources-loaderhttps://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8
2019-12-13 15:30:32
364
原创 echarts 问题 集锦
1.关于echarts 使用 dataZoom 中动态配置 start、end 值出现折线图错乱问题项目中使用echarts进行图表的展示，当数据量很大的时候，需要配置dataZoom进行图表可滚动，但是数据都挤在一起，严重影响了图表的美观性，所以动态配置dataZoom的start 、 end属性设置 filterMode:'empty' 解决此问题...
2019-12-13 14:47:38
1254
原创 向下滚动
<html><script>function clickMe(){console.log(1)}var num=0;setTimeout(()=>{var btn = document.getElementById("button"); btn.onclick =function(){ var ma...
2019-12-13 10:27:39
189
原创 html2canvas 图片文字模糊
图片模糊可以使用 img 绝对定位代替背景图片如果必须使用backgroundImage可以先将需要熏染的元素宽高相应的放大2倍 canvas 生成的时候响应的缩小响应的倍数，这样生成的 图片相对不模糊 但是受到背景图片大小的限制 小心使用里面使用的图片也需要考虑图片跨域问题...
2019-11-11 13:49:43
2676
原创 移动端开发兼容
苹果手机 输入框切换的时候 页面回弹滚动lettimer:any=null;letresult='';if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){//判断iPhone|iPad|iPod|iOSresult='ios';}elseif(/(Android)/i.test(nav...
2019-11-11 13:49:26
132
原创 canvas
canvas toDataUrl 特别注意 图片跨域问题img 可以设置crossorigin = "anonymous" 设置img 标签的跨域请求但是canvas toDataUrl 还是不能跨域请求 需要后台配置 图片的请求为允许跨域...
2019-11-11 13:49:19
75
原创 微信端 移动端 开发兼容
微信js sdk 无效签名问题前端需要传入 window.location.origin+‘/’ 注意‘/’是必要的 单页面应用开发 不需要# 以及#后面的链接数据如果还报无效的签名问题 大部分都是后端问题 以及微信公众号 sdk 域名的问题微信公众号 ip 地址白名单配置问题微信js sdk 安全域名问题安全域名指向本地开发登录获取微信cod...
2019-11-11 13:48:55
100
原创 兼容
document.createElement 创建的元素需要添加到 body 对象上，否则部分浏览器 列如a.click()会不起效果正确的写法是 document.body.appendChild(element) 使用完后document.body.removeChild(element)...
2019-11-11 13:48:41
68
原创 进度条样式 小宽度的问题
手动写一个进度条我们可以想到使用绝对定位于相对定位来写 这样写 会出现一个div 溢出的情况 当他的宽度小于高度的时候这种是宽度为30的情况下 这时我们在父级元素中添加overflow：hidden 就可以将溢出的区域进行裁剪 并且其余内容是不可见的。效果如下图所示这样可以稍微好看点...
2019-02-12 16:33:39
590
原创 box-shadw 兼容性问题
box-shadow: 0px 0px 1px rgba(11, 1, 1, 0.4) 如果使用 rgb 并且水平处置的数值都是0 模糊距离是1 的情况 只有在谷歌浏览器上有反应如果rgb 换成 16进制颜色码 0px 0px 1px black 谷歌 火狐浏览器上面正常 但是边框的宽度不一样 火狐的浅一些 谷歌的深一些 ie上没有反应box-shadow: 0px 1px 1...
2018-12-03 13:45:03
519
原创 button 兼容性问题
改文章是基于 谷歌浏览器，360浏览器（兼容模式），火狐浏览器，和QQ浏览器的极速模式下 兼容性问题首先我们先了解下 各个浏览器的内核谷歌浏览器：Google Chrome，谷歌浏览器之前一直使用苹果的webkit内核，但是现在它与苹果内核分道扬镳，自己开创了新的blink内核，这个内核也在被欧鹏（opera浏览器）共同采用和开发；360极速浏览器：基于谷歌内核和IE内核 （兼容模式...
2018-11-13 11:44:58
1303
原创 js sort数组排序
sort() 方法用于对数组的元素进行排序。语法：array.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。下面是sort（） 没有传参的情况字符串排序该方法打印的结果 如下数字排序打印结果如下以上两个例子验证...
2018-11-08 11:16:04
121
原创 前端 数值问题
1.js parseInt parseFloat丢失精度 可以使用 toFixed（） 进行修改2 数值应该判断最大值 后台也应该判断最大值 否则可能会报错 double 提供了15个有效位数 如果数字超过这个限制 后台可能报错...
2018-11-07 17:03:53
216
原创 js 全局变量理解
使用 var 定义的变量是全局变量 全局变量 可以在任何地方引用比如定义了 三个文件 a.js b.js c.js a.js 中定义了一个变量 a 并赋值 =2b.js 中也定义了一个a 并赋值=1 c.js在一个html 中 调用这三个文件 一次alert 出来的值 是 1,2,2 按照加载顺序 a.js b.js 按照加载顺序 对...
2018-10-23 13:26:51
212
原创 vue+axios+java 后台 header 里面加入权限 调用接口不通
当vue 前台使用 axios 时 向后台 传入的header 里面有自定义的值时get和post请求均会请求两次 第一次是option 请求调用option 的条件规范要求，对那些可能对服务器数据产生副作用的 HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME 类型的 POST 请求），浏览器必须首先使用 OPTIONS 方法发...
2018-09-28 18:11:40
1734
原创 vue-quill-editor 光标获取不到问题
getIndex(){let quill = this.$refs.myQuillEditor.quill.index;} <button @click="getIndex"></button> 获取光标 写在button 上面 不会报underfine 可以正确执行写在其它元素上面 会报underfine 具体原因我也不...
2018-09-27 17:37:16
3998
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人