- 博客(28)
- 资源 (1)
- 收藏
- 关注
原创 Dart - 变量、操作符
的生命周期内都是不可变的常量,在内存中也只会创建一次,之后的每次调用都会复用第一次创建的对象。用来修饰变量,只能被赋值一次,运行时赋值。也就是当程序运行到这里才会被赋值。声明变量,可以赋值不同类型的值,会自动推断变量的类型。如果对象为空,保证不会对该空对象尝试任何级联操作。可以创建常量值以及修饰常量构造函数。修饰的变量只可以被赋值一次。可以访问实例成员和实例方法。内容相同指向不同变量,在下面的示例中,如果。内容相同指向相同对象。
2023-09-22 11:25:21 38
原创 fabric.js + webSocket实现共享画板
当前只介绍一对一,其实多对多也没什么差别,只是要创建一个Object或者Map保存每个人的笔刷。携带着橡皮擦功能,也可以到官网定制功能。
2023-07-27 21:34:22 354
原创 VuePress2.0 + Github Actions部署到Github Pages教程
选择权限,看不懂不懂全勾Read and write。就代表构建失败,可点进去查看原因。这代表成功,看到红色的。构建成功会发现多了个分支。
2023-05-19 00:04:33 581 1
原创 webpack5 模块联邦(ModuleFederationPlugin)
模块联邦是webpack5的一个新特性,在运行时允许使用其他独立构建模块。通过模块联邦可以解决微前端依赖问题,对比npm库具有实时性的优势。
2022-08-03 22:10:07 1481
原创 浏览器插件动态插入Vue远程组件
调用实现webpack.config.jspackage.json可以把生成的button.js可以放到oss上
2022-06-02 10:59:01 845
原创 JS实现多张图片链接打包成压缩包
<button id="download">下载</button><div>正在下载 <span id="download-name"></span></div><script src="https://cdn.bootcdn.net/ajax/libs/jszip/3.6.0/jszip.min.js"></script><script src="https://unpkg.com/axios/d
2021-12-30 11:28:52 1395
原创 实现页面顶部滚度条
效果图实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-11-25 14:18:59 665
原创 vue-rippler插件点击次数会使按钮颜色变深
发现因为插件使用document.querySelectorAll("[ripple]")获取元素,所以每次组件内的mounted钩子函数时都会通过addEventListener创建一次事件解决:1.addEventListener改为on绑定事件2.var ripples = document.querySelectorAll("[ripple]") 改为 var ripples = this.$el.querySelectorAll ? this.$el.querySelectorAl
2021-09-17 16:33:51 246 1
原创 webpack使ie兼容css var()函数
postcss-custom-properties官方文档安装postcss-loader和postcss-custom-propertiesnpm i postcss-loader -Dnpm i postcss-custom-properties@10 // 其他版本没试过webpack配置module: { rules: [{ test: /\.css$/, use: ["css-loader", "postcss-loader"] }]}根目录创建.postcssrc.
2021-08-31 17:10:40 1586 1
转载 js实现小球抛物线运动
首先从公式和我们页面的dom可知,坐标点(x,y)是已知的,参数a、b、c是未知因为坐标系是由我们设定,所以我们可以假设我们的初始点为(0,0)这样也是方便我们后面的计算代入公式可知,c = 0 则剩下的问题就是求a、b了假设a=0.001实际指焦点到准线的距离,可以抽象成曲率,这里模拟扔物体的抛物线,因此是开口向下的则 b = (y - 0.001 * x * x) / x<!DOCTYPE html><html lang="en"> <head>
2021-08-12 17:37:34 454
原创 el-input number输入框遇到的问题
输入中文光标上移.el-input__inner{ line-height: 1px !important;}纯数字(设置type为number时e和.也是可以输入)<el-input v-model="value" @input.native="numberHandle" />numberInput(e) { this.value = e.target.value.replace(/\D/g, '')},...
2021-07-30 16:26:12 1167
原创 uniapp开启gzip配置
根目录创建vue.config.js文件vue.config.jsconst CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = { configureWebpack:{ plugins:[ new CompressionWebpackPlugin( { filename: "[path][base].gz", algorithm: "gzip",
2021-05-23 14:27:26 2729 2
原创 Vue实现全局的toast组件
1.创建toast组件<template> <div class="toast" v-if="show"> {{ msg }} </div></template><style scoped> .toast{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-5
2021-05-11 11:45:34 1873
原创 uni-app设置启动图无效的解决方法
在main.js修改以下代码// #ifdef APP-PLUSsetTimeout(()=>{// #endif const app = new Vue({ ...App, store }) app.$mount()// #ifdef APP-PLUS},3000)// #endif
2021-02-26 10:09:13 1801
原创 uni-app使用NativeJS获取录音分贝
因为uni-app和HTML5+ 没有获取录音分贝的功能,无奈只能记录一下使用NativeJS实现(1)初始化data() { return { interval:null, MediaRecorder:null, filePath:"", radio:null }}(2)导入MediaRecorder类var recorder = plus.android.importClass("android.media.MediaRecorder");(3)录音对象的
2021-02-25 15:56:05 2824 5
原创 人人商城后台小程序打开加载慢的处理方法
打开ewei_shopv2\defines.php文件注释掉define(“EWEI_SHOPV2_AUTH_WXAPP”,“http://demo.wezhicms.com”);
2020-07-03 16:08:24 2147 3
原创 阿里云虚拟主机绑定二级目录
添加.htaccess文件放置根目录<IfModule mod_rewrite.c> RewriteEngine on RewriteBase /RewriteCond %{REQUEST_URI} !^/[目录名]/RewriteRule ^(.*)$ [目录名]/$1?Rewrite [L,QSA]</IfModule>...
2020-04-24 17:25:13 547 1
原创 微信小程序反编译简单教程
安装虚拟机,登录微信打开想要反编译的小程序用re管理器打开 /data/data/com.tencent.mm/MicroMsg/{用户id}/appbrand/pkg 路径查看最新的日期的wxapkg格式包想办法搞下来(例如:用微信发送到手机)然后下载https://gitee.com/fi888/wxappUnpacker.git安装nodecd wxappUnpackern...
2020-04-23 16:17:26 523
原创 php实现微信企业付款到零钱功能
官方文档:https://pay.weixin.qq.com/wiki/doc/api/tools/mch_pay.php?chapter=14_1;<?phpclass WxserviceSend { protected $mch_appid;//商户账号appid protected $mchid;//商户号 protected $nonce_str;/...
2020-03-31 22:19:27 587
原创 CSS3transition实现移动端简单菜单显示隐藏动画
利用transition完成菜单显示隐藏动画。*{ margin: 0; padding: 0; box-sizing: border-box;}body{ overflow: hidden;}.main{ width: 100vw; height: 100vh; position: relative; overflow-x:...
2020-03-29 15:00:14 1487
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人