- 博客(19)
- 收藏
- 关注
原创 微信小程序 跳转小程序
微信小程序跳到指定的小程序跳转小程序的官方链接第一种: 使用方法demo 演示第二种:appd-id: 小程序appidpath: 小程序路径extra-data: 跳转小程序携带的参数version: 当target="miniProgram"时有效,要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是正式版,则打开的小程序必定是正式版。<navigator
2021-08-10 14:47:21 4626
原创 js 循环 总结
var arr = ['a','b','c','d'] var date = [ {namr: '张三', age : '18', data: '2021-07-14'}, {namr: '王五', age : '28', data: '2021-01-14'}, {namr: '李四', age : '38', data: '2021-02-14'} ]1.for循环最基本的循环方式for(var i = 0;i<arr.length;i++).
2021-07-14 17:05:24 189
原创 微信小程序 简易封装弹窗
建立组件文件夹2.编写组件内容 <!--index.wxml--><view class="container"> <text>demo 01 heihzi</text> <view bindtap="onDialog">点击 打开弹窗</view></view><dialog id="dialog" title="查看详情"> <scroll-view class="p-b ..
2020-11-10 16:56:40 414 1
原创 vue js根据对象数组中的时间来排序
dataList:[ { id:"1, name:"li", addtime:'2019-02-06 :08:30' } ] computed: { newdataList: function() { return this.sortKey(this.dataList, "addtime"); } }, sortKey(array, key) { return ..
2020-09-16 11:36:27 777
原创 微信小程序 + 使用二维码
下载 weapp-qrcode.js 文件https://blog-static.cnblogs.com/files/-tiantian/weapp-qrcode.js点开链接按 ctrl + s 保存到相应的位置<view>测试 二维码</view> <view id="container"> <view class="ewm"> <canvas style="width: 600rpx; height: 600r.
2020-08-12 14:48:02 571
原创 vuex 理解 + todolist + 辅助函数
vuex 状态管理模式安装 npm i vuex -s1.项目根目录下面 创建一个文件夹store 创建 文件夹index.js// 初始化数据import Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象const store = new Vuex.Store({ state:{ //存放的键值对就是所要管理的状态 name:'helloVueX'
2020-08-10 13:57:09 243
原创 微信小程序 滑块验证小demo
滑块验证 小 demo思路:1.手指按住 并且 还能 滑动2.滑动到一定的距离 进行判断百度微信开发者文档 : 使用 movable-view的可移动区域。 结合 movable-viewwxml代码 <movable-area class="content" style="width:{{area_width}}%">拖动滑块验证 <movable-view class='box' style='width:{{box_width}}rpx' friction=".
2020-07-16 09:45:51 1916 1
原创 微信小程序 事件绑定的理解 + api的理解
bindtap (常用) 小程序 事件的点击 结合data参数传递<view class='content' data-gid='{{item.gId}}' bindtap='openChatView'>openChatView: function (event) { var $this = this; console.log(event.currentTarget.dataset.gid) },catchtap (常用) 阻止冒泡事件向上.
2020-07-15 17:03:09 250 1
原创 微信 小程序 打开微信扫一扫功能
页面样式<view> <button class="wt btn" bindtap="onScan">扫码验票</button></view>js代码onScan () { var _this = this; wx.scanCode({ success: (res) => { var result = res.result; _this.setData({ result
2020-07-09 15:21:59 1135
原创 微信小程序 使用 uCharts 图表
前端 图标的插件库 有很多echarts 跟 uCharts …echarts 更适合应用于后台管理系统 或者pc 端而 当使用时 报错小程序“文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理,手机端使用过大的js库影响性能。”问题处理所以 我就换了uCharts现在记录一下自己的uCharts 在小程序中使用uCharts链接 https://www.ucharts.cn下载uCharts https://gitee.com/uCharts/uCharts找到
2020-06-11 14:42:00 10435 5
原创 微信小程序 自定义 下拉列表 组件
在小程序中 没有使用 html 标签中的 select 下拉框但项目要实现这个功能 只能自己动手敲在文件 的根目录下 新建 components 文件夹建立一个select 的文件夹 右键 点击新建Component 然后会自动生成这四个文件然后开始写 组件内容// select.wxml 文件下<!--componet/select/select.wxml--><view class='com-selectBox'> <view class='
2020-06-11 14:08:45 4410 4
原创 vue从其他页面返回保持上一页的状态 使用 keepAlive
日常bug 小坑导航切换 点击详情 在返回 状态消失![在这里插入图片描述](https://img-blog.csdnimg.cn/20200603142214627.png { path: '/openord/detail', name: 'openrodDetail', component: () => import('@/views/openord/detail'), meta: { title: '订单详情', keepAlive:
2020-06-03 16:36:57 2337
原创 学习 使用vue-qr 生成 二维码
官方链接 https://www.npmjs.com/package/vue-qr命令行 :npm install vue-qr --save// 引入 import VueQr from 'vue-qr' <vue-qr :text="testentry.url" :margin="10" colorDark="#000" colorLight="#fff" :dotScale="1" :logoSrc="testentry.icon" :logoScale=
2020-06-02 14:52:49 464 1
原创 vue 封装公共组件 学习 使用
封装 公共组件在vue 项目中 会有很多类似的内容 因公司 经常做支付这一块 像下面的类似的功能还有很多地方要用 因此尝试 一个很简单的小封装//子组件 <div class="sub-pay"> <div class="pay-left"> <div class="total"><span>¥</span>{{payAmt}}</div> <div class=
2020-05-29 15:48:27 5329
原创 vue 如何封装 路由 传参
前端 做项目当中 路由的跳转 是 经常见到的所以我简单的封装了一下直接上代码把!你可以写一个js文件中方在static里面 然后放在index.html里面去使用 // 跳转 window.http.go = function(url, params, delay) { var buf = [],val if(params) { for(var name in params) { val = params[name] buf.pu
2020-05-13 11:51:59 509
原创 vue不是内部或外部命令,也不是可运行的程序 或批处理文件 解决方法
npm i vue-cli -g,下载成功了,运行vue命令行之后,就提示如图一错误。问题出在 : 配置 npm 全局下载的包添加到环境变量中解放方法1.输入 npm config list 查看目录找到 prefix 目录下对应的地址2.在本地电脑打开3. 在我的电脑系统环境量...
2020-05-13 10:58:59 1794 2
原创 npm 启动项目 getaddrinfo ENOTFOUND 报错
第一天上班 拉去代码 跑项目 ### 输入 npm run dev ### 结果报错 getaddrinfo ENOTFOUND 查了资料,大部分人简单的说是要修改hosts配置。但是对我这种弱鸡来说,我想知道,为什么会报错,而且要怎么修改host文件。。。如何修改host 下面又链接链接: https://jingyan.baidu.com/article/9f7e7ec04dacc06f281554dd.html.当我输入 127.0.0.1 localhos
2020-05-09 18:59:08 14164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人