- 博客(44)
- 收藏
- 关注
RSS订阅原创 【vue】优化白屏即首次加载时间,针对vue2+webpack
在对应的webpack配置文件(webpack.base.conf.js)的module.exports 中的externals添加要忽略的包。此处有chunks与excludeChunks需要注意，chunks如果配置了，路由懒加载将会失效，所以不宜配置chunks。注意：不同包要修改的方式不同，需要研究后再修改，例如vant，vue.use(vant.button)等。至此，原本需要7-8秒才可以加载出来的页面，只需要0-1秒就可以加载出来（此次研究断断续续有两周的时间）将js中的css文件分离出来。
2022-11-17 18:00:07
790
原创 【element】应用过程中用到的一些问题及解决
el-tree懒加载只执行一次有时我们需要点击节点就进行一次加载，可以使用下面的代码进行节点刷新// 刷新某个树节点，重点！！！！refreshNode(key) { // 获取当前节点，key可以在@node-click和:load绑定函数的回调参数node用变量存储后有需要刷新的地方取node.key let node = this.$refs.tree.getNode(key); // 设置未进行懒加载状态 node.loaded = false; /
2022-02-09 15:02:32
450
原创 【IOS】兼容性解决日志
fixed兼容性当发生下拉或上拉操作时，fixed会发生一些兼容性问题。可以通过监听某元素的滚动条位置，来改变该元素的css，属性由fixed改为absolute；vue中监听滚动条位置 methods: { handleScroll(){ //监听相应滚动条的位置 let scroll = document.querySelector('.common-container').scrollTop }},mounted() { window.addEventListener(
2022-02-07 17:10:29
1524
1
原创 js--对象的浅层复制与深度克隆
深度克隆当对象中有引用类型的数值时，并且要求不可以改变原对象。此时需要深度克隆；深度克隆有两种方式：递归和JSON.parse递归function deepClone(obj){ let objClone = Array.isArray(obj) ? [] : {}; if (obj && typeof obj === 'object') { for(let key in obj){ if (obj[key] && typeof obj[
2021-12-06 13:57:20
479
原创 scroll-view横向滚动设置
scroll-view的子元素要inline-block，父元素white-space: nowrap;就可以横向排列。
2021-07-14 17:42:42
790
原创 联系客服时发送小程序卡片
参考小程序文档的button组件show-message-card：设置为true,send-message-img,send-message-title：可设置，send-message-path：默认值不带参数，如需带参需要设置，<button hover-class="none" open-type='contact' send-message-img='{{kefuData.shareimg}}' send-message-title='{{kefuData.title}}'
2021-06-17 17:08:24
693
原创 公众号JS-SDK使用记录
这里写自定义目录标题文档地址使用场景H5打开小程序参考文档tips：文档地址官方文档使用场景H5打开小程序微信外打开小程序使用urlscheme即可。微信内打开小程序需要使用到公众号的 微信开放标签 。参考文档在此列出官方提供的一些说明文档，以供参考：urlscheme打开小程序：urlscheme微信开放标签：官方文档 其他文章参考js-sdk：官方文档tips：需要在公众号后台设置的有，目的是获取签名：js接口安全域名配置ip白名单（获取access_token）
2021-05-12 10:29:26
100
原创 微信小程序 open-data头像圆形展示
外套view标签写css样式，样式中要有overflow-hidden例如： <view style="width:30px;height:30px;border-radius:50%;overflow:hidden"> <open-data type="userAvatarUrl"></open-data> </view>
2021-03-09 16:57:58
269
原创 搜索引擎左下角图片更新（针对百度）
左下角图片是搜索引擎自动抓取的，搜索引擎信息更新后图片会有更新，展示的图片会按照代码顺序读取网站第一张图，搜索引擎信息更新频率不是一定的。加快爬虫抓取速度提交链接还有一个方法即在百度搜索资源平台的站点属性设置站点LOGO，但是这个需要权限，可能会要开发其他东西或者产生一定费用。设置站点属性链接...
2021-01-25 11:17:52
382
原创 wamp修改根目录
这里写自定义目录标题httpd.confhttpd-vhosts.conf修改apache=>http.conf和apache=>httpd-vhosts.conf两个文件的内容httpd.conf修改DocumentRoot和Directory为需要的目录httpd-vhosts.conf修改DocumentRoot和Directory为需要的目录...
2020-12-29 15:50:18
263
原创 多端开发框架（微信小程序与其它）
Taro:多种应用下的小程序，多端统一开发https://taro.aotu.io/mpvue:开发微信小程序的前端框架（vue.js）http://mpvue.com/WePY开发微信小程序的前端框架https://wepyjs.github.io/wepy-docs/uni-app使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/...
2020-09-02 17:56:12
1350
原创 微信小程序签名验证失败
参考链接：小程序验证签名(登录)的流程简单点说：就是调用wx.login会导致session_key过期，从而验证失败。所以步骤是wx.login=>wx.getuserinfo=>向后台请求
2020-07-21 16:54:21
2763
原创 js异步加载
可使用lab.js进行异步加载；异步加载不存在与DOM结构中，因此在DOM-ready（DOMContentLoaded）事件和window.onload事件中指定的回调函数对它无效，onload中的函数如果有依赖异步加载中的方法，可能会执行失败。参考解释与说明：https://www.jb51.net/article/61488.htm...
2020-07-17 15:06:47
124
原创 wamp关闭php页面报错
一个比较简单粗暴的做法左键点击wamp,打开php的php.ini查找display_errors ，改为display_errors = Off
2020-07-01 16:31:04
306
原创 https中引用http的资源，浏览器在引用时http直接改为https
问题描述问题：https中引用http的资源，引用时http直接改为https，导致无法引用到资源，最新版本的chrome与firefox均无法引用到（旧版本可以）。说明详见：混合模式方法解决方法：将http的资源改为https。...
2020-05-25 12:20:38
1260
原创 微信关注公众号组件
组件样式：可改变组件宽度组件会显示的场景：可展示场景很窄。a) 扫小程序码（扫“一物一码”打开小程序，扫描小程序码，非二维码）；b) 从聊天顶部小程序图标进入，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态；c) 从其他小程序返回小程序，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态；解释：一个小程序的生命周期内：如果初次打开小程序时是扫码进入，在此次小程序未销毁之前，从聊天顶部小程序图标进入或者从其他小程序返回小程序时（测试从分享进入也可以），可以查看此组件；..
2020-05-19 10:24:25
1540
原创 微信小程序--关注公众号组件official-account
官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html 此组件显示场景受限制居多:一个小程序的生命周期内： 如果初次打开小程序时是扫码进入，在此次小程序未销毁之前，从聊天顶部小程序图标进入或者从其他小程序返回小程序时（测 试从分享进入也可以），可以查看此组件； 如果初次...
2020-04-08 10:29:50
1283
原创 小程序--直播插件
直播插件：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx2b03c6e691cd7370如何开通小程序直播：https://developers.weixin.qq.com/community/minihome/article/doc/000c4ce42ec10093071a2a9...
2020-03-19 15:05:11
5605
转载 wamp手机端无法访问解决
安装好wamp后，想用手机通过局域访问电脑上wamp下的网页，结果出现如下提示403错误：第一步：找到 conf 这个文件：找到下图中红色方框中的onlineoffline tag - don’t remove，将原来的Require local替换为Require all granted；注意几种常用格式，自己可以灵活配置：Require local 仅允许本地访问；Re...
2020-03-05 09:49:07
1033
1
原创 小程序版本更新机制
当遇到小程序版本更新时，由于缓存有的客户端打开后仍然是之前的版本；下面的这篇文章中简述了小程序版本的更新机；我抓住的核心是：24小时后所有用户的版本都会更新为最新版本；放上文章链接：https://mp.weixin.qq.com/s?__biz=MjM5NDAxMDg4MA==&mid=2650959369&idx=1&sn=8a5f69ffcf1ebfe...
2020-01-08 10:41:46
1065
原创 微信小程序：底部按钮高度自适应
底部高度使用场景具体操作app.js应用使用场景由于iphoneX等型号手机底部有home虚拟键，为了按钮不被遮挡，需要调整底部按钮高度具体操作app.js获取手机信息：wx.getSystemInfo()App({ onLaunch: function () { wx.getSystemInfo({ success: (res) => { ...
2019-09-24 11:10:46
5499
转载 数据库--事务
比小白还要小白的记录什么是事务？事务的特性ACID事务的语句事务的保存点关于savepoint什么是事务？事务由一个或多个sql语句组成一个整体，如果所有的语句执行成功那么修改将会全部生效，如一条sql语句将某字段+n，下一条+k，倘若第二条失败，那么销量将撤销第一条sql语句的+n操作(即回滚)，只有在该事务中所有的语句都执行成功才会将修改加入到数据库中。事务被用begin trans...
2019-07-12 10:34:41
160
原创 初遇canvas记录
比小白还要小白的记录实现功能有关知识点总结canvas绘制图片drawImage()canvas应该在图片加载后完成补充一个获取图片原尺寸的方法重置尺寸实现功能这里要实现的功能很简单，就是在canvas内插入图片，并且可以配合range进度条调节大小，上面动态生成类似锚点的元素。img.onload=function(){ 涉及img有关方法必须写在这里}有关知识点总结canvas...
2019-06-28 15:26:23
154
原创 JQ 动态创建input，value有空格取值不全问题
使用jq创建含有变量的input元素时，要注意引号的使用；正确的用法是：var address_input = "<input type='hidden' name='address' value='"+address_value+"' />";双引号和单引号不能用反，整体使用双引号在有变量的位置特别要注意单引号内的书写格式为"+变量名+"...
2019-06-21 14:59:00
1348
原创 用js删除html注释
场景：从后台传来一段html的字符串到小程序内，用的是wxParse插件，由于有些注释会影响到转义，故需要将注释删除。正则表达式有关定义（RegExp 对象）请查看：https://www.runoob.com/jsref/jsref-obj-regexp.html用到的正则表达式为：str.replace(/(<!--.*?-->)/g, '')// /g为全局...
2019-05-27 14:45:35
2662
原创 微信小程序开发vlog
1:图片预览 wx.previewImage(); data-src必需为网络（http）链接，小程序内部图片在ios系统下无法显示； 文档链接：https://developers.weixin.qq.com/miniprogram/dev/api/wx.previe...
2019-05-14 16:32:43
1371
原创 php不写闭合标签的原因
php文件以<?php开头，末尾?>应该省略，原因是： 如果使用闭合标签，任何由开发者，用户，或者FTP应用程序插入闭合标签后面的空格都有可能会引起多余的输出、php错误、之后的输出无法显示、空白页。因此，所有的php文件应该省略这个php闭合标签，并插入一段注释来标明这是文件的底部并定位这个文件在这个应用的相对路径。这样有利于你确定这个文件已经结束而不是被删节的。...
2018-11-12 11:14:39
717
原创 多于两行文字隐藏并显示省略号
display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2;
2018-10-31 16:25:02
5334
原创 a标签href不跳转
标签属性href，使其指向空或不返回任何内容。如： <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a> 标签事件onclick，阻止其默认行为。如： <a href
2018-10-24 14:14:35
7676
转载 html空格的使用 &emsp &ensp   ‌ ‍
&nbsp 这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。为了便于记忆，我总是把这个空格成为“牛逼(nb)空格(sp – space)”，虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏，在两端对齐布局中又是不可少的元素。...
2018-09-04 15:08:37
826
原创 有关使用swiper插件的总结
swiper演示1、将swiper箭头放在图片外部写法：（左右箭头不受文档结构的影响）见官网 demohtml部分<div class="div-center" style="position:relative;width:59%;margin-top:3.5vw;"> <!—swiper content--> <div id="diy...
2018-09-04 14:52:47
751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人