- 博客(37)
- 收藏
- 关注
原创 uniapp分包使用
微信小程序的打包上传的大小是2MB。一般情况下对于小程序的开发是够用了,但是如果要开发的小程序比较大,功能点比较多的情况下。2MB的大小限制可能就不太够了,这个时候就需要对小程序进行分包的处理了。pages中代表的是主包,可以在它的同级目录下创建分包。分包后的页面跳转也如同主包一样.例如我想跳转到分包pagesA下的indexA页面。
2024-08-29 15:05:57
129
原创 微信小程序判断当前是否最新版本并且更新
/ wx.getUpdateManager接口,可以获知是否有新版本的小程序、新版本是否下载好以及应用新版本的能力,会返回一个UpdateManager实例。// 检查小程序是否有新版本发布,onCheckForUpdate:当小程序向后台请求完新版本信息,会通知这个版本告知检查结果。// 获取小程序更新机制的兼容,由于更新的功能基础库要1.9.90以上版本才支持,所以此处要做低版本的兼容处理。// 静默下载更新小程序新版本,onUpdateReady:当新版本下载完成回调。// 下载新版本,重启应用。
2024-08-29 15:00:57
70
原创 uniapp中echarts的简单使用
所以需要调用这个this.$refs.chart.setOption(this.option,true),表示数据不默认合并。要注意通过接口获取数据然后直接改变option配置项中的数据时,图表是不会更新的。
2024-08-29 14:59:09
113
原创 npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别
D则是项目在开发阶段需要的依赖,例如es6转es5的依赖,我们就只需要用它来获取转译后的代码,但在项目运行过程中并不需要这些。-D 与 --save-dev 的简写,安装包写入 devDependencies 中。-S 与 --save 的简写,安装包信息会写入 dependencies 中。-g 是全局安装,不带 -g 会安装在个人文件夹。-S安装的依赖是项目在实际运行时也需要的依赖。i 是 install 的简写。
2024-08-29 14:57:06
101
原创 Redux笔记
Redux 就像是作者自己的介绍,它不会为你提供任何的东西,它不会告诉你如何做路由,它只专注于应用程序状态,是一个 JavasSript 的状态容器,所有的状态的变化都是当前状态和 Action 共同的作用结果。对于view来说,不用关心数据是怎样变化,只需要在 view 层面等待 store 通知自己数据发生变化,然后把数据渲染成页面即可。
2024-08-29 14:56:26
215
原创 小程序页面跳转传输数据太多被截断的解决方法
小程序url传参如果是对象的话需要先用JSON.stringify()转换一下,接受页面在用JSON.parse()再转换回来。这时可以再添加另一个API:encodeURIComponent(obj) 和 decodeURIComponent(options.obj),在encodeURIComponent之前要用JSON.stringify()先转换数据,decodeURIComponent之后再用JSON.parse()转换回来。
2024-08-29 14:52:30
176
原创 js的时间处理函数
/获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1;myDate.setMilliseconds() //设置 Date 对象中的毫秒 (0 ~ 999)。myDate.setMinutes() //设置 Date 对象中的分钟 (0 ~ 59)。myDate.setSeconds() //设置 Date 对象中的秒钟 (0 ~ 59)。//获取完整的年份(4位,1970-?//获取当前秒数(0-59)
2024-08-29 14:42:08
227
原创 正则表达式相关笔记
使用方括号 [ ] 包含一系列字符,能够匹配其中任意一个字符。用 [^ ] 包含一系列字符,则能够匹配其中字符之外的任意一个字符。同样的道理,虽然可以匹配其中任意一个,但是只能是一个,不是多个。表达式可匹配[ab5@]匹配 "a" 或 "b" 或 "5" 或 "@"[^abc]匹配 "a","b","c" 之外的任意一个字符[f-k]匹配 "f"~"k" 之间的任意一个字母[^A-F0-3]匹配 "A"~"F","0"~"3" 之外的任意一个字符。
2024-08-28 16:44:42
313
原创 uniapp返回上一页并刷新数据方法
3.let beforePage=pages[pages.length-2],将上一页赋值给beforePage。2.pages[pages.length-1],为当前页。pages[pages.length-2]为上一页。调用上一页中的onload()方法。1.getCurrentPages()获取当前页面的页面栈,是个数组。
2024-08-28 16:36:00
208
原创 微信小程序实现图片拖拽
2.监听移动事件并获取x,y轴与初始位置的差。3.改变在data中的元素位置参数。1.监听拖拽开始事件获取初始位置。vue的拖拽原理也是一样的。
2024-08-28 16:33:43
180
原创 在React中使用less
运行 npm install less-loader less --save。之后在文件中搜素oneof,增加oneof中的配置代码,之后就可以直接使用了。在终端运行 npm run eject。找到config文件夹目录下的。
2024-08-28 16:31:54
271
原创 关于vue单页面返回上一路由时在ios上mounted不执行的问题
keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。这个时候可以把mounted中的函数放在deactivated中,就可以实现返回页面的时候ios上的数据也刷新了。本人在做一个单页面的移动端网页时遇到的这个问题。在详情页填入数据提交后,返回上一页安卓端的mounted钩子函数执行了,但是在ios上并没有执行,查阅了部分资料,一下是解决方法。利用的是keep-alive这个vue的内置标签。
2024-08-28 10:30:53
130
原创 微信小程序图片裁剪后上传
之后执行裁剪操作并通过getCurrentPages()触发之前页面的上传函数执行上传操作。2.在项目中新建一个page页面imgcorp.名字什么的随便你们自己改都行。可以把we-cropper.js文件放在小程序项目的utils中。这里需要用到小程序裁剪的库we-cropper 下载地址。最近的一个小程序项目中遇到了上传图片过长需要小程序裁剪的问题。imgcorp中的wxml要填入如下代码。imgcorp中的js要填入如下代码。跳转裁剪页面并将图片的链接传过去,3.图片裁剪上传要触发的函数。
2024-08-28 10:25:45
282
原创 关于微信公众号网页的支付问题
列入http://res.wx.qq.com/open/js/jweixin-1.6.0.js或者http://res2.wx.qq.com/open/js/jweixin-1.6.0.js。以上的appId,timestamp,nonceStr,signature,jsApiList除了jsApiList需要自己来配置之外,其他的需要需要后端提供一个接口获取。2.需要在微信公众平台的公众号设置中的“功能设置”里填写“JS接口安全域名”,即为支付网页所在的域名。进行一定的微信配置,拉起微信的支付功能。
2024-08-28 10:20:39
225
原创 关于判断网页是否在微信还是其他的设备,类似于Android或者是iOS
【代码】关于判断网页是否在微信还是其他的设备,类似于Android或者是iOS。
2024-08-28 10:18:54
64
原创 关于移动端vue项目的rem适配
关于vue移动端的适配们需要用到这个插件 postcss-pxtorem:转换px为rem的插件新建 在main.js文件中引入修改 文件在plugins 添加以下配置,配后就可以在开发中直接使用 单位开发了注意在vue-cli3构建的项目中没有.postcssrc.js,所以需要自己来建立这个文件,然后写下如下代码之后就可以在项目中用px单位进行开发了
2024-08-28 10:16:06
83
原创 JS的内置方法
/以上两种方法都接受作为检索起始位置的第二个参数。5.slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。6.substring() 类似于 slice()。// 删除 fruits 中的第一个元素。// 对 fruits 中的元素进行排序。7.substr() 类似于 slice()。5.shift() 方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引。
2024-07-04 16:49:00
744
原创 React构建项目
npm install antd --save之后执行npm install babel-plugin-import --save(这是按需引入)// 第一处是找到 `test: /\.css$/` 将其改为 `test: /\.(css|less)$/`// 第三处是在exclude属性中增加 `/\.(css|less)$/`// test: /\.css$/ 第一处。// 第二处是增加 `less-loader`的配置。src中的文件就是我们项目需要编写的文件。之后只需要在组件中引用就行了。
2024-07-04 16:46:37
629
原创 关于如何使用vuex
show(state) { //自定义改变state初始值的方法,这里面的参数除了state之外还可以再传额外的参数(变量或对象);当然如果项目再大了些,我们可以将index.js中的state,getters,mutations,actions,提取出来放在单独的文件中。众所周知Vue项目的开发就是组件化的开发,既然是组件化的开发就少不了组件间的通信。newNum(state,sum){ //同上,这里面的参数除了state之外还传了需要增加的值sum。大的项目来说组件间的通信就会显得十分的麻烦。
2024-07-04 16:46:03
777
原创 Vue组件间的通信
我们知道Vue开发是组件化的开发,那么组件化开发就绕不过组件间的通信这一点,以往在vue项目的开发之中用vuex进行数据的集中处理,但这是对于大的项目来说,如果只是一个小的项目使用vuex就划不来了。所以这个时候就需要组件间的通信了。
2024-07-04 16:42:02
721
原创 关于vue2的生命周期
关于Vue的生命周期我们来看下这个官方的图:这个生命周期如上图所示 实例初始化在这个生命周期遍历 data 对象下所有属性将其转化为 getter/setter,也就是说添加一个被观察者,所以我们平时在项目中遇到在后来添加新的属性视图不更新就是这个原因,在后来被添加的属性,没有被放到观察者对象中去 但是这个时候数据并没有和模板建立链接 还不能操作属性。
2024-05-27 22:55:51
604
原创 Vue的nextTick
只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。然后,在下一个的事件循环“tick”中,Vue 刷新队列并执行实际 (已去重的) 工作。,该组件不会立即重新渲染。当刷新队列时,组件会在事件循环队列清空时的下一个“tick”更新。当 Vue 组件中的数据发生变化时,Vue.js 不会立即更新视图,而是将变化的数据记录下来,并在下一次事件循环时更新视图。方法则是用于等待这个事件循环结束后再执行回调函数,这样可以确保在操作 DOM 的时候,DOM 已经被 Vue 更新过了。
2024-05-27 22:49:49
182
原创 前端面试题—Js
typeof可以判断基础数据类型,Array,Object,null,Date,RegExp,Error这几个类型都被typeof判断为object,所以如果想要判断这几种类型,就不能使用typeof了。为什么:主要为了安全,如果没有同源限制,在浏览器中的cookie等其他数据可以任意读取,不同域下的DOM任意操作,ajax任意请求其他网站的数据,包括隐私数据。原型继承,构造继承,实例继承,拷贝继承,组合继承,寄生组合继承,class继承。同源策略:两个页面地址中的协议,域名,端口号一致,则表示同源。
2024-05-24 22:03:54
408
1
原创 前端面试题—css
ID选择器,类选择器,标签选择器,通用选择器,后代选择器,交集选择器(注:IE7才可以兼容),并集选择器,伪类选择器,子代选择器(注:IE7才可以兼容),序选择器(例:ul li:first-child)(注:IE8才开始兼容)2D/3d:transform:进行2d转化translate(平面移动),rotate(平面旋转),scale(放大缩小),skew(倾斜),matrix(前面动画的集合);em:相对单位,以父节点字体大小为基准,如果自身设置了font-size,以自身的来计算。
2024-05-24 22:01:21
722
1
原创 前端面试题—html
就是用合理、正确的标签来展示内容,比如h1~h6定义标题。4.移动端设备忽略将页面中的数字识别为电话号码的方法。2.input和textarea的区别。3.用一个div模拟textarea。
2024-05-24 21:55:57
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人