- 博客(176)
- 资源 (12)
- 问答 (7)
- 收藏
- 关注
RSS订阅
原创 H5动画实现简单的转盘抽奖。
H5动画实现简单的转盘抽奖。根据css旋转动画 roate来实现。 计算好奖品数量，算出每份奖品所占的比例/度数。 根据随机度数和单个奖品度数，计算指针停留下来的区域属于哪个奖品。代码部分设置22.5度 是因为整个圆360度，一共有8份，那么每一份就45度，为了让每次指针停留的地方都为每一块的中间，所以除以2，就是22.5度。比如 “谢谢参与” 这个奖品，它对应的是 22.5*15 度，这样算下来刚好是在谢谢参与这块的中间部分。 初始默认为旋转动画为5秒，默认开始旋转基准角度为3600..
2020-09-10 17:13:41
1905
4
原创 elementui后台管理demo
elementui后台管理demo第一次尝试做后台管理的框架，做的时候也有想过用别的demo，后来想一想还是算了，虽然网上很多，但是还是自己写出来的有意义，虽然有很多不足，但是是自己写的，自己知根知底，自己好改进。截图1.PC端时，菜单默认展开，点击后不会缩小宽度。左上角菜单控制按钮隐藏2.手机端时左上角菜单控制按钮出现，点击菜单任意一个后，菜单自动隐藏 ...
2019-05-14 17:27:51
22458
3
原创 做题目页面H5页面（Vue开发）
做题目页面H5页面（Vue开发）最近公司需要，要写一个可以做题目的H5小页面，需求是挺简单的（目前来说），就是可以上一题下一题的，另外不存在什么输入，全是选择题;我仔细想想觉得也不复杂，就打算用前些时候学的Vue的公司来写（之前万年的Jquery的...），这个简单的小功能，我周末写了一天多,,,汗颜，还是太菜了..现在总结一下吧1：题目展示和选项展示首先这个功能不复杂，页面没有什么逻...
2018-12-08 23:57:41
7506
5
原创 以高省APP为例，分析第三方返利app是如何进行产品设计并开展推广拉新。
常见的第三方返利App是如何通过个人邀请码实现锁定拉新和关系绑定？高省APP原始邀请码【000026】这是一个复杂的系统工程，涉及到前后端开发、数据库设计、安全性考虑等多个方面。在开发过程中，需要注重用户体验、数据安全和营销策略的平衡，以实现最佳的效果。
2024-03-08 10:38:53
833
3
原创 vue3 setup (组合式 API) 父子传参，父孙传参。provide异步传参。
vue3 setup (组合式 API) 父子传参，父孙传参。provide异步传参。
2022-09-27 19:55:03
1854
原创 vue3 + vite2 打包部署后 404 解决方案
vue3 + vite2 打包部署后 404 解决方案404现象解析如果在开发环境没问题，但是部署后（部署到服务器的非根目录的情况时）出现很多相关的js，css文件报404，那么可以看一下index.html中的资源引用，如果都是/assets开头，那么这个时候就需要修改配置文件，重新打包了。解决办法在vue2中我们在config/index.js文件中配置了 assetsPublicPath:’./’，同理，vue3中也需要配置这个属性，vue3中vite生成的项目，没有config文件夹，
2022-03-24 23:39:06
13490
2
原创 vue2和vue3共存
新建空文件夹npm install @vue/cli进入目录 node_modules/.bin 找到vue，vue.cmd 将他们名称改为vue3，vue3.cmd。命令 vue3 create fistr-vue3-app 就可以了
2022-02-15 13:09:40
801
原创 css var变量声明
CSS变量声明。抛开less，suss等预编译插件库，使用CSS变量声明同样可以实现换肤功能。语法展示CSS变量声明 :root{ --theme-color:red; } #btn{ --btn-blue:blue; }页面元素<header id="header"> <h1>CSS换肤</h1> </header><button i
2021-11-24 18:44:14
820
1
原创 腾讯云开通 cdn(内容分发网络) 加速
腾讯云开通 cdn(内容分发网络) 加速进入控制台 》 内容分发网络 》 域名管理 》添加域名 域名添加后，进行域名添加解析配置完成
2021-10-15 10:45:25
143
原创 微信小程序隐藏Y轴滚动条
微信小程序隐藏Y轴滚动条采用原生标签 <scroll-view> 设置overflow代码--wxml--<scroll-view class="page-content show" scroll-y="{{true}}"></scroll-view>--wxss--.page-content { height: 100Vh; width: 100vw;}.page-content .show { ove...
2021-07-29 13:09:15
390
原创 关于微信公众号accesstoken
微信公众号开发中有两个accesstoken的概念。第一种第一种为用户同意授权登录后，根据code获取的accesstoken，如果授权方式为snsapi_userinfo，那么返回结果中还会有一个openid返回。注意这个accesstoken是不需要保存的，也不需要每7200秒重新获取一次，这个accesstoken就是为了配合openid一起使用，去获取用户基本信息的。这个没有调用限制。调用链接为https://api.weixin.qq.com/sns/oauth2/access_t...
2021-07-16 18:30:53
2854
原创 微信测试号 内网穿透 redirect_uri 参数错误
微信测试号 redirect_uri 参数错误现象拉了解决办法保证内网穿透正常 测试号 >体验接口权限表 > 网页服务 >网页帐号 >网页授权获取用户基本信息此处域名配置 不需要加 http 或者 https ，直接写域名。 代码中重定向url 结果，网页调试工具成功拉起。 成功拉起 ...
2021-07-15 14:03:25
588
原创 个人笔记 前端适配转换
脚手架方式 行内可以直接用px (打包通过插件可以将所有css中的px转换为rem，并为根节点设置font-size) 如果设备尺寸为375 设计图尺寸375 标注为160px的 则直接写160px，如果设计图尺寸为750，那么160/2=80px...
2021-06-02 17:56:51
92
原创 2021-05-17
node-sass安装: : Error: Cannot find module 'node-sass' Node Sass version 6.0.0 is incompatible with ^4.0.0错误截图执行语句依次执行 >npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass>npm i >npm rebuild node-sass ...
2021-05-18 00:00:42
59
原创 镂空弹框/引导页/
镂空弹框/引导页/主要采用设置引导元素的阴影的方式实现。将引导元素阴影放大，直至占满屏幕。box-shadow:rgb(000/60%)000100vh；将指引按钮通过定位放置到引导元素周围。 position:absolute； 代码实现 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewpo...
2021-04-20 01:47:27
167
原创 pm2守护node服务
pm2守护node服务 (假设已经全局安装过npm，已配置过npm软连接，可以全局使用npm命令)安装pm2 npm install pm2 -g //全局安装pm2 ln -s /usr/local/node/bin/pm2 /usr/bin/pm2 //为pm2配置软连接。pm2 list // 查看是否安装成功 开启服务 cd到工程内 执行命令 pm2 start ./bin/www --name 'node-s' node-s是自定义名称 ...
2021-04-12 14:44:23
276
原创 node.js express服务部署到linux
node.js express服务部署到linux部署之前先在linux安装node环境 //去官网下载node.js linux服务器版本，然后上传到linux相关路径下，一般是/usr/local/，并执行如下命令//node-xxxx代表我上传的node目录名称 xz -d node-xxxx.tar.xz ---将tar.xz解压成tar文件tar -xvf node-xxxx.tar ---将tar文件解压成文件夹mv node-xxx node ----改文件夹的名字，改.
2021-04-12 14:22:53
882
原创 安装express node.js
安装express node.js安装命令 //在空目录内npm initnpm install express 连接数据库mysql //安装mysql运行命令 ==>npm install mysql;//新建文件夹mysql 然后新建index.jsvar mysql = require('mysql'); //var connection = mysql.createConnection({ host :...
2021-04-09 17:06:19
140
4
原创 Vue列表页返回时不刷新，进入详情页时在顶部
Vue列表页返回时不刷新，进入详情页时在顶部 场景 列表页时下拉加载，导致页面滚动条出现，此时如果点击某个列表进入详情页面后，详情页会固定在当前高度(scrolltop不为0)。这时通常的解决办法是在路由跳转时调用window.scrollTo(0,0); //路由跳转后返回顶部router.afterEach((to,from,next) => { window.scrollTo(0,0);}); 但是此种方法是改变了window对象的scrolltop，这就导致了...
2021-03-25 13:34:45
568
原创 Vue2，Vue3引入vant
vue2引入vantnpm i vant -S npm i babel-plugin-import -D 找到后缀名为.babelrc的文件 //在原本代码后面补充这段代码"plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ]//补充完后效果{ "presets": [ ["...
2021-03-14 23:40:12
2695
2
原创 phaser入门例子
phaser入门用到的属性 text 文本对象 》 显示得分 image 图片对象 》显示背景图 spritesheet 精灵对象 》人物 group 组对象 》生成星星和着落板 physics 物理引擎 》设置重力、弹性等 代码部分<!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>TEST</title> .
2021-01-25 01:00:16
240
原创 H5页面滑动，一次滑动一屏。
H5页面滑动，一次滑动一屏。用到的属性主要用到jquery中的animate函数。 滑动监听（touch事件）。 对css中overflow属性的控制。实现步骤以四个页面为例，将这四个页面的高度都设置为100%，每一块都能充满当前屏幕。 通过clientHeight获得每个页面的实际高度。 通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop，可能会遇到函数无效的情况，这个时候首先要检查绑定的dom对象有没有设置高度，并...
2021-01-20 10:31:55
3698
1
echarts时间轴demo，内含两种实现方式。1.X轴为数值轴(type=value)；2.X轴为时间轴(type=time)
2022-07-11
elementui-demo-byf-master.zip
2019-05-16
做题H5 vue小程序
2019-04-28
表单校验(构造函数的写法)
2018-12-03
如何使用c#和asp.net搭配sqlServer数据库制作一个网站？
2023-02-27
vite2 + vue3 构建的工程，在使用rem布局时怎么适配PC端呢？
2022-11-28
H5唤醒APP的问题，请教前辈们。
2019-04-01
java项目返回时怎么样才能不用重新请求加载数据？直接返回？
2017-12-06
在jsp页面，点击一个按钮，出现一个选择地址的弹出框，然后吧选择的地址传到后台
2017-09-08
datagrid弹出框选择一条数据后，将选中数据增加到页面上！上图了！
2017-08-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人