- 博客(122)
- 收藏
- 关注
RSS订阅原创 js获取本周的时间及星期几
getData() { let _that = this var currentFirstDate var formatDate = function (date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() + '' var week = ['Sun', 'Mon', '..
2022-05-20 10:23:41
1370
1
原创 js获取最近7天的日期
export function getNearly7Day() { let days = [] var date = new Date() for (let i = 0; i <= 24 * 6; i += 24) { //今天加上前6天 let dateItem = new Date(date.getTime() - i * 60 * 60 * 1000) //使用当天时间戳减去以前的时间毫秒（小时*分*秒*毫秒） let y = dateItem.getFull
2022-05-20 09:57:46
1945
原创 js返回近半年或者一年的月份
//返回半年或者一年的月份export function getRecentMonth(n) { let nowDate = new Date() let array = [] let year = nowDate.getFullYear() let mon = nowDate.getMonth() + 1 for (let i = 0; i < n; i++) { mon = mon - 1 if (mon <= 0) { year = yea
2022-05-20 09:55:00
711
原创 js获取上个月最后一天的时间
export function getLastMonthDate() { var nowdays = new Date() var year = nowdays.getFullYear() var month = nowdays.getMonth() if (month == 0) { month = 12 year = year - 1 } if (month < 10) { month = '0' + month } var myDate =
2022-05-20 09:46:20
2813
原创 vue中的数字动画及数字逗号显示
需求：实现数字动画，并实现数字千位分隔符格式(8888,显示为8,888),数字从0-8888实现动画递增utils/common.js/** * 数字过渡动画-目前版本-默认一秒之内完成过渡动画 * @param current number 当前值 * @param target number 目标值 * @param _this 传递 当前实例指向 this * @param property string _this 和 property 是因为要把需要改变的属性传递进去，因为函数.
2022-05-18 10:14:05
1118
2
原创 vue生成app二维码，并扫码下载app
文章目录项目需求项目需求公司要做一个web官网的下载页面，功能是微信扫码可以直接下载Ios手机端app、Android手机端app、及windows的桌面端app下载页面的官网地址，在手机端打开时可以直接辨别手机型号去下载对应的手机app...
2022-05-05 11:29:59
3758
原创 vue项目优化首屏加载速度
背景：后台管理系统部署到线上环境后，清空浏览器缓存，第一次加载时，加载速度达到了9秒之久。从上面请求的接口可以看出来，第一次请求主要是app.js文件和chunk-libs.js文件，和一些element的第三方组件库请求速度很慢。分析：app.js和chunk-libs.js包太大的原因，主要是因为项目中npm 下载引入的依赖包，都会打包进来，所以加载很慢解决方案：将项目依赖的第三方组件库，才有cdn引入的方式，来减少打包体积。但是cdn引入，也有缺点，就是地址的不稳定性等等。这里优化采用.
2022-04-26 17:06:00
2690
1
原创 element中table多选框搭配分页，回显bug踩坑
需求：element+table+分页控件实现多选框的回显问题官网代码看着越简单，实际被虐的更惨官网代码 this.$refs.multipleTable.toggleRowSelection(row);但是实现代码中传入数据的时候却无法实现多选框的回显想要实现的功能:已经选中的数据可以在table中实现回显。每次切换分页时，可以保存上一页选中的数据解决：:row-key="getRowVoucherKeys"和:reserve-selection="true"缺一不可.
2022-03-25 16:11:37
2627
原创 vue-quill-editor踩坑记录--富文本内容回显样式不对
使用vue-quill-editor写的富文本，内容在H5使用v-html显示时，样式跟在富文本写的时候样式不一样，字体大小显示不出来。原因：有些类名，在v-html页面是没有找到的。解决:全局或者局部引入vue-quill-editor的样式文件import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'<div v-html="co.
2022-03-10 15:13:23
4903
1
原创 The package-lock.json file was created with an old version of npm
问题背景：npm install 报：The package-lock.json file was created with an old version of npm问题分析：你使用npm太新了#npm i npm@6 -g#npm -v6.14.15参考文章：https://blog.csdn.net/inthat/article/details/120564807
2022-02-08 21:24:48
13571
4
原创 去除数组中对象重复的属性
let filter_arrObj = [];let arrObj = [ { name: 'xiaoqing', age: 15, sex: 0 }, { name: 'xiaoming', age: 12, sex: 0 }, { name: 'xiaobai', age: 21, sex: 0 }, {
2022-01-06 22:09:42
264
原创 el-input输入框只可以输入数字
el-input只让输入数字<el-input v-model="queryParams.meetingNumber" placeholder="请输入会议号" clearable size="small" @input="inputMeetingNumber" @keyup.enter.native="handleQuery" /> .
2021-12-21 15:59:27
499
原创 js循环数字累加出现小数
let a = 0 for (let i = 0; i < 30; i++) { a += 0.6 console.log(a) }打印结果查阅发现这是javascript浮点运算的一个bug.解决 数*1000 最后再除以1000解决js一直累加,会出现小数的bug把所有数乘以1000即：num*1000;然后累加得到sum,然后除以1000即：sum=sum/1000;...
2021-12-02 15:19:06
1053
原创 echarts饼状图去除他的划过放大效果。
series中配置hoverAnimation: false 即可去除他的划过放大效果。若series中还写了emphasis需要注销，不然点击还会有重点提示的效果 // emphasis: { // itemStyle: { // borderColor: '#f3f3f3', // borderWidth: 10 // } // },...
2021-11-19 21:52:04
4595
原创 echarts饼图的白边
实现echarts的白边 itemStyle: { normal: { borderRadius: 2, borderColor: 'rgba(255, 255, 255, 1 )', borderWidth: 1, color: function(params) { return colorList[params.dataIndex] ..
2021-11-19 18:05:37
3094
原创 vuepress打包部署踩坑之路
官网教程官网给了多种部署方案，这里我才用的是部署到github上在你的项目中，创建一个如下的 deploy.sh 文件（请自行判断去掉高亮行的注释）:#!/usr/bin/env sh# 确保脚本抛出遇到的错误set -e# 生成静态文件npm run docs:build# 进入生成的文件夹cd docs/.vuepress/dist# 如果是发布到自定义域名# echo 'www.example.com' > CNAMEgit initgit add -A
2021-10-25 14:01:35
3215
原创 vuepress打包报错document is not defined
给组件库写一个说明文档，但是打包部署时报错：document is not defined也是查了资料才了解到原因，因为 VuePress 在打包时是通过 Node.js 服务端渲染，因为 Node.js 里没有 document 对象，所以就报错了。最终解决办法如下：.vuepress/enhanceApp.js文件夹import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'//之..
2021-10-25 13:40:38
3071
原创 426 Upgrade Required
npm发版时报错npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more information: ht.
2021-10-20 16:02:54
1779
原创 vue跳转路由时，定时器不能及时清空的问题
该方法是通过$once这个事件侦听器器在定义完定时器之后的位置来清除定时器。以下是完整代码：const timer = setInterval(() =>{ // 定时器操作 }, 500); // 通过$once来监听定时器，在beforeDestroy钩子可以被清除。this.$once('hook:beforeDestroy', () => { c.
2021-08-19 09:32:23
790
原创 小程序安卓和ios使用自定义字体，解决安卓不生效问题
官网介绍官网文件的loadFontFace也可以实现自定义字体引入和使用，如果需要在app.js使用记得加上global：true，不然app.js不会执行背景：项目中要把所有字体改为宋体，这里我使用的是font-face引入外部字体文件准备字体文件这里我准备的是OTF的文件，是找UI要的。把该文件上传到自己的服务器上，生成一个访问的链接。在app.wxss中使用@font-face { font-family: 'SimSun700'; src: url('链接地址必须是h
2021-07-09 09:32:46
6353
原创 Flutter中TextField修改光标颜色
官网简介给TextField设置以下代码 cursorColor: Color(0xE5000000),光标即变成了黑色
2021-07-05 10:05:24
6097
原创 flutter中的color
color: Color(0xFF5e12a9)5e12a9代表#5e12a900%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19 95%=0c 100%=00（全透明）
2021-07-02 17:20:31
178
2
原创 Mac电脑flutter的SDK升级
未升级之前是1.12.13版本的，现在想升级到2版本的flutter查看分支flutter channel这里需要注意，在哪个分支更新的时候就会更新哪个分支的包运行更新flutter upgrade报错查了很多网上说切换到dev （flutter channel dev）分支然后强制更新 ，但是我想下载稳定版本的就没有切换分支，直接强制更新强制更新运行flutter upgrade --force此时网络不好会卡住直接进行不下去，我是一直运行该命令，其余配置都没..
2021-07-01 17:48:32
998
1
原创 Automatically assigning platform `iOS` with version `8.0` on target `Runner`
环境：Mac电脑，在vscode中运行flutter run 出现以下报错之前该代码时注销的，现在放开。podfile是Mac运行自己带出来的文件夹再运行flutter run 发现还报错去刚刚的配置文件配置一下该代码post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |config| conf.
2021-06-28 17:14:58
847
2
原创 vue解析后台推送的文件流并生成excel文件
需求：用户点击时间选择器后，点击导出excel的按钮，请求接口生成excel文件后台写的接口，可以直接生成excel，前端不需要做任何的处理。但是发送axios请求发现并不能直接生成下载的excel。（如果在浏览器窗口直接请求该接口是可以直接下载excel，直接在项目中无法直接生成excel）解决添加responseType: ‘blob’该参数一定要写不然下载的excel打不开接口请求处理 const res = await getExportExcel(par..
2021-06-23 16:32:33
614
原创 mongoose 字段没有使用unique属性 但是显示重复错误
unique属于schema约束验证中的一员，他的作用主要就是让某一个字段的值具有唯一性（不能重复）保持字段的唯一性使用type值： {type:String,unique:true,dropDups: true}mongoose一旦修改了数据存储的机构，数据库一定要重启，很多新手在设置一些属性不生效时都是这个原因这里说的重启，不是简单的关闭mongoose数据库服务器重新打开，而是先将该数据库整个删除，然后再重启数据库服务...
2021-06-22 11:14:12
317
原创 电视端TV网页开发总结
最近公司接了电视项目，需要开发一个网页，嵌入到电视机顶盒中。技术栈：jquery+requirejs+hbs模板引擎广电给寄来的电视机顶盒版本是安卓比较低的版本，所以一些新的技术在电视机顶盒中是不兼容的，所以技术选型这块选择了jquery,会比原生简单一些焦点走位电视端首先要解决的就是焦点走位的问题，电脑中有点击事件，电视遥控器是上下左右的按键。我项目中才用的是tabindex属性，给div设置了该属性后，就可以获取到焦点。除了给div设置tabindex还可以使用a标签包裹元素，或者是bu.
2021-06-18 16:03:04
1942
2
原创 vue项目使用externals优化打包体积
查看打包体积下载查看打包体积的插件npm install webpack-bundle-analyzer -save-dev在vue.config.js中配置 chainWebpack: config => { // 打包结果分析 if (process.env.NODE_ENV === "development") { config .plugin("webpack-bundle-analyzer") .use(requ
2021-06-18 14:43:09
854
1
原创 transform的scale属性实现对大屏的适配
最近公司做的大屏用到了transform的scale属性来对大屏网页,进行缩放。缺点：需要给项目大屏，设定固定的宽高，当使用的屏幕分辨率和项目不一致时，会出现左右或者上下的留白。如果设计稿是1920*1080的尺寸，项目中用px来写宽高的话，如果把尺寸改成小于1920的话宽度是超出的，所以项目中还是需要使用%来配合scale属性的缩放。优点：在任何屏幕中项目都会等比例缩放以下是基于vue项目的public/index.html #app { /* user-select: none;.
2021-06-18 10:52:40
6290
8
原创 vue中PC端，移动端，H5使用lib-flexible(rem)做适配
lib-flexible源码读后感手把手教你vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2remPC端,移动端如何使用rem需求：公司大屏项目需要使用自适应，有的屏幕分辨率是1920X1080，有的是3840X1080等等。想让项目能尽量的适应大屏中所有的分辨率，之前尝试过scale缩放的方法，这种会出现左右留白，有的客户会要求充满浏览器，如果不是尺寸正好的，scale方法是不能完全充满的。实现：尝试使用lib-flexible（rem)+百分比的方
2021-06-17 14:38:52
4918
11
原创 Mac电脑brew配置java8
下载brew install openjdk@8下载完brew会给出配置环境变量的提示，按照提示配置环境变量,也就是执行下面这两句脚本echo 'export PATH="/usr/local/opt/openjdk@8/bin:$PATH"' >> ~/.zshrcexport CPPFLAGS="-I/usr/local/opt/openjdk@8/include"重启终端 运行java -verison就可以看到版本号了如果想配置最新版本的java 则执行b.
2021-06-16 10:48:40
745
原创 Mac电脑使用brew 下载mysql
brew search mysql 搜索一下版本，看一下自己要下载的版本这俩我下载的是brew install mysql@5.7下载成功 brew会给配置环境变量的提示 echo 'export PATH="/usr/local/opt/mysql@5.7/bin:$PATH"' >> ~/.zshrc export LDFLAGS="-L/usr/local/opt/mysql@5.7/lib" export CPPFLAGS="-I/usr/local/opt.
2021-06-15 17:36:58
544
原创 Mac电脑安装brew
brew官网终端运行:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"报错curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubusercontent.com:443 解决:使用国内镜像源/bin/zsh -c "$(curl -fsSL
2021-06-15 09:04:29
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人