- 博客(193)
- 收藏
- 关注
RSS订阅原创 vue3.0
options api（computed ，data，methods） 约定了该在哪个位置做什么事，这在一定程度上也强制我们进行了代码分割,大型组件中，数据与方法会很多,必须不断地在选项代码块之间“跳转”，以找到与该关注点相关的部分,理解和维护复杂组件变得困难。webpack则是，一开始就先分析分析各个模块之间的依赖将整个项目都打包一遍，再开启dev-server，如果项目规模庞大，模块太多，打包时间必然很长，会造成打包的bundle体积很大，热更新速度很慢。需要nextTick处理下。
2023-02-12 23:15:55
56
原创 typescript
数组类型联合类型指定成员的数组 interface元祖 Tuple函数类型起别名函数重载或方法重载** 使用相同名称和不同参数数量或类型创建多个方法的一种能力。为同一个函数提供多个函数类型定义来进行函数重载，编译器会根据这个列表去处理函数的调用 **voidneverunknownNumber、String、Boolean、Symbolobject Object {} 区别修饰符readonly 只能用于数组和元组文字类型类型断言 强制类型转换，按照我们的方式做类型检查，类型检测时不考虑其他类型as 语法尖
2023-02-12 16:01:40
149
原创 element plus 上控件显示的都是英文
import type { App } from 'vue'import ElementPlus from 'element-plus'import locale from 'element-plus/lib/locale/lang/zh-CN'app.use(ElementPlus,{locale });
2022-05-31 17:49:24
323
原创 mui ios底部导航和顶部标题被遮挡问题
1.iphonex底部导航兼容问题function isIphoneX(){ return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375) } var pb='51px' //判断是否是iponex if(isIphoneX()) { pb='85px'} var subpage_style = { top
2022-05-27 12:45:51
638
原创 git 命令行---自用
查看本地代码远程仓库git remote -v本地代码的远程仓库地址修改git remote set-url origin https://git.bidata.com.cn/china-product/dayu/dsp-service-gateway.git查看远程分支git branch -r查看本地分支git branch切换分支git checkout V1.0.2.SP2.....................
2022-05-19 09:52:57
135
原创 ivew踩坑
日期组件ivew获取到的是UTC时间格式，并不是yyyy-mm-ss格式。如果使用v-model还会将yyyy-mm-ss格式转成UTC时间格式。可以使用on-change有一个格式好后的返回值 <FormItem label="结束期限"> <DatePicker type="date" style="width: 300px" :value=.
2022-05-08 21:01:09
131
原创 类class
//类class创建对象 class person { //每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，用于创建和初始化一个由 class 创建的对象。constructor是默认存在的，可以省略. //constructor里面的属性为实例属性，即定义在this对象上 //除去实例属性都称为原型属性，即定义在class类上 constructor(name, age) { console.log(this); //thi...
2022-04-25 16:31:44
108
转载 vue下载图片a标签只能跳转打开无法下载问题
情景1：如果存在CORS问题，先将图片转成base64 ：（亲测有效）downloadIamge(imgsrc, name) {//下载图片地址和自定义图片名称let image = new Image();// 解决跨域 Canvas 污染问题image.setAttribute("crossOrigin", "anonymous");image.onload = function() { let canvas = document.createElement("canvas"); can.
2022-04-21 18:01:01
2182
原创 vue父子组件传值
1，父传子 父组件自定义属性 ，子组件通过props定义预期的数据类型接收2，子传父 父组件自定义事件，用来接收子组件的传值 。子组件通过$emit 触发父组件的事件来传值this.$emit('fatherMethod',this.data);3,父组件调用子组件方法 <div class="report" @click="openchildReport(orderData.id)">举报</div> <!-- 调用子组件，
2022-04-20 17:54:28
886
原创 import
/** * 默认导出 *///1导出一个函数// export default function fun() {// console.log('XXXXXXXXXXXXX')// }//2导出一个对象export default { fun1: function () { console.log('----') }}//默认导入import fun from './common.js'/** * 命名导出 */const fun3 .
2022-04-19 15:27:16
296
原创 vue状态管理
随着组件的细化，就会遇到多组件状态共享的情况，如果应用不够大，为避免代码繁琐冗余通过使用这个 Observable api 我们可以应对一些简单的跨组件数据状态共享的情况observable()方法，用于设置监控属性，这样就可以监控viewModule中的属性值的变化，让一个对象可响应，并且会在发生改变的时候触发相应的更新。【vue版本 不低于2.6.0】//store.jsimport Vue from 'vue';export let store = Vue.observable({
2022-04-19 15:26:19
123
原创 日期格式格式化特定的类型 yyyy-MM-dd hh:mm:ss
console.log(formatDate(new Date(),'yyyy-MM-dd hh:mm:ss')) function formatDate(date, format) { let time = { "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": d...
2022-04-19 11:20:59
540
原创 将一个仓库的代码复制一份到另一个仓库
1、创建旧仓库的裸克隆git clone --bare https://github.com/exampleuser/old-repository.git执行上述命令后，会在本地生成一个名叫 old-repository.git的文件夹。2、迁移到新仓库cd old-repository.gitgit push --mirror https://github.com/exampleuser/new-repository.git这样的话，项目就已经迁移到新仓库了。3.删除旧仓库的
2022-04-18 15:13:26
1992
2
原创 使用switchhost进行host文件管理
1.软件下载以及使用的时候提示 Please run SwitchHosts! as an AdministratorPlease run SwitchHosts! as an Administrator 原因_bug菌¹的博客-CSDN博客_please run switchhosts我们不可能去购买一个域名，因此我们可以伪造本地的hosts文件，实现对域名的解析。修改本地的host为：```127.0.0.1 api.rabbit.com127.0.0.1 manage.rabbit.com```这
2022-04-18 14:11:05
682
原创 vue初始化data中的数据
//this.$data==>当前data数据 this.$options.data()==>原始data数据//初始化所有数据Object.assign(this.$data,this.$options.data())//初始化某个对象的数据Object.assign(this.$data.xxx,this.$options.data().xxx)
2022-04-11 14:32:11
2133
原创 js 循环大总结
let array = [1, 2, 3, 4, 5, 6, 7]; var obj = { a: 1, b: 2, c: 3, d: "hello world" }; let mapData =[['lilei', 96], ['hanmeimei', 99]]; let str = "abscd"; //循环 forEach，for in，for of // for in 数组和可枚举对象都ok，获取的是索引 (大部分用...
2022-03-29 18:48:16
602
原创 小程序云开发【保姆级别】
申请免费版本的云开发环境2.初始化app.js 需先调用wx.cloud.init方法完成云能力初始化.但是这个初始化只会决定小程序端 API 调用的云环境，并不会决定云函数中的 API 调用的环境，所以每个云函数也需要进行一次初始化调用环境，在设置env调用环境时使用一个常量3.写一个云函数我的第一个云函数 | 微信开放文档4.云函数的一些常用 方法 前端传参，云函数接受参数 wx.cloud.callFunction({ name: 'sum',//...
2022-03-24 18:53:07
1891
原创 electron 将Vue项目打包为Windows应用（.exe）
1.将Vue项目打包为Windows应用（.exe） - 知乎2021年1月9日更新： 新增：解决国内用户下载electron速度太慢的问题 调整：由于electron版本升级，删除原文中对electron版本限制在2.0的命令行语句 背景朋友是做商品零售，每月都需要将销售数据汇总至年度销售表格…https://zhuanlan.zhihu.com/p/597655681.打包后出现白屏现象2. 项目中使用的第三方ivew字体图标不显示修改build\webpack.prod.conf.js
2022-03-23 14:55:51
1730
转载 [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d
要命，重装了下node，就一直提示这鬼玩意。折腾了好久，将config里devServer全部注释掉 可以运行了感谢啊：https://segmentfault.com/q/1010000011198393
2021-10-28 11:01:15
8194
4
原创 小程序 - 判断元素是否在页面的显示区域内 wx.createIntersectionObserver
onLoad() { this._observer = wx.createIntersectionObserver() this._observer //.relativeTo('.scroll-view') .relativeToViewport() //指定页面显示区域作为参照区域之一 .observe('.ball', (res) => { //在参照区域里监听目标节点是否显示 console.log(res); ...
2021-10-15 17:54:15
1478
原创 小程序setData中键名key多种设置方法
data: { person:{ name:'张三', age:19, work:['学生','学生1','学生2'] }, num:1 }, addNum :function() { let count=2 this.setData({ //正常 num:this.data.num+1, //对象 'person.name':this.data.person.name+...
2021-10-15 14:40:21
401
1
原创 map(), forEach(), filter()
let list = [ { name: 'sz', age: 111 }, { name: 'sz1', age: 112 } ] //map //有返回值，返回新数组，不会改变原数组 const new1 = list.map((value, key, arr) => { retu...
2021-09-29 14:58:52
83
原创 小程序组件
1.组件传值 <my-component bind:myevent="myEventListener" showType="2" class="my-component"> <!-- 这部分内容将被放置在组件 <slot> 的位置上 --> <view>这里是插入到组件slot中的内容</view> </my-component> <button bindtap="getChildCompone
2021-09-27 11:23:46
63
原创 git小乌龟pull时报Access Denied
报Access Denied解决方式，在小乌龟的设置----编辑本地.git/config修改文件里的url：修改ssh地址为http地址----保存退出----重新拉取然后又提示SSL certificate problem: unable to get local issuer certificate报SSL certificate problem: unable to get local issuer certificate这个是由于Git默认开启了SSL验证，关闭即可；执行git
2021-09-27 09:34:07
1421
1
转载 Git 提交代码到远程仓库
1.首次提交初始化git init2，添加提交的文件到暂存区git add .3.提交到本地仓库git commit -m "版本提交说明"4。首次推送需要连接远程仓库git remote add origin 远程库地址远程库地址就是github、码云或者 GitLab 等远程仓库的地址，"git branch" 这个命令可以看到你所在的分支5.拉取远程分支信息（首次拉取合并信息）git pull 远程库地址 分支名6.将本地代码提交到远程仓库...
2021-09-18 15:49:52
282
原创 一些正则表达式
1，限制输入框只能输入正整数this.a=this.a.replace(/^(0+)|[^\d]+/g,'')2.限制输入框只能输数字和小数点this.value=this.value.replace(/[^\d.]/g,'')
2021-09-13 17:25:42
40
原创 无法加载文件 D:\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。
1. 以管理员身份运行vscode;2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;3. 执行：set-ExecutionPolicy RemoteSigned;Set-ExecutionPolicy -Scope CurrentUserExecutionPolicy: RemoteSigned4. 这时再执行get-ExecutionPolicy，就显示RemoteSigned;...
2021-08-31 11:36:22
1105
原创 深拷贝，浅拷贝，赋值
所谓拷贝，就是赋值。把一个变量赋给另外一个变量，就是把变量的内容进行拷贝。深拷贝和浅拷贝主要是针对对象的属性是对象（引用类型）基本类型和引用类型1）、基本类型：就是值类型，即在变量所对应的内存区域存储的是值，2）、引用类型：就是地址类型。...
2021-08-24 11:33:09
92
原创 vue3.0 区分生产环境，测试环境，正式环境
1.在根目录下新建.env.xxx文件.env.development // 开发.env.test // 测试.env.production // 正式2.
2021-08-23 11:35:10
4487
4
原创 vue 2.0 和3.0 修改打包后的默认包名
vue2.0 修改config文件下面index.js里vue3.0在项目根目录下面的vue.config.js的文件里（没有可新建）module.exports = { lintOnSave: false, productionSourceMap: false, outputDir:"adTokenPage", //设置打包后的项目目录名称 // 放置静态资源的地方 (js/css/img/font/...) assetsDir:'static..
2021-08-23 09:22:52
1780
原创 js将2021-08-21T10:00:18.000+00:00转换成年月日时分秒
export const transformTimestamp = (timestamp) => { let a = new Date(timestamp).getTime(); const date = new Date(a); const Y = date.getFullYear() + '-'; const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) .
2021-08-21 18:08:56
2623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人