- 博客(38)
- 收藏
- 关注
RSS订阅
原创 Vue实现弹幕功能
写在前：这个功能不是常规视频弹幕，是音频与图片配合；一个课时对应一个弹幕包，一个课时多张图片，弹幕包里包含与各音频与图片相对应的弹幕，且页面切换比较频繁，所以也相对繁琐。效果图发送时间间隔限制：大致流程图：一、弹幕组件弹幕功能肯定要写个组件的，后期也好维护优化；组件组要负责弹幕的过渡动画效果，弹幕样式，暂停等；1.弹幕位置；暂定弹幕最多三行，在页面顶部；那么要获取父页...
2019-07-05 18:34:56
12093
1
原创 vue - element表格组建实现slot自定义数据为空时的显示内容
项目是个二级表格，点击标题进入下层表格：进入二层后如下，可以点所属课程返回上层但二级数据为空时的显示效果，如下，就没办法返回了，需要自己自定义实现返回功能element文档是这么写的：可以用slot实现自定义内容代码：<template slot="empty" > <div>暂无数据 <el-bu...
2019-06-28 14:05:35
11210
原创 小程序获取用户openId，session_key；node后端
写在前：这是个不成功的例子 。思路： 前端用wx.login方法拿到code，然后把code给后端，后端请求微信后台接口，拿到openId再返回给前端小程序端：// 登录 wx.login({ success: res => { console.log("login success res",res) // 发送 res.code 到...
2019-06-03 15:15:31
1104
1
原创 chrome插件开发总结
最近老板安排了一个开发浏览器插件的项目，总结一下用到的东西。一、框架用的是同事搭的一个vue版框架整体目录结构二、各页面通讯1.content与background1.1content发送/* content向background发消息 id: 消息唯一id command: (必填)命令 parameter: 携带的参数*/export const contentToBackground = (id, command, parameter = {}) =
2021-11-04 16:56:33
3082
原创 vue载入速度优化（打包放服务器后加载很慢）
把我优化vue载入速度的问题总结一下。我的博客项目放在服务器后加载要18-20秒，其实这个问题拖了很久了，昨天才有时间处理一下。之前以为是首页的mp4资源太大，但昨天看了后发现主要是vue打包后的js文件载入用了最多时间，如下图（优化前没截图，这个是优化后的。优化前大小是2m多，时间是十几秒）带宽合格的服务器其实2m的文件用不到十几秒的，但我买的带宽是1Mbps （穷是原罪），速度太慢。那么就从优化文件大小入手。步骤：1. 将路由改为懒加载，修改router文件如下图，之前的写法是红色箭头
2021-09-07 11:06:12
2404
原创 vue mixin
新建mixin文件夹，新建js文件export const log = { data(){ return { abc: "abc" } }, mounted(){ this.toLog() }, methods: { toLog(){ cons...
2020-05-07 17:16:23
172
1
原创 vue使用过滤器filter
全局filter，在main.js中写入一个名为add10的filterVue.filter('add10', function (value) { if (!value) return '' return value + 10})在html中使用<div class="content">{{num | add10 }}</div>...
2020-05-07 16:58:26
130
原创 vue自定义指令使用
这里举例全局指令比如要加一个名为v-color的指令，来让绑定的标签改变相应颜色在main.js中写入：Vue.directive("color", { inserted: function (el, binding) { let value = binding.value; el.style.color= value; }})inserted函数中，el参数指...
2020-05-07 16:36:41
207
原创 小程序判断iphonex及以上机型
主要是为了适配安全区域，看过其他博主写的单独判断机型（下图），不太通用这么写以后再增加机型还要维护现在小程序getSystemInfo方法会返回safeArea对象，其中top字段可以作为我们判断的依据x及以上的异形屏top为44，非异形屏为20在onLaunch中判断，并将结果存到globalData：let that = this; wx.getSystemInfo({...
2020-05-06 15:09:08
3243
1
原创 小程序分包使用
分包目录结构示例：在app.json中添加subpackages字段，如下：参照官方app.json配置实例及目录结构：{ "pages": [ "page/tabBar/component/index", "page/tabBar/API/index" ], "window": { "navigationBarTextStyle": "black",...
2020-05-06 14:10:15
480
原创 javascript获取现在到未来某时间的倒计时
小程序项目，在开发新活动时有个需求，用户发起活动后有时间限制，后端给我传了一个结束时间的字符串，格式如下，我要在页面显示剩余的时分秒上代码，注释即思路// theFreeReceiveGoodDetailDTO.overTime 为从后台获取来的时间格式字符串that.setGetFormatOverTime(theFreeReceiveGoodDetailDTO.overTime)...
2020-01-07 10:59:48
653
原创 vue滚动触底加载更多
废话不多说，代码：```javascriptscrollBottom() { // console.log("可视高度: ", window.screen.height) // console.log("全文高度: ", document.body.clientHeight) // con...
2019-12-17 13:29:10
1617
原创 ios使用jsSdk报错：config:invalid signature
最近有个需求，要在公众号做定位功能。接的高德api。万事俱备，安卓完美。但是一到ios调用wx.config的时候就报错config:invalid signature在网上找了很久，说是url不一样导致，但是打印出来的url都是一样的啊但又琢磨一会儿发现这打印出的是假象因为首页调用时ios是可以的，但进入另一个页面再调用wx.config就不行了其实在其他页面做个判断就行了，是ios就...
2019-10-29 15:03:30
2883
2
原创 springBoot 定时任务
入口类添加 @EnableScheduling// 允许定时器@EnableScheduling@SpringBootApplicationpublic class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args);...
2019-08-21 14:20:23
60
原创 关闭占用端口的进程
以8088端口为例1. 进入命令行输入 netstat -aon|findstr "8088"看到59842. 在命令行输入 tasklist|findstr "5984"3. 或者打开任务管理器下翻找到 5984 ，然后点击结束任务...
2019-08-19 15:57:10
326
原创 小程序下拉刷新及回弹
下拉刷新在页面配置文件中加入"enablePullDownRefresh": true,2.js部分及下拉回弹onPullDownRefresh事件监听用户下拉主动调用wx.stopPullDownRefresh()事件回弹/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { //业务代...
2019-07-29 14:45:32
1635
原创 vue改变data里的值后页面渲染没有改变
vue改变data里的值后页面渲染没有改变用深拷贝let name2 = JSON.parse(JSON.stringify(this.name));//执行完业务代码后this.name = name2
2019-07-18 14:07:48
3198
原创 node.js卡住按ctrl c又恢复
用node的时候总是请求半天没反应，然后在命令行按一次ctrl+c又好了；可能是使用windows powershell的原因，看了下面这个博客改为用git的命令行就不会有这种问题了https://www.cnblogs.com/zifeiy/p/10213612.html...
2019-07-17 11:38:23
967
原创 vue跨域
vue3 axios跨域在vue.config.js中配置如下（没有的话在根目录创建一个）module.exports = { devServer: { // 设置代理 proxy: { "/api": { target: "http://XXXX:8080/", // 后台的地址 ws: true, // 启用webs...
2019-07-16 14:13:52
108
原创 小程序发送模板消息node.js
微信小程序获取fromId注意form组件的 report-submit属性需要为truewxml：<form bindsubmit="reviewSubmit" report-submit='true'> <button formType="submit" bindtap="{{reviewing ? '...
2019-07-11 17:45:48
281
转载 javascript时间戳转日期格式
javascript时间戳转指定日期格式// 格式化日期，如月、日、时、分、秒保证为2位数 formatNumber (n) { n = n.toString(); return n[1] ? n : '0' + n; }, // 参数number为毫秒时间戳，format为需要转换成的日期格式 formatTime (number, f...
2019-07-11 13:45:52
215
原创 小程序动态改变行内样式
小程序动态改变行内样式写法1：<view class="item-circle" style="background-color: {{ item.isFinished ? '#FF9933':'' }}"></view>写法2：<view class="item-circle" style="{{ simpleStyle }}">&l...
2019-07-09 16:58:57
6187
原创 小程序动态改变data中变量的属性
小程序动态改变data中变量的属性比如data中的 listData是一个数组，要改变它的第i个值中的某一个属性isFinished写法：1.先声明一个变量，值为拼接成的要改变位置的字符串；2.setData方法中将属性外加中括号；let isFinished = `listData[${i}].isFinished`;this.setData({ [isFinished]...
2019-07-09 15:41:48
579
转载 git报错Please move or remove them before you can merge
今天提交代码时git报错： Please move or remove them before you can merge原因是本地的修改和别人的提交有冲突，且没有合并解决：git clean -d -fx之后再提交就可以了其中x - 删除忽略文件已经对git来说不识别的文件d - 删除未被添加到git的路径中的文件f - 强制运行...
2019-07-08 14:04:54
6076
1
转载 ReactNative集成百度统计数据埋点Android/ios端
android：https://www.jianshu.com/p/cc354c6a81d5ios：https://www.jianshu.com/p/7a753532830d
2019-06-28 15:57:43
1116
原创 Android监听来电/挂断/接听
// 电话管理者对象 private TelephonyManager mTelephonyManager; // 电话状态监听者 private MyPhoneStateListener myPhoneStateListener; // 动态监听去电的广播接收器 private InnerOutCallReceiver mInnerOutCallRecei...
2019-06-28 15:42:29
3711
原创 Android接入微信登陆
先申请app_id官方文档：https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=1417751808&token=&lang=zh_CN具体实现：public class WXEntryActivity exte...
2019-06-28 15:37:25
935
原创 Android实现监听屏幕旋转
需求是屏幕每旋转到一定角度时，通过做一些操作，比如给webview发送消息具体实现：onCreate 方法里//屏幕方向监听 OrientationEventListener mOrientationListener = new OrientationEventListener(this, SensorManager.SENSOR_DELAY_...
2019-06-28 15:27:41
4647
原创 小程序横屏/竖屏/跟随系统
横屏：在页面的json文件添加：“pageOrientation”: “landscape”,详见文档：链接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html#配置项...
2019-06-28 14:59:49
3067
1
原创 记一个可实现多级级联菜单的小程序组件
链接：https://wux-weapp.github.io/wux-weapp-docs/#/cascader效果图：
2019-06-28 14:39:08
1322
原创 ReactNative navigation自定义头部
export default class Voteextends RootComponent { static navigationOptions = () => { return { headerTitle: '标题', headerRight: (<View style={{ height: 40, widt...
2019-06-28 14:33:14
1113
原创 node.js Promise封装
之前在一个页面写了好多代码，有点冗杂，把具体的逻辑代码封装一下；有些方法需要Promise示例：function serverYDYN() { //修改 this.updateContent = function (id, newContent) { var promise = new Promise(function (resolve, reject) { ...
2019-06-28 14:29:45
671
原创 node.js使用mysql连接池pool简单示例
不说废话，代码：const mysql = require('mysql');//建立连接池let pool = mysql.createPool({ host: 'localhost', user: 'root', password: '123456', port: '3306', database: 'node1', connection...
2019-06-28 14:23:32
3041
2
原创 小程序去掉 button 边框和圆角
wxml:<button class="item-right-btn" plain="{{plain}}" hover-class="hover-right-btn"> 删除</button>wxss:去掉边框，和去掉按压时的圆角button::after{ ...
2019-06-05 14:28:33
3294
原创 React Native新建完项目bundle红屏
记录个之前开发React Native时遇到的红屏小坑解决方法：1.在 android/app/src/main 目录下创建一个 assets空文件夹2.项目根目录运行：react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/a...
2019-06-03 15:00:01
190
原创 node.js连接数据库实例,与小程序配合
最近用小程序和node配合写了个小demo效果如下，从小程序端发送内容到后端，后端再写入数据库数据库增加数据node端代码：function addContent(data){ var connection = mysql.createConnection({ host: 'localhost', user: 'root', ...
2019-06-03 14:28:04
1739
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人