- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue3+ts+pinia+vite知识分享
在中 声明emit，必须使用API，这也是一个宏命令。同样可采用普通写法和类型声明式，在类型声明下emit将具备完美的类型推断。counter?emit('handleClick' , props . counter + 1) } < / script > < template > < div > < button @ click = "handlerClick" > 点了 {props . counter } } 次 < / button > < / div > < / template >?
2024-06-13 10:19:10
699
原创 Typescript语法讲解
1：方便后期维护；2：函数参数的预判；3：javascript是弱类型语言，长期使用会造成类型思维的缺失，养成不良的编程习惯。1.在强类型语言中，当一个对象从调用函数传递到被调用函数时，其类型必须与被调用函数中声明的类型兼容。 强类型语言：不允许改变变量的数据类型，除非进行强制类型转换；2.弱类型语言：变量可以被赋予不同的数据变量1.静态类型语言：在编译阶段确定所有变量的类型；（typescript对类型极度严格，及时发现错误，运行性能好，自文档化）2.动态类型语言：在执行阶段确认所有变量的类型。（jav
2024-06-13 10:17:46
863
转载 This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences
使用google Chrome测试开发环境时出现This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences。解决方法：设置中允许网站读取和保存cookie数据即可。参考：https://stackoverflow.com/questions/61123108/this-set-cookie-was-not-stored-due-to-user-preference?noredirect=
2021-08-19 15:56:24
7955
原创 React安装和核心概念
安装npx create-react-app 项目名称JSXJSX表示对象，Babel会把JSX转译成一个React.createElement()函数调用。import React from "react"import ReactDOM from "react-dom"const name = "Jack"const element = ( <div>Hello, {name}!</div>)ReactDOM.render(element, documen
2021-06-29 13:51:58
134
原创 view-design爬坑
view-design表格里面的renderHeader里面使用Checkbox的时候，props绑定的值是boolean类型的值的时候改变绑定值无法动态实现效果，可以把绑定值放到对象里面，至于为什么这样做，还不太清楚，需要进一步探究，至少效果实现了。。。...
2021-06-24 09:03:18
514
原创 vue列表左右箭头滑动 vue+typescript实现左右箭头翻页，类似轮播图效果
今天的内容是在工作终于到的问题，先上图吧：这个是iview-design官网的tabs切换里面的内容，红色圈住的部分就是今天的内容，左右箭头可以切换，内容可以自定义。html代码：<div class="content-item"> <!-- 左箭头 --> <a href="javascript:;" v-if="qulityList.length>4" class="prev" @click="translateLeft"&
2021-06-05 13:53:56
2965
原创 Git清除缓存cached
git rm --cached -r .git reset --hardgit rm .gitattributesgit reset .git checkout .
2021-06-01 14:33:29
2497
翻译 学习JavaScript高级程序设计第4-6章
第四章 · 变量、作用域与内存1、原始值和引用值原始值就是最简单的数据，引用值则是由多个值构成的对象。原始值是按值访问的，存放在栈内存上；引用值是按引用访问的，存放在堆内存上。在通过变量把一个原始值赋值到另一个变量时，原始值会被复制到新变量的位置。引用值复制的是一个指针，它指向存储在堆内存中的对象。操作完成之后，两个变量实际上指向同一个对象，因此一个对象上面的变化会在另一个对象上反映出来。所有函数的参数都是按值传递的。ECMAScript中的函数的参数就是局部变量。typeof操作符最适合用来判
2021-04-25 10:19:45
144
翻译 学习JavaScript高级程序设计第1-3章
第一章 · JavaScript JavaScript是一门用来与网页交互的脚本语言，包含三个组成部分：核心(ECMAScript)：由ECMA-262定义并提供核心功能；文档对象模型(DOM)：提供与网页内容交互的方法和接口；浏览器对象模型(BOM)：提供与浏览器交互的方法和接口。 JavaScript的这三个部分得到了五大Web浏览器(IE、Chrome、Safari和Opera)不同程度上的支持。所有浏览器基本上对ES5提供了完善的支持，而对ES6和ES
2021-04-20 14:29:32
146
原创 vue+ts全局变量
1、创建公共文件存放全局变量global.ts(文件名可以自定义)// echarts颜色const echartsColor: string[] = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];export default { echartsColor};2、在main.ts文件中引入// 全局引入变量文件import glob
2021-04-15 10:51:42
4102
1
转载 获取农历日期
let CalendarData = new Array(100)let madd = new Array(12)let tgString = '甲乙丙丁戊己庚辛壬癸'let dzString = '子丑寅卯辰巳午未申酉戌亥'let numString = '一二三四五六七八九十'let monString = '正二三四五六七八九十冬腊'let sx = '鼠牛虎兔龙蛇马羊猴鸡狗猪'let cYear, cMonth, cDay, TheDateCalendarData = ['0xA4B
2021-03-29 13:54:38
244
原创 Android选择相机和相册上传图片
在IOS里面使用van组件上传图片的时候可以选择是拍照上传还是选择相册里面的图片上传，但是在Android里面使用vant组件里面的上传图片只能选择相册上传图片，所以需要使用原生写一个上传图片的组件在Android里面使用，以保持IOS和Android一致。ImageUnit.vue文件<template> <div class="image-unit"> <img style="width: 100%; height: 100%" fit="cov
2021-03-22 10:42:19
1224
原创 vue中打开定位权限
cordova.plugins.diagnostic和cordova-open-native-settings打开手机上的gps定位安装插件cordova plugin add cordova.plugins.diagnosticcordova plugin add cordova-open-native-settings // 打开设置gps定位的窗口导入插件import { AndroidPermissions } from '@ionic-native/android-permissio
2021-03-22 09:49:00
1675
原创 vue结合vue-print-nb实现打印功能
安装vue-print-nbnpm i vue-print-nb --save在main.js文件中导入import Print from 'vue-print-nb'Vue.use(Print);使用使用id<template> <div> <button v-print="'#printcontent'">打印</button> <div>888</div> <div id="printco
2021-03-12 13:46:34
1167
8
原创 html转换成pdf文件
html2canvas+jsPDF实现html转换成pdf文件安装npm i html2canvas jsPDF导入import html2canvas from "html2canvas"import JsPDF from "jspdf"封装函数/** * @param ele要生成 pdf 的DOM元素（容器） * @param pdfFileName PDF文件生成后的文件名字 * */getPdfFromHtml = function (ele, pd
2021-03-12 09:42:12
141
原创 打包正在启动的项目出现内存溢出和端口占用
因为公司部分插件需要更新插件才可以使用，在更新需要的插件的时候把typescript的版本也升级了一下，就出现了如下的问题：问题一：出现内存溢出的情况这种情况可能之前已经出现过，但是没有太过注意，因为这个问题也不影响打包，但是既然看到了，就统一写一下：解决方法解决方法很简单，只需要在vue.config.js文件中添加chainWebpack: config => { config.performance.set("hints", false)}问题二：出现端口占用的问题这个问题
2021-01-29 20:38:31
306
原创 JavaScript面试题
JS基础数据类型JS中使用typeof能得到那些类型？变量类型主要分为值类型（数值的赋值操作）和引用类型（对象，数组，函数；指针指向操作）typeof只能准确区分值类型的类型，引用类型只能准确区分函数的类型；typeof区分的类型为：typeof undefined: undefinedtypeof 'abc': stringtypeof 123: numbertypeof []: objecttypeof {}: objecttypeof null: objecttypeof a
2020-06-11 13:27:33
225
原创 cookie,session,token,jwt
登录状态保存HTTP请求是无状态的cookie+ 举例：例如满10+1 给你卡片，卡片上有商家标识保存在客户端数据量小(很多站点对cookie的大小和数量都进行了限制)不安全(别人可以分析存放在本地的COOKIE并进行COOKIE欺骗，也可能被拦截)session 举例例如卡片：获取你的信息保存到商家服务器端安全session可以依赖cookie访问量增多，占用服...
2020-04-25 19:07:44
159
原创 Vue3.0在Vue2.x上面的改动
前两天听了尤大大对V3的一些改动的直播，总结了一下几点：1、V3使用的是jsx，这一点和react很像，但是我个人认为关于模板语法的部分和react相比较而言还是Vue更好用一些；2、Vuex基本没有改动；3、vue3 不影响2的使用 基本百分之90是可以的 ，如果项目比较稳定建议不用更新到3.0的项目；4、ie11 可以不同build ，对于ie11的支持，主要是通过打包成不同的文件来进...
2020-04-23 15:07:50
335
原创 多人协作开发解决冲突
1、发生冲突在多人协作开发过程中冲突时避免不了的，因此我们在提交代码之前需要先pull远程主分支的内容，在进行合并，会出现这种情况：我们可以选择不同的更改方式，如果两个人的代码不同可以私下交流，商量着谁的代码好用谁的。2、多人提交当然在你pull以后可能会有另外一个人提交了一次代码，这样你再次提交的时候就会出现这种错误：需要再次pull，解决冲突就ok了。3、文件名称不同造成路径出...
2020-04-10 20:18:50
795
1
原创 vant组件设置预览图片拉伸占满手机的整个屏幕（css3的object-fit属性）
刚开始写的时候以为组件里面肯定有修改图片的样式的，发现这个是一个方法ImagePreview方法，想着使用className就可以设置，但是发现不起作用，设置权重也不起作用，就剩下审查元素修改样式了，一下是样式的代码：一定要设置在全局.van-image__img { object-fit: fill !important; }...
2020-04-09 10:29:32
2424
原创 vue组件之间的通信
在图片详情的评论区域和商品的评论区域大致结构是一样的，只有一些数据是不一样的。因此我们可以创建一个组件作为子组件，通过子组件和父组件之间传值的方式实现组件的复用父组件向子组件传值父组件向子组件通过 props ，父组件中通过属性绑定的方式传递，在子组件中创建props 数组接收父组件传过来的数据子组件向父组件传值子组件向父组件传值通过 $emit 的方式，在子组件中绑定一个触发事件，在事件...
2020-04-09 10:09:56
119
原创 vue脚手架 eslint 文件配置
1、.eslintrc.js文件配置rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', "space-before-funct...
2020-04-08 09:57:51
853
翻译 Vue中的内置指令
Vue入门 步骤： 1、导入Vue.js<script src="js/vue.js"></script> 2、创建一个容器，用来容纳模板<div id="app"></div> 3、创建Vue的实例对象<script> var vm = new Vue({ el: '#app', data: {...
2020-03-11 16:51:42
191
翻译 Git常用命令
Git 使用前配置Git允许多人进行开发，所以我们需要配置用户名和邮箱，这样在Git仓库里面就能标明代码是谁进行的提交，方便进行管理配置提交人姓名：git config --global user.name 提交人姓名配置提交人姓名：git config --global user.email 提交人邮箱查看git配置信息：git config --list提交文件到Git仓库需要...
2020-03-01 19:32:49
108
翻译 前端中常用的PS操作
PS的作用前端主要用来切图，量取设计稿的开发尺寸；PS的界面认识PS复位基本功能如果ps界面凌乱，我们需要复位窗口 — 工作区 ---- 复位基本功能 — 回到PS最早安装的状态PS常用的面板—图层面板快捷键：F7 也可以去 窗口 — 图层我们可以利用图层面板去查找我们需要的图层元素；PS新建文件Ctrl+N 新建画布，以下标红的属性选项一点要注意宽度和高度的单位必须是...
2019-11-04 19:32:12
990
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人