- 博客(31)
- 收藏
- 关注
RSS订阅原创 微信小程序登陆踩坑记录
业务需求：需要使用微信小程序授权获取手机号直接进行登陆操作，后端没有存session_key，也就是说我们服务端的登录态跟微信只有第一次登陆解析手机号的时候有关联，所以这里没有使用wx.checkSession去检查微信的登录态涉及技术：wx.login(Object object)文档：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.htmlphonenumber.getPhoneN
2022-03-27 22:18:28
1728
2
转载 style-resources-loader插件 配置全局less变量
1. 插件安装确保已安装less、less-loaderless官方安装及使用文档：https://www.npmjs.com/package/lessnpm i lessless-loader官方安装及使用文档：https://www.npmjs.com/package/less-loadernpm i less-loader或npm install less-loader --save-dev或npm install -D less-loader less1.1 方法1：分开
2022-01-06 10:43:10
467
原创 uniapp踩坑记录
来自同事和自己的一些踩坑记录：1、页面生命周期onLoad和onInit函数无法使用async await。2、uni-app主题色改变功能只能使用css变量，无法使用scss变量，且绑定根元素样式中不能直接绑定整个对象，必须把每一个选项列出来。在使用时要用横杠不能用驼峰3、每个页面组件最外层都要包一层view，不然在高度计算时会出现问题。4、拆分引用组件时，引用路径一定要完整引用到.vue，无法用index.ts/index.js。编译之后小程序会报组件引用不到的错误。5、微信小程序websoc
2021-10-03 14:52:18
1460
3
原创 移动端调试vConsole
平时h5开发有些情况手机无法查看控制台导致调试比较麻烦，通过vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果：<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script> // init vConsole var vConsole = new VConsole(); c
2021-02-26 15:46:18
183
原创 记录使用uniapp开发项目微信小程序和h5支付遇到的问题
首先说明下开发需求，工作外的个人时间接手了一个项目，需要开发微信小程序和h5页面，页面是一样的，所以首次尝试用uniapp开发，一套代码开发同时生成两个端，百度了一天，踩了一堆坑，最后还是按着必要的流程来debug找问题，具体的过程不叙述了，讲几个必要点，没问题可以直接拿，有问题好好读下看看细节哪里出问题吧：首先是使用同一个支付页面，使用条件编译对应两个端的支付支付调用方法： pay() { let data ={ id:this.menuid, userId :this.
2021-02-23 15:12:07
887
原创 js基础笔记(持续更新)
为什么有的编程规范要求用 void 0 代替 undefined？因为 JavaScript 的代码 undefined 是一个变量，而并非是一个关键字，这是JavaScript 语言公认的设计失误之一，所以，我们为了避免无意中被篡改，我建议使用void 0 来获取 undefined 值。js中通过Object.prototype.toString方法----精确判断对象的类型对于数组...
2020-04-09 11:03:05
474
原创 外卖满减优惠券组件
展示样式：样式说明：父组件限制宽度，超出宽度会显示下拉箭头，如果没有超出则不显示下拉箭头。子组件代码：<template> <view :class="[isAuto ? '' : 'No-auto', 'discount-list']"> <view class="discount-item" v-for="(item,index) in lis...
2019-10-08 16:24:07
428
原创 微信小程序带清除按钮和搜索记录的实时搜索页面
近期开发小程序遇到个需求，需要在Input框中加一个清除按钮清除input框中的内容以及实时搜索页面效果（未输入内容）：有内容时样式:wxml代码：<view class='container'> <view class='search_input'> <icon type="search" size="15" class='search_i...
2019-06-14 18:19:36
13241
9
原创 微信小程序自定义导航栏
页面效果：一、在需要自定义的单个页面的json中配置：{ "navigationStyle": "custom"}二、在app.js的onLaunch方法里面获取手机状态栏高度，全局定义导航高度navHeight：wx.getSystemInfo({ success: res => { //导航高度 this.globalData....
2019-06-10 17:21:30
683
转载 H5 canvas绘制验证码
<!DOCTYPE HTML><html lang="en"> <meta charset="utf-8"> <body> <canvas id="canvas" width="120" height="40"></canvas> <a href="#" id="chan...
2019-05-21 15:55:46
197
转载 传统轮询、长轮询、服务器发送事件与WebSocket
转载自：http://blog.zhangruipeng.me/2015/10/22/Web-Connectivity/构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。本文将简要介绍Web通信中常用的四种方式。传统轮询(Traditional Polling)当前...
2019-05-15 10:07:24
412
转载 如何实现一个未知宽高元素的水平垂直居中？
以下是实现未知宽高元素水平垂直居中的三个方法：方法1：通过定位和transform属性来实现html: 实现未知宽高元素垂直居中的方法1：通过定位和transform来实现css:<style> .parent{ width:100%; height:400px; background:#666; ...
2019-03-03 21:14:52
2594
原创 微信小程序安装npm包
最近更新了微信小程序开发工具，正好练手准备重新搭建一个项目，结果报大概是因为这个官方文档里写的这个：在创建了n个项目之后，终于算是理通了首先npm install XX安装各种你需要用到的包然后npm init初始化项目这里要注意，如果先敲了npm init，package.json是这样的，那同样也会报上面的错误这里我安装了一个crypto-js作为例子npm instal...
2019-01-16 17:24:25
14884
转载 ios和安卓的input的click事件和change事件的加载顺序问题
最近开发hybrid app发现checkbox的全选效果安卓和ios是反的，百度后发现问题：安卓里面是先触发click事件，后触发change事件。但是IOS里面是先触发change事件再触发click事件。解决：加个1ms的定时器就解决了IOS先触发change事件再触发click事件参考：https://blog.csdn.net/weixin_38597686/article/de...
2018-12-27 10:19:58
693
原创 vue和cordova开发hybrid APP,从APP获取登录信息后存入vuex
main.js：app端封装的获取用户信息的接口(异步)，返回的userJson为json字符串store.js中：vuex修改state方法参考：https://blog.csdn.net/weixin_40402192/article/details/80052887...
2018-12-20 22:57:01
841
转载 使用vue和cordova开发hybrid APP监听deviceready事件
需要监听deviceready事件完成后再加载vue页面：转载：http://www.lingdublog.cc/467.html
2018-12-20 17:57:48
3544
1
转载 vue-cli打包项目静态资源找不到的问题
js,css找不到，将assetsPublicPath设置为’ ./ '：图片找不到：原因：打包过程，css是在js中引入的或是写在vue文件中的，css文件首先被less，postcss等处理，处理后会被ExtractTextPlugin处理，ExtractTextPlugin将js中的css全部抽离至app.css文件中，因此使用ExtractTextPlugin插件时还需要配置静态资...
2018-12-18 15:56:34
3111
原创 vue beforeRouteLeave, beforeRouteEnter使用
beforeRouteLeave(to, from, next){ //可以直接获取this实例 if (to.path=='/prepage') { to.query.code=this.code; } next(); }, beforeRouteEnter(to, from, next){ //不能直接获取this实例 n...
2018-12-13 23:10:47
2826
原创 vue-cli搭建的项目使用clipboard.js实现点击复制div中内容到剪贴板
html:<template> <div class="content">{{ userCode }}</div> <button class="copy_btn" :data-clipboard-text="userCode " @click="copyCode()">复制</button&am
2018-12-10 15:53:23
1069
1
转载 微信小程序子页面回父页面传参
从页面路由栈中直接获取和操作目标Page对象这种方式，是通过调用小程序的API: getCurrentPages()，来获取当前页面路由栈的信息，这个路由栈中按照页面的路由顺序存放着相应的Page对象，我们可以很容易的获取到上一级页面的完整Page对象，从而使直接调用Page对象的属性和方法成为可能。如下所示：var pages = getCurrentPages();var currPa...
2018-11-01 11:10:58
803
2
原创 vue+elementUI表格切换元素复用导致报错
报错：_self.$scopedSlots.default is not a function原因：v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况解决办法：给需要判断的节点加上key，例如表格列：<el-table-column prop="plant_File_Time" label="种植失败时间" ...
2018-10-25 17:50:39
1321
原创 向数组中添加对象，删除数组中重复元素
for (var key in this.tags) { for (var i in this.checked) { if (this.tags[key].id.indexOf(this.checked[i].id) !== -1) { this.checked.splice([i],1) } } }if (this.checked.le...
2018-10-19 10:26:51
901
原创 javascript RSA公钥加密
引入js&amp;lt;script type=&quot;text/javascript&quot; src=&quot;https://passport.cnblogs.com/scripts/jsencrypt.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;使用：const PUBLIC_KEY = '----
2018-09-27 15:12:12
5828
转载 ie SCRIPT1006: 缺少 ')'
ie不支持ES6默认入参写法：function (page=1) {}修改为：function (page) { var page=page||1;}
2018-09-20 17:46:58
8391
原创 jq ajax封装 es5语法，为了兼容IE
js封装：function ajax(act,data,callback){ var html = $.ajax({ type: "POST", url: "https://data.tonsingapore.com/gateWay", data:JSON.stringify(cryptData(data,act)), ...
2018-09-20 15:24:11
445
转载 IE下报错：无法获取未定义或 null 引用的属性“getItem”
IE10 下调试HTML5页面，localStorage 特性需要将页面部署到 IIS 下才能支持，直接点开静态的 HTML 页面是不可以的。
2018-09-20 14:23:36
29939
转载 @Font-face 兼容性问题
•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)；•Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)；•Internet Explorer： 自ie4开始，支持EOT格式的字体文件；ie9支持WOFF；•F...
2018-09-20 13:59:04
1431
转载 七牛服务器提供的压缩图片的方法
七牛服务器提供的压缩图片的方法一般来讲，用户看到的文字、图片等都是由运营上传的，如果运营直接在后台上传了一张很大的图片，那么前端页面在加载的时候就会较慢，有可能图片会有明显的加载过程，这个时候，就需要我们对图片进行处理了，比如我们公司的logo图标，地址是：点击打开链接。尺寸是1024*1024，大小是80.7kb，但是我只是需要在微信分享链接中使用这个图片，根本不需要这么大尺寸的图片，那么就...
2018-09-17 17:43:51
6629
1
转载 vue-quill-editor 样式问题
引入snow.css，在需要展示的页面中用如下元素包裹即可&amp;amp;lt;div class=&amp;quot;ql-container ql-snow&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;ql-editor&amp;quot; v-html=&amp;quot;content&a
2018-09-17 17:43:34
14224
2
转载 背景自适应
一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而且背景图片不会随着滚动条滚动而滚动。用CSS实现真的很简单很简单，下面我们来看一下第一种方法具体的代码： HTML代码：<!DOCTYPE html><...
2018-09-07 14:12:34
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人