- 博客(35)
- 收藏
- 关注
RSS订阅
原创 【微信小程序】自己的小程序跳转到京东小程序商品详情页
一、获取京东小程序APPID二、获取小程序路径1、随便进入一个小程序的开发后台2、点击生成小程序码，然后输入小程序的appid选择小程序，点击下一步3、然后点击获取更多页面路径，在弹出的输入框中输入你的微信号，点击开启。然后在你的微信中打开小程序三、打开京东小程序商品详情wx.navigateToMiniProgram({ appId: 'wx91d27dbf599dff74', path: '/pages/item/detail/detail?sku=1
2020-10-15 14:08:25
13861
3
转载 【VUE】html2canvas 在IOS系统13.4以上失效的问题解决方法
一、问题描述最近在开发 html2canvas 的时候，突然发现，html2canvas在IOS13.4.1系统中调用失败。后马上去github上查看是否有同道中人遇到类似问题。参考链接：https://github.com/niklasvh/html2canvas/issues/2229二、解决方案1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】版本降低方法首先移除 html2canvas 【npm uninstall html2canva
2020-08-19 10:29:16
1867
原创 npm ERR! code 128
解决办法：执行git config --globalurl."https://".insteadOfgit://npm cache clean --force
2020-05-14 15:55:48
5433
1
原创 【微信小程序】base64转为本地图片详解
在生成海报时 需要在海报里生成对应id的商品二维码，可以使用字符串转化为二维码图片，但是其图片格式为base64，在微信开发者工具可以正常查看，但是手机测试无法显示，需要把base64图片转为本地图片。1.新建base64src.js文件// 小程序分享二维码是base64格式，在制作分享图时，需要转换为图片格式const fsm = wx.getFileSystemManager();c...
2020-03-03 18:59:37
4365
2
原创 【微信小程序】通用接口封装
config.jsconst config = { api_base_url: "https://ipa.soujingpin.com/", // api_base_url: "http://192.168.109.101:8091/", appkey: "获取不到key"}export { config}http-p.jsimport { config} f...
2020-01-15 21:03:42
527
原创 【VUE】vue.config.js初体验
const webpack = require('webpack')const TerserPlugin = require('terser-webpack-plugin'); // 引入插件module.exports = { // 具体配置说明，请查看官方文档： // https://cli.vuejs.org/zh/config/ /** 区分打包环境与开发环境...
2020-01-15 20:56:08
117
原创 【VUE】vue-cli3.0 初体验
vue-cli3.0 初体验本地安装vue/cli创建项目安装补充启动项目打包上线单元测试本地安装vue/cli可以使用这个命令来检查当前vue版本vue -V使用 npm 全局安装 vue-clinpm install -g @vue/cli创建项目命令行vue create my-vue-cli3.0// my-vue-cli3.0 是项目名字 随意选择模板此处...
2019-11-30 14:46:33
854
原创 【记录】vue+element使用resetFields重置，保存表单会出现一闪而过上次赋的值
resetFields作用实际上是将表单元素置为初始值使用resetFields清空表单，有时候会出现再次打开表单，还是会出现上一次的值的情况解决方案1.在打开弹窗时，在$nextTick中赋值，因为此时Dialog已经初始化（已经mounted） confirmEdit(row) { console.log(row, '编辑') this.dialogVisible = true this.$nextTick(() => { this
2022-04-01 17:57:15
1060
原创 vscode插件Gitlens失效解决方案
此时在右下角会提示command ‘gitlens.showSettingsPage’ not found1、更新插件到最新版；2、在插件列表旁的设置按钮上右键安装另一个早期的版本；3、清除所有已安装的插件，重新下载安装vscode；4、如果以上都不行，则需要找插件作者协助解决建议在此建议使用vscode的童鞋么，把同步设置打开，在更换电脑或者重新安装vscode的时候，真的很方便...
2022-03-22 14:26:21
8056
原创 JavaScript中filter()和map()方法的区别
JavaScript中filter()和map()方法的区别filter()和map()方法都会返回新数组,对原数组不会影响filter()方法是根据一定的条件对原数组长度进行过滤返回一个新的数组，这个新数组改变了原数组的长度，不会改变原数组的内容。map()方法是根据一定的条件对原数组内容进行处理返回一个新的数组，这个新数组不会改变原数组的长度，只改变原数组的内容。filter()方法的使用：对原数组的过滤,r适合得筛选后才能返回出去的数组let arr = [1, 2, 3, 4, 5,
2021-11-19 16:33:18
939
原创 vue 移动端弹窗后禁止页面滚动
vue 移动端弹窗后禁止页面滚动<div @touchmove.prevent></div>可以在遮罩层中添加 @touchmove.prevent 就可以实现禁止页面滚动注意 弹窗里面有滚动条的也是无法滚动的
2021-11-11 14:08:00
1810
原创 npm切换到yarn
1:先根据环境安装yarn2:删除项目node_modules和package.lock.js文件3:项目文件下运行:npm install -g yarn4:安装依赖yarn 或 yarn installyarnyarn install
2021-04-30 14:25:04
2749
转载 【VUE】v-once用法之静态数据，指渲染一次
v-oncev-once这个指令不需要任何表达式，它的作用就是定义它的元素或组件只会渲染一次，包括元素或者组件的所有字节点。首次渲染后，不再随着数据的改变而重新渲染。也就是说使用v-once，那么该块都将被视为静态内容。应用场景： 如果显示的信息后续不需要再修改，使用v-once，这样可以提高性能。下面我们看个例子，我们先不使用v-once指令：<!--v-once示例--><template> <div> <div>{{count}}&
2021-04-29 11:10:27
498
原创 【微信小程序】下拉刷新设置，下拉不回弹和增加导航条加载动画
/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { wx.showNavigationBarLoading() wx.hideNavigationBarLoading() wx.stopPullDownRefresh() },wx.showNavigationBarLoading(Object object)wx.hideNavigationBarLoading(Object o..
2021-04-22 20:16:58
279
转载 chrome F12 谷歌开发者工具详解 Network篇
开发者工具初步介绍chrome开发者工具最常用的四个功能模块：Elements：主要用来查看前面界面的html的Dom结构，和修改css的样式。css可以即时修改，即使显示。大大方便了开发者调试页面，这真是十分友好的~console：这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性，我可以直接在Console中输入"console"并执行~Sources：主要用来调试js
2021-04-21 17:44:43
443
原创 简单粗暴的解决js加减乘除运算精度丢失问题
上列子12.32*786.2400000000000112.32 * 100 * 7 / 10086.248.80 * 100 * 12 / 100105.600000000000028.80 * 10000 * 12 / 10000105.663.64-19.73-2.55-13.85-2.0025.509999999999998(63.64*10000-19.73*10000-2.55*10000-13.85*10000-2.00*10000)/1000025.51
2021-04-16 15:37:02
578
原创 【微信小程序】canvas 文字断行和省略号显示
wxml：<canvas canvas-id='mycanvas' id='mycanvas'></canvas>canvas肯定要一个画板容器啦，记得设置宽高哦，小程序中默认宽高是300px和150pxjs：在page中//处理文字多出省略号显示 dealWords: function (options) { options.ctx.setFontSize(options.fontSize); // 设置字体大小 var allRo
2020-11-09 16:12:45
419
原创 【VUE】element-ui picker 选择时间范围限制条件
选择时间组件：<el-date-picker v-model.trim="ruleForm.messTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" >
2020-09-16 10:46:47
1861
4
原创 【VUE】this.$router.push、replace、go的区别
一、this.$router.push说明：跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面使用：this.$router.push('/index')this.$router.push({path:'/index'})this.$router.push({path:'/index',query:{name: '123'}})this.$router.push({name:'index',params:{name:'123'}})二、this.$router.
2020-09-02 15:28:35
311
转载 数组的7种排序汇总
实际开发中不是每个都用，只是一种思想呈现。1、桶排序（桶中出现的数组元素都做个标记1，然后将桶数组中有1标记的元素依次打印）//简单, 但是不用,浪费内存var arr2=[];for(var i=0;i<arr.length;i++){ var key=arr[i]; arr2[key]=1;}for(var j in arr2){ console.log(j);}2、冒泡排序（每一趟找出最大的）//性能一般var arr=[1,5,7,9,16,2,4
2020-08-27 10:25:26
666
原创 JS中 reduce() 的用法总结
其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中，arr 表示原数组；prev 表示上一次调用回调时的返回值，或者初始值 init;cur 表示当前正在处理的数组元素；index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；init 表示初始值。其实常用的参数只有两个：prev 和 cur二
2020-08-27 10:22:46
1911
2
原创 【VUE】无限滚动之vue-infinite-scroll插件
安装vue-infinite-scroll官网是：https://github.com/ElemeFE/vue-infinite-scrollnpm install vue-infinite-scroll --save小编使用的是全局引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)页面中使用<div v-infinite-scroll="loadMore" infinite-scroll
2020-05-15 10:44:45
768
原创 【微信小程序】解决微信小程序Date.parse()获取时间戳IOS显示为NaN或null
var data = '2020-05-08 20:12:24'var countDown = Date.parse(new Date(data ))用正则匹配改一下var data = '2020-05-08 20:12:24'var format = data.replace(/-/g, '/')var countDown = Date.parse(new Date(format))
2020-05-08 20:12:08
1088
转载 前端面试之简历篇
1.前期准备投其所好一般公司招聘都会有一些硬性要求，比如工作经历、学历、技术栈、岗位要求等等。因此应聘之前，一方面，要花时间将自己力所能及的盲点覆盖到，一方面，找对合适的公司进行投递。盲目的海投只会让简历石沉大海。也会打击你的信心。下面从网上整理了两份的不同级别招聘需求，供大家参考中级前端工程师岗位职责：1、负责WEB端开发工作，与后端工程师配合，为项目提供最优化的技术解决方案...
2020-05-08 09:34:12
7271
原创 让整个网站网页变灰的方法
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。但页面变灰，怎么做？我们知道一个项目都有很多个界面，有成十上百个的css样式，难道我们要一行一行改代码？一块一块改样式？还得将图片色都重新做灰？不！今天就说说，通过几行简单的代码，来实现这个功能。html,body{-webkit-filt...
2020-04-07 09:23:51
654
原创 【VUE】如何避免 v-if 与 v-for 一起使用
第一种：将 v-if 和 v-for 分别放在不同标签中 <ul v-if="active"> <li v-for="(item, index) in list" :key="inde"> <p>{{item.name}}</p> </li> </ul>第二种：如果 v-if 和 v-for 只能放...
2020-03-26 19:11:28
1042
转载 【VUE】使用bus总线时，第一次路由跳转时数据没成功传递的原因以及解决办法
bus总线是vue中路由跳转传递数据的常用方法，适用于传递数据不多的情况，但是在使用的过程中发现，bus总线在第一次路由跳转的时候总是不能够成功传递需要传递的数据。检查bus的配置以及调用方法，均没有出错，错就错在没有理解Vue的生命周期！！！我们知道bus的on的监听应该位于on的监听应该位于on的监听应该位于emit之前，如果在emit之前没有创建监听事件，那么肯定是得不到需要的数据。因此，...
2020-01-16 10:40:28
869
原创 【微信小程序】实现分页 && 重复加载的问题2(锁 && 避免死锁)
Page({ data: { dataArray: [], pageSize: 14, // 每页数据 pageNum: 1, // 分页 totalRecords: "", //已加载的数据 total: 0, loading: false }, /** * 生命周期函数--监听页面显示 */ onShow() { ...
2020-01-15 21:00:35
348
原创 【微信小程序】实现分页 && 重复加载的问题
小程序实现分页 && 重复加载的问题(锁 && 避免死锁)Page({ data: { dataArray: [], pageSize: 16, // 每页的数量 pageNum: 1, // 当前页码 sumPage: 1, // 总页码,后台会返回 total: "", // 总数量 lock: false,...
2019-12-17 11:24:45
1011
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人