博客园 - 码农小小海
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=159595
2024-03-01T08:32:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
feed.cnblogs.com
https://www.cnblogs.com/chenhaiyun/p/18047363
vue系列--【根据开始日期 ,期限,计算出结束日期(处理到期日是2.29日且到期年不是闰年的情况)】 - 码农小小海
<template> <div> <p>起息日:{{ startDate }}</p > <p>最后到期日:{{ endDate }}</p > </div> </template> <script> import moment from 'moment'; // 引入moment export d
2024-03-01T08:19:00Z
2024-03-01T08:19:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】<template> <div> <p>起息日:{{ startDate }}</p > <p>最后到期日:{{ endDate }}</p > </div> </template> <script> import moment from 'moment'; // 引入moment export d <a href="https://www.cnblogs.com/chenhaiyun/p/18047363" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17450357.html
JS系列--【获取某一时间的前一个工作日】 - 码农小小海
方式一:通过计算时间戳 // 1.获取前一天日期(排除周六、周日) getPrevBusinessDay(date) { const dayOfWeek = date.getDay(); if (dayOfWeek 1) { // 星期一 return new Date(date.getTime()
2023-06-01T14:00:00Z
2023-06-01T14:00:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】方式一:通过计算时间戳 // 1.获取前一天日期(排除周六、周日) getPrevBusinessDay(date) { const dayOfWeek = date.getDay(); if (dayOfWeek 1) { // 星期一 return new Date(date.getTime() <a href="https://www.cnblogs.com/chenhaiyun/p/17450357.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17450313.html
vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】 - 码农小小海
1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c
2023-06-01T13:45:00Z
2023-06-01T13:45:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c <a href="https://www.cnblogs.com/chenhaiyun/p/17450313.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17229468.html
vue系列---【vue-cli5.0.8脚手架创建项目】 - 码农小小海
前提条件:默认安装node(推荐nodejs v14.17.0) 背景:之前安装的是vue-cli2.9.2脚手架,想要使用最新脚手架,即vue-cli5.0.8 1.卸载旧版本 npm uninstall -g vue-cli // 卸载3.0及之前的版本(此默认) npm uninstall -
2023-03-18T02:18:00Z
2023-03-18T02:18:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】前提条件:默认安装node(推荐nodejs v14.17.0) 背景:之前安装的是vue-cli2.9.2脚手架,想要使用最新脚手架,即vue-cli5.0.8 1.卸载旧版本 npm uninstall -g vue-cli // 卸载3.0及之前的版本(此默认) npm uninstall - <a href="https://www.cnblogs.com/chenhaiyun/p/17229468.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17196291.html
JS系列---【GET请求传递数组参数】 - 码农小小海
1.借助qs插件 let param = ['a','b','c']; let newParam = qs.stringify({key:param},{indices:false}); //key=a&key=b&key=c 2.其他方法可参考https://www.cnblogs.com/kin
2023-03-08T13:12:00Z
2023-03-08T13:12:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】1.借助qs插件 let param = ['a','b','c']; let newParam = qs.stringify({key:param},{indices:false}); //key=a&key=b&key=c 2.其他方法可参考https://www.cnblogs.com/kin <a href="https://www.cnblogs.com/chenhaiyun/p/17196291.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17196271.html
JS系列--【千分位处理和还原】 - 码农小小海
1.千分位转化文件 utils/common.js const toThousands = function (value, num = 0) { if (value == null) { return } if(value>0){ value *= 1; if(value>=1000){ retu
2023-03-08T13:01:00Z
2023-03-08T13:01:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】1.千分位转化文件 utils/common.js const toThousands = function (value, num = 0) { if (value == null) { return } if(value>0){ value *= 1; if(value>=1000){ retu <a href="https://www.cnblogs.com/chenhaiyun/p/17196271.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17196005.html
JS系列---【转化时间格式moment】 - 码农小小海
1.先安装moment npm install moment --save 2.在main.js进入并加到原型上供全局使用 import moment from 'moment'; // moment.locale('zh-cn');//根据情况需要 Vue.prototype.$moment =
2023-03-08T12:21:00Z
2023-03-08T12:21:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】1.先安装moment npm install moment --save 2.在main.js进入并加到原型上供全局使用 import moment from 'moment'; // moment.locale('zh-cn');//根据情况需要 Vue.prototype.$moment = <a href="https://www.cnblogs.com/chenhaiyun/p/17196005.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17195962.html
JS系列---【判断是否是标准时间】 - 码农小小海
if(Object.prototype.toString.call(this.form.timeDate) '[object Date]'){ let time = new Date(this.form.timeDate); let newTime = time.getFullYear() + '-
2023-03-08T12:09:00Z
2023-03-08T12:09:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】if(Object.prototype.toString.call(this.form.timeDate) '[object Date]'){ let time = new Date(this.form.timeDate); let newTime = time.getFullYear() + '- <a href="https://www.cnblogs.com/chenhaiyun/p/17195962.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/17000549.html
git系列---【解决git clone时fatal: unable to access ‘https://gitee.com/XXX.git/‘: The requested returned error: 403】 - 码农小小海
1.常见原因:无权访问,可能是本机录入的gitee账号和现在要进行clone的gitee账号不同导致的权限问题 2.解决方法: 1)控制面板--用户账户--凭证管理器--windows凭据 2)点击编辑更换账号密码,点击保存 3.可以继续正常执行git操作了
2022-12-23T06:02:00Z
2022-12-23T06:02:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】1.常见原因:无权访问,可能是本机录入的gitee账号和现在要进行clone的gitee账号不同导致的权限问题 2.解决方法: 1)控制面板--用户账户--凭证管理器--windows凭据 2)点击编辑更换账号密码,点击保存 3.可以继续正常执行git操作了 <a href="https://www.cnblogs.com/chenhaiyun/p/17000549.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16191603.html
vue系列---【nodejs+express或vue项目实现url编码和解码】 - 码农小小海
开发场景: 项目A 跳转到项目B,现需要在跳转到B页面的时候把A页面cookie中存储的token通过url拼接传递,B页面获取,现在是在A页面中,token自动编码存到cookie(正常不会自动编码的),现在在跳转之前要取出token,取出的token是自动解码过的(是原始数据),然后拼到url上
2022-04-25T10:44:00Z
2022-04-25T10:44:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】开发场景: 项目A 跳转到项目B,现需要在跳转到B页面的时候把A页面cookie中存储的token通过url拼接传递,B页面获取,现在是在A页面中,token自动编码存到cookie(正常不会自动编码的),现在在跳转之前要取出token,取出的token是自动解码过的(是原始数据),然后拼到url上 <a href="https://www.cnblogs.com/chenhaiyun/p/16191603.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16168651.html
vue系列---【vue+webuploader实现文件分块上传】 - 码农小小海
html部分 <template> <div class="Upload"> <div class="data-content" id="content"> <div class="loanManagement_content"> <h1 class="mb35">上传文件</h1> <div cl
2022-04-20T02:04:00Z
2022-04-20T02:04:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】html部分 <template> <div class="Upload"> <div class="data-content" id="content"> <div class="loanManagement_content"> <h1 class="mb35">上传文件</h1> <div cl <a href="https://www.cnblogs.com/chenhaiyun/p/16168651.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16150293.html
vue系列---【el-upload+vue获取文件的md5值】 - 码农小小海
一、什么是文件md5 MD5的是让大容量信息在用数字签名软件签署私人密钥前被压缩成一种保密的格式。 MD5是文件签名,相当于我们的身份证 独一无二的。 二、怎么生成文件md5码值 1安装依赖 npm install spark-md5 --save 2导包 import SparkMD5 from
2022-04-15T09:36:00Z
2022-04-15T09:36:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】一、什么是文件md5 MD5的是让大容量信息在用数字签名软件签署私人密钥前被压缩成一种保密的格式。 MD5是文件签名,相当于我们的身份证 独一无二的。 二、怎么生成文件md5码值 1安装依赖 npm install spark-md5 --save 2导包 import SparkMD5 from <a href="https://www.cnblogs.com/chenhaiyun/p/16150293.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16116632.html
vue系列---【vue中slot的使用方法】 - 码农小小海
src/view/child.vue <template> <div style="width:300px;height:50px';border:1px solid #333"> <h3>我是子组件</h3> <!-- 1-2 插入slot 即展示写入的内容 --> <!-- 插槽分类: 默认插槽
2022-04-08T06:14:00Z
2022-04-08T06:14:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】src/view/child.vue <template> <div style="width:300px;height:50px';border:1px solid #333"> <h3>我是子组件</h3> <!-- 1-2 插入slot 即展示写入的内容 --> <!-- 插槽分类: 默认插槽 <a href="https://www.cnblogs.com/chenhaiyun/p/16116632.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16115307.html
css系列---【css实现div超出隐藏出现省略号,鼠标悬浮显示效果】 - 码农小小海
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
2022-04-08T01:13:00Z
2022-04-08T01:13:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi <a href="https://www.cnblogs.com/chenhaiyun/p/16115307.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16111692.html
css系列---【div水平垂直居中的几个方法】 - 码农小小海
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
2022-04-07T04:32:00Z
2022-04-07T04:32:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi <a href="https://www.cnblogs.com/chenhaiyun/p/16111692.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16091875.html
Ajax系列---【Ajax原生、jQuery发送Ajax、Axios发送Ajax、Fetch发送Ajax、解决跨域操作步骤】 - 码农小小海
原生方法发送Ajax请求 原生Ajax 1.Ajax简介 全称为Asynchronous JavaScript And XML,就是异步的JS和XML,通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势是:无刷新获取数据 2.XML简介: 是可扩展标记语言,是用来传输和存储数据 3.Ajax
2022-04-02T06:13:00Z
2022-04-02T06:13:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】原生方法发送Ajax请求 原生Ajax 1.Ajax简介 全称为Asynchronous JavaScript And XML,就是异步的JS和XML,通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势是:无刷新获取数据 2.XML简介: 是可扩展标记语言,是用来传输和存储数据 3.Ajax <a href="https://www.cnblogs.com/chenhaiyun/p/16091875.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16081778.html
Vuex系列---【Vuex实现登录页共享用户信息及解决浏览器刷新Vuex数据消失问题】 - 码农小小海
实现场景: index页面时一个登录页,输入信息之后点提交。之后跳转到main页面,该页面需要展示登录页输入的账号,下面用vuex实现账号数据的保存和共享,分别展示了模块化和非模块化的代码展示 目录结构: 代码实现: index.vue 登录页 <template> <div class="box"
2022-03-31T06:44:00Z
2022-03-31T06:44:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】实现场景: index页面时一个登录页,输入信息之后点提交。之后跳转到main页面,该页面需要展示登录页输入的账号,下面用vuex实现账号数据的保存和共享,分别展示了模块化和非模块化的代码展示 目录结构: 代码实现: index.vue 登录页 <template> <div class="box" <a href="https://www.cnblogs.com/chenhaiyun/p/16081778.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16049467.html
three.js系列---【3D之Three.js实现三维场景】 - 码农小小海
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个three.js文件_WebGL三维场景</title> <style> body { margin: 0; overflow: hidden; /* 隐
2022-03-24T06:10:00Z
2022-03-24T06:10:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个three.js文件_WebGL三维场景</title> <style> body { margin: 0; overflow: hidden; /* 隐 <a href="https://www.cnblogs.com/chenhaiyun/p/16049467.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16038828.html
Konva系列---【使用Konva实现2d效果】 - 码农小小海
<!DOCTYPE html> <html lang="en"> <head> <!-- 引入Konva --> <script src="https://unpkg.com/konva@4.0.0/konva.min.js"></script> <meta charset="UTF-8"> <me
2022-03-22T04:48:00Z
2022-03-22T04:48:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】<!DOCTYPE html> <html lang="en"> <head> <!-- 引入Konva --> <script src="https://unpkg.com/konva@4.0.0/konva.min.js"></script> <meta charset="UTF-8"> <me <a href="https://www.cnblogs.com/chenhaiyun/p/16038828.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhaiyun/p/16019694.html
工作总结系列---【前端入职前准备事项清单】 - 码农小小海
前端入职准备 入职前学会 配置分环境打包 整理安装常用插件 webpack打包工具及bable转换插件 签合同,领电脑 在电脑上新建外包和甲方两个文件夹,来存放相关文件或账号密码 领取邮箱,OA账号,飞书,聊天工具账号 安装nodejs 下载nodejs安装包 选择默认安装位置,一路下一步 测试no
2022-03-17T14:38:00Z
2022-03-17T14:38:00Z
码农小小海
https://www.cnblogs.com/chenhaiyun/
【摘要】前端入职准备 入职前学会 配置分环境打包 整理安装常用插件 webpack打包工具及bable转换插件 签合同,领电脑 在电脑上新建外包和甲方两个文件夹,来存放相关文件或账号密码 领取邮箱,OA账号,飞书,聊天工具账号 安装nodejs 下载nodejs安装包 选择默认安装位置,一路下一步 测试no <a href="https://www.cnblogs.com/chenhaiyun/p/16019694.html" target="_blank">阅读全文</a>