日常记录
文章平均质量分 55
陶小橦
这个作者很懒,什么都没留下…
展开
-
文件上传s3
亚马逊云服务前端文件上传原创 2022-07-11 16:05:43 · 1065 阅读 · 0 评论 -
记录微信h5分享失败----外链分享问题记录
情况描述配置成功debug弹出成功提示分享结果展示部分代码展示// weChatConfig注入微信配置weChatConfig.injectConfig(() => { wx.onMenuShareAppMessage({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: 'https://sxzqtest.moguyun.com/xxxx/xxxx/xxxx', // 分享链接,该链接域名或路径必原创 2022-01-19 10:02:42 · 896 阅读 · 0 评论 -
vue-使用pdfh5预览pdf
父组建// url为预览的pdf文件地址<detailShowPdf v-else :url="url" />子组建// dom<div class="pdf_box"> <div id="demo"></div></div>// jsimport Pdfh5 from "pdfh5"; export default { props: { url: { type: String, .原创 2021-10-12 20:17:01 · 566 阅读 · 0 评论 -
vue-虚拟键盘组建
父组建// inputStr-输入的内容// showKeyBoard-是否展示数据键盘<keyboard v-model="inputStr" :visible.sync="showKeyBoard" />子组建// html<div id="keycontent" v-if="visible"> <div id="keyboard"> <div class="keyTitle"> <div clas.原创 2021-09-15 10:29:42 · 1374 阅读 · 0 评论 -
使用企业微信的jsdk调用企业微信api--前端
引入配置信息接口获取配置信息api.getWxConfigParams({ corpId: Config.corpId, ticketType: 2, url: encodeURIComponent(window.location.href.split('#')[0]), f: 1// 游客态可以查询}).then(res => { if (res.code === 0) { const { appId, nonceStr, signature,原创 2021-08-25 11:13:19 · 3519 阅读 · 1 评论 -
动画定时器之requestAnimationFrame和cancelAnimationFrame
/*html*/<div class="save_money_box02"> <img class="tit" src="https://oss-image.dfs168.com/market/588/tit02.png" alt="" /> <div class="scroll_box canScroll" id="01"> <div class="con will_move">原创 2020-06-02 10:22:43 · 587 阅读 · 0 评论 -
vue实现订单气泡提示
需求点:一句话概括 —— 为营造活动氛围,在主要页面添加订单成功提示,详情参考拼多多;细分需求 —— 1. 在首页,商情页,购物车,搜索页和列表页等只要页面添加气氛提醒; 2. 请求接口拿到对应当前时段的用户下单数据,根据接口记录下次接口的请求参数; 3. 数据在每个页面均连续展示,一个接口最多五十条数据; 4. ...原创 2019-09-10 10:17:31 · 4633 阅读 · 0 评论 -
小程序踩坑之旅
bug[1] 商城购物车手动修改商品数量1.需求展示2.渲染代码结构 <view class="pro_info clearfix {{goodsItem.goodsState == 30?'gray':''}}"> <view class="pro_title" data-goodsid='{{goodsItem.goodsId}}' bindtap='t...原创 2019-03-28 19:55:06 · 358 阅读 · 0 评论 -
实现百度云分享(复制粘贴)
核心内容document.execCommand("Copy");//需要手动触发,且是同步操作展示图片代码实现<!-- 样式 --><style> ul { width: 100%; padding: 0; margin: 0; list-style: none; } li { ...原创 2019-03-20 11:48:15 · 2535 阅读 · 1 评论 -
canvas绘制
编写文本&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot; /&amp;gt; &原创 2019-01-08 18:23:30 · 209 阅读 · 0 评论 -
多端调测方法
使用vconsole使用weinre全局安装weinrenpm -g install weinre 创建文件夹,例如:E:\program\mobile\weinreE:\program\mobile\weinre文件夹下安装//局部安装npm install weinre //执行weinre语句node node_modules\weinre\weinre --b...原创 2019-01-14 09:57:15 · 172 阅读 · 0 评论 -
webSocket-h5新协议
对于扫码登录,付款等需要轮询,或者长轮询方式发送频繁发生ajax请求解决问题的方式,在webSocket出现后有了新的解决办法.webSocket通俗点讲,就是一种有别于http的协议,客户端发送请求给服务器,告诉服务器我使用的是webSocket,并且携带上自己的请求信息,服务器根据相应的请求,对应使用webSocket,当服务器获取到数据之后返回给客户端.只需要经过一次HTTP请求,就可以做到...原创 2019-01-10 17:17:39 · 476 阅读 · 0 评论 -
webpack-bundle-analyzer插件的使用方式
安装npm install --save-dev webpack-bundle-analyzer //安装webpack-bundle-analyzernpm install cross-env –save -dev //解决 'NODE_ENV' 不是内部或外部命令,也不是可运行的程序或批处理文件 的报错配置/* webpack.base.conf.js文件中 */module.ex...原创 2018-12-25 11:19:03 · 11814 阅读 · 1 评论 -
vue中vee-validate表单验证组件(vux中验证借助方式)
vee-validate安装npm install vee-validate --save引用import Vue from 'vue';import VeeValidate from 'vee-validate';Vue.use(VeeValidate);组件设置import VeeValidate, { Validator } from 'vee-validate';i...原创 2018-12-24 15:19:46 · 634 阅读 · 4 评论 -
正则匹配安卓机和ios && 适配 && 兼容
移动端样式会出现ios兼容问题,所以接触到了适配设备问题,具体问题如下:var u = navigator.userAgent;var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isiOS){ //苹果机执行部分 }else{ //安卓机执行部分 }...原创 2018-12-28 16:19:49 · 1416 阅读 · 0 评论 -
html2canvas.js实现页面存图
年末账单生成海报图片导入js文件&lt;script type="text/javascript" src="/lab/js/html2canvas.js"&gt;&lt;/script&gt; 预设存储图片的div和生成部分展示&lt;!-- 要生成海报的页面 --&gt;&lt;div class=&q原创 2018-12-27 12:18:31 · 1523 阅读 · 0 评论 -
vux使用要点记录二(Cell&&Scroller)
cell的使用注册和导入组件import { Cell, Group } from 'vux'export default { components: { Cell, Group }}使用组件&lt;group&gt; &lt;cell&gt; &lt;div slot="title"&gt;规格:&lt;c原创 2018-12-07 09:15:42 · 1316 阅读 · 0 评论 -
vux使用要点记录(x-header&Tabbar的使用)
样式变量的使用XHeader的使用导入和注册相应组件import { XHeader } from 'vux'export default { components: { XHeader }, data() { return { header_title: &amp;amp;amp;quot;大丰收农资商城&amp;amp;amp;quot; }; }, methods: { doSomething(){...原创 2018-12-05 09:26:15 · 4208 阅读 · 0 评论