- 博客(40)
- 收藏
- 关注
RSS订阅原创 用uni-app开发微信小程序，使用animate.css插件不生效
4、百度了一下报错，查到了这个。有说切换基础库的，我试了没用。5、百度：用uni-app开发微信小程序，使用animate.css插件不生效。3、用Tare分析代码，没啥大用。1、按照官网的方式，安装和引用。
2025-05-23 15:06:57
230
原创 Python学习日志（3）—— 运行
1、python版本之间的差异：新的特性和变化、弃用和新增。通过python文档辅助学习，规范代码。2、标准库参考（宝典，用于查询）
2024-09-03 16:40:26
251
原创 Python学习日志（1）——安装
安装之后，输入python -v进行测试，发现会输出一段很长的内容，查了之后是说以为v的大小写问题。改成python -V就可以了。选择和自己电脑适配的系统版本，以及python自身的升级版本。我安装的是当前最新的稳定版本——python3.12.5。目前我也不知道这个安装路径修改了之后会有什么其它的影响。安装的教程很多，按照教程正常安装就可以，很简单。自定义安装的时候可以自己选择安装的位置。初学者可以直接按照默认的安装路径安装。
2024-08-28 18:24:41
531
原创 小程序接入微信客服
添加微信客服：填入企业id即可添加（企业微信后台可查看企业id）创建好客服账号之后，会自动生成一个接入链接。这个接入链接就是我们需要填入到方法里的链接。功能 ---> 客服---> 微信客服。
2024-04-09 09:45:32
4138
1
原创 小程序内嵌H5，H5中有按钮需要跳转至接口返回的本小程序页面
小程序webview内嵌H5，H5中判断是否处于小程序的环境，只有在小程序环境下才显示按钮。点击按钮跳转，跳转方法见微信小程序官网。
2023-07-13 10:15:16
827
原创 uni-app h5微信浏览器 预览和下载pdf
用pdf.js来实现预览。苹果手机不能自动下载，需要我们新建一个页面，让用户在浏览器打开这个页面，然后点击下载按钮下载文件。
2022-10-11 10:33:20
4658
1
原创 webpack多页面打包通用方案
这里需要约定每个模块的入口文件都为src下的某个文件夹中的index.js，如：（pageName: './src/pageName/index.js'），模板文件都为index.html。每一次页面跳转的时候，后台服务器都会返回一个新的index.html文档。所谓通用方案就是增加页面不需要修改配置，动态获取entry和设置html-webpack-plugin数量。每个页面对应一个entry，一个html-wenpack-plugin。通过输出看到pagename数组里的第二个位置的值是我们所需要的。
2022-09-05 17:16:59
1520
原创 webpack——postcss插件autoprefixer自动补齐CSS3前缀、px自动转换成rem、静态资源内联raw-loader
px2rem-loader 只是以构建的手段将 px 单位转换成了 rem。但是 rem 和 px 的单位计算并不清楚，flexible.js 的作用就是动态的去计算不同设备下的 rem 相对 px 的单位，也就是计算跟元素 html 节点的 font-size 大小。因为设备的分辨率不同，前端需要进行页面适配。因为不同浏览器对css属性的支持成都不同，所以需要补齐前缀来获取不同浏览器的支持。看官方文档的时候，发现和学习视频中书写的有区别，特此记录。3、选择的插件不同，写的方法也不一样。
2022-09-01 14:56:19
1494
原创 webpack学习1
webpack是一个构建工具。parcel 和 rollup也是当前使用比较广泛的构建工具。3、CSS前缀补全/预处理器（less，sass）1、转换ES6工具（有些语法在浏览器上不支持）三、为什么选择webpack?一、为什么需要构建工具？2、配置灵活和插件化扩展。3、官方更新迭代速度快。...
2022-08-03 13:43:23
88
原创 纯CSS实现粉红爱心动画
动画效果：1、画一个爱心<view class="heart"></view> .heart { position: relative; width: 50rpx; height: 50rpx; background-color: #EF686E; transform: rotate(-45deg); } .heart:before { content: ""; position: absolute; .
2022-04-27 15:25:53
1419
原创 关于小程序的各种跳转
1、小程序 跳 小程序wx.navigateToMiniProgram(Object object) | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.htmlwx.navigateToMiniProgram({ appId: '', path: 'page/index/index?id=123', extraData: {
2022-04-11 15:59:32
671
原创 uni-app开发企微H5——推送消息给客户
在企微推送个消息给客户怎么就这么难那？？？别以为有了开发文档你就可以勇往直前了！前面的路还需要你披荆斩棘那~
2022-02-21 19:25:55
3264
原创 转盘抽奖活动
1、页面布局（转盘+按钮）按钮放在转盘中间的位置<view class="mian-middle-middle animated fadeInUp"> <!-- 转盘 --> <view class="rotaryTable" :style="{transform:'rotateZ('+deg+'deg)'}"> <image class="rotaryTable-pic" src="转盘图片"></image> <
2021-08-26 15:28:00
1084
原创 在uni-app中使用LottieFiles（小程序）
LottieFiles官网：https://lottiefiles.com/uni-app中LottieFiles插件：https://ext.dcloud.net.cn/plugin?id=1044微信小程序中的LottieFiles的插件lottie-miniprogram：https://developers.weixin.qq.com/miniprogram/dev/extended/utils/lottie.html1、安装按照微信小程序中的方法安装npm insta..
2021-08-25 18:06:14
3395
1
原创 uni-app 点击图标控制音乐播放
uni-app官方链接：https://uniapp.dcloud.io/api/media/audio-context?id=createinneraudiocontext<template> <view> <image v-show="!ifplay" class="music-close" src="../static/img/wishes/music-close.png" @tap="musicState"></image> &..
2021-03-22 15:32:32
2274
原创 css波浪动画使用图片
素材如下：如果让美工设计，需要注意图片波浪的左右高度需要一致，不然对接处对不上，高低不一样。效果如下：使用一张图片 css改变透明度<div class="water-group"> <div class="water water1" style="background-image: url('../../static/lang3.png')"></div> <div class="water water2" style="b...
2021-02-04 15:37:25
566
1
原创 css 波浪特效 vue版
相当于是三个圆圈在旋转，效果如下：代码如下：颜色 角度 圆圈的大小以及位置都可以随意调整但是这个效果还是没有那么逼真还有一种方式是使用图片作为背景图，看起来比较像波浪，点击这里查看<div class="main"> <div class="wave1" style="bottom:30%;"></div> <div class="wave2" style="bottom:30%;"></div> <..
2021-02-04 14:49:03
1114
原创 vue canvas画字符串验证码
vue后台系统登录需要使用到验证码验证功能可以使用验证插件，如vue2-verify、vue-puzzle-vcode、vue-monoplasty-slide-verifyTips：现在大多数使用到的是接口返回图片<canvas id="canvas" :width="canvas_width" :height="canvas_height" @click="showNumber"></canvas>data (){ return { .
2021-01-26 17:36:28
281
原创 vue JS-SDK配置 分享之后调接口
1、安装jweixin-module包https://www.npmjs.com/package/jweixin-modulenpm install jweixin-module --save2、使用方式var jweixin = require('jweixin-module')jweixin.ready(function(){ // TODO});3、应用：分享之后调接口，记录点击分享按钮这一动作，不能判断用户是否真的分享了。'onMenuShar...
2020-12-30 13:44:44
990
原创 vue H5跳转小程序
小程序跳转按钮：<wx-open-launch-weapp>用于页面中提供一个可跳转指定小程序的按钮。使用此标签后，用户需在网页内点击标签按钮方可跳转小程序。H5 通过开放标签打开小程序的场景值为 1167.此功能的开放对象：已认证的服务号，服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合
2020-12-28 13:30:02
6226
9
原创 学习React基础
1.0 React历史与背景2.0 以组件方式思考UI的构建1、以组件方式思考UI的构建2、单一职责原则3、DRY原则3.0 理解JSXJSX：在JavaScript代码中直接写HTML标记本质：动态创建组件的语法糖JSX表达式：JSX本身也是表达式表达式写在属性中 attrs={1+2+3+4}延展属性 ...props表达式作为子元素JSX的优点：1、声明式创建界面的直观2、代码动态创建界面的灵活3、无需学习新的模...
2020-12-14 17:25:22
112
1
原创 你认识哪些前端工具？
工具toolsjenkinsgitwebpacktravisbabeleslintgulpvscodemochahttp-serverrollupvue-cligruntmockhuskyprettieraxiosyeomanpostmandvalernajestmaveneasymockswaggerwireshark
2020-12-14 17:23:59
101
原创 css面试题之Flex布局
Flex布局1、分清主轴和交叉轴flex-direction 为 row 时，主轴是横向的，相反的为 column 时，主轴是纵向的。2、搞清楚6个参数的含义flex-direction: row | row-reverse | column | column-reverse; flex-wrap: no-wrap | wrap | wra-reverse; flex-flow: flex-direction || flex-wrap; justify-content: f..
2020-11-25 18:14:08
4632
原创 clipboard.js vue使用
clipboard.js 官网链接：http://www.clipboardjs.cn/npm install clipboard --save // 安装vue版 demo：<template> <view> <view>{{text}}</view> <!-- data-clipboard-text 属性 放需要复制的内容变量--> <button class="uni-btn" ...
2020-11-03 14:04:59
3018
原创 支付宝生活号H5如何调试？
最近需要搞支付宝的生活号，需要把微信公众号上的一部分主要功能搬过来，包括扫码积分，查询门店之类的。但是支付宝只有小程序调试工具，不知道要怎么调试生活号的H5。每次都要发布之后，alert信息，非常麻烦。目前的解决方法是在支付宝官方的小程序调试工具中加web-view标签链接，然后按图片中的步骤操作。一般情况下，调试信息应该都会有，但是这个方法还是要先发布，用本地调试的地址会报错。就比之前看手机上的alert方便点，可以准确找到问题点。第一步：可以选择模板里的最简单的小程序，找到首页.
2020-10-22 14:37:34
7361
原创 支付宝生活号获取用户授权
支付宝官方文档：https://opendocs.alipay.com/fw/api/1059421、用户授权，拼接的url，如下：获取用户信息的授权scope=auth_user：https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=APPID&scope=auth_user&redirect_uri=ENCODED_URL?state=STATE业务页面使用的静默授权scope=aut..
2020-09-29 13:26:47
17418
1
原创 yeoman学习（三）
mocha加上//add templates/main.test.jsimport "../src/main.js"let assert = require("assert")it('your tetst title', ()=>{ assert.equal(5,2);})add templates/.babelrc &templates/.nycrc// templates/.babelrc{ "presets": ["@babel/pr...
2020-09-01 17:28:21
174
原创 yeoman学习（二）
按照下面的目录，创建 templates/index.htmltoy-tool目录├───package.json├───generators│ └───app│ └───index.js│ └───templates│ └───index.html├───package-lock.json├───node_modules/* index.html */<html> <head> <title><
2020-09-01 17:14:36
270
原创 yeoman学习（一）
runyeoman三步走yeoman 官网链接：https://yeoman.io/authoring/index.html1、toy-toolcmd中运行mkdirtoy-toolcdtoy-toolnpminitnpminstallyeoman-generatornpminstall-gyo按照下面的目录，创建文件├───package.json├───app/│└───index.js//app/index....
2020-09-01 16:21:41
196
原创 写一个http的request和response
参考:https://nodejs.org/dist/latest-v12新建文件夹Toy-Browser以及两正在上传…重新上传取消个内部文件
2020-05-13 17:20:22
494
原创 一本关于整个前端开发的书，目录是?
week01(待更新）2020-04-09本人对于前端知识知道的并不多，特别是各种新技术，简直就是一头雾水。只是把知道的前端知识点，按照我自己认为的学习顺序排序了一下。因为没有一个完备的前端知识体系，所以在使用的时候都很模糊，不确定。希望在接下来的学习中，建立自己的前端知识体系。愿一切的付出都有结果...
2020-04-09 23:54:34
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人