自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 资源 (1)
  • 收藏
  • 关注

原创 日历选择组件(打卡,日期计划,日期选择,特别日期标志)-VUE3

使用场景:打卡,日期计划,日期选择,特别日期标志。

2024-06-15 11:33:02 807

原创 hbuilder + uniapp +vue3 开发微信云小程序

(这个时候其实就可以,使用云函数了),问题是下次重新运行项目的,本地的云函数目录就没有了,原因是HBuilder重新编译,这个时候并不会有存在云函数。所以要把cloudApis这个目录复制到cloudFns目录下,这样云函数的源码在本地才会保留下来,(个人理解)7、右键云函数目录,创建云函数:(默认创建获取openId的云函数)访问环境变量:process.env.ENV。

2023-12-08 17:31:46 1847 3

原创 动态组件、keep-alive、异步组件

1、提供include和exclude两个prop,选择需不需要缓存的组件,默认是include。2、提供max属性,限制最大缓存组件数量,如果超出最大值,则最久没有被渲染的组件会销毁。2、异步组件被分割成一个代码块,在需要的时候从服务器下载并渲染;2、每一个import都会从服务器下载一个模块。缓存的根组件,也适用于缓存树中的后代组件。1、组件的渲染需要依赖用户的操作而决定。3、组件的切换会执行相应的钩子函数。3、解决反复创建组件导致性能问题。标签里面写子组件的prop。2、由vue提供的内置组件。

2022-11-16 23:07:11 685 1

原创 vite+rollup

1、人口文件: "main": "index.html",在html声明内部样式表lang="scss"无效。在html 中引入外部样式表,scss 有效。2、执行脚本命令:"scripts": {二、在根目录新建index.html文件。三、修改package.json。

2022-11-12 15:13:27 838

原创 css学习——sass(6)

三、修改sass编译输出css的格式:--style 默认[expanded (default), compressed],目前只有这个2个值,可能是和我的版本有关系(1.56.0),第三步、监听者目录,sass 自动编译: 通过传参数 --watch 告诉sass编译器监听者目录。sass-style是被监听的目录,css-style是被编译成css文件的存放目录。2、在命令行终端 输入sass test.scss test.css进行编译。第二步:手动将sass 编译为css。1、nested:嵌套;

2022-11-07 10:32:45 576

原创 基于promiseAPlus 实现 Promise

在promise里面的构造函数调用executor函数时,通过try...catch(e) 捕获了异常,在catch块里面执行了reject(e)方法。、37行的返回值是一个promise对象,为什么下一次then的回调不是promise对象?: then 方法接收2个可传参数,如果参数不传或者不是函数就会被忽略掉,请看。但是不能被直接调用,只能通过new 执行,否则报。:第三个then可以打印出第二个then的返回值。一、promise是什么:promise是一个构。比如:proimse()就会报错。

2022-11-04 17:07:21 582

原创 CSS学习——动画(5)

项目中使用的动画汇总。

2022-10-28 16:36:15 114

原创 css学习:CSS内容概括

17、css函数:calc、attr、 var 、rgb、 rgba、 hsl 、hsla 、linear-gradient、 repeat-linear-gradient、radial-gradient repeat-radial-gradient。14、css选择器:id选择器、类选择器、属性选择器、标签选择器、通配符选择器、7、文本:行高、字间距、空白\换行处理、字体样式、字体装饰;18、transform:平移、缩放、旋转、倾斜;并列选择器、派送选择器、分组选择器、伪类选择器;

2022-10-25 18:00:51 430

原创 CSS学习————背景属性(4)

5、规定背景的绘制区域: background-clip:border-box | padding-box | content-box。farthest-corner(默认):指定径向渐变的半径长度为从圆心到离圆心最远的角;closest-corner:指定径向渐变的半径长度为从圆心到离圆心最近的角;farthest-side:指定径向渐变的半径长度为从圆心到离圆心最远的边;closest-side:指定径向渐变的半径长度为从圆心到离圆心最近的边;百分比和具体像素,设置宽/高,如果高不设置默认auto。

2022-10-21 18:12:19 536

原创 CSS学习————文本属性(3)

text-decoration:underline | overline | line-through | none(默认值)nowrap:只保留一个空白,文本不会换行,会在在同一行上继续,直到遇到br标签为止。pre-wrap:保留空白符序列,正常地进行换行;5-4:单词间距:word-spacing(CJK无效);5-6:white-space元素内部空白的处理方式。pre-line:合并空白符序列,保留换行符;justify:文本保持在左右2边垂直对齐。5-3:文本行间距:line-height;

2022-10-20 18:14:36 449

原创 CSS学习————css的选择器(2)

3、伪类选择器(根据HTML元素特定的状态的选择元素,比如:active元素被鼠标按下去、:hover鼠标滑过元素)2、组合选择器(4种)(根据他们之间的特定关系来选择html元素)2-3:相邻兄弟选择器(+):相同父级,紧随其后的元素。2-4:通用兄弟选择器(~):相同父级,所有同级元素。选择器的作用:用来查找要设置html样式的元素;2-1:后代选择器(空格):选择后代所有的元素。4、伪元素选择器(选取元素的一部分并设置样式)2-2:子选择器(>):直接子元素。1-1:通配符选择器。

2022-10-19 17:53:57 257

原创 CSS学习--css的由来(1)

通过align="center"来控制文本居中;由于在html中使用大量的标签属性导致,可读性和维护性的代价太大,所以w3c(万维网联盟)创建了css,来控制页面的布局和元素的样式。2、内部样式表:定义在html文档的内部样式。2、css 是控制HTML文档内容的排版;1、外部样式表:通过引入文件外部的样式;heets(层叠样式表/级联样式表;

2022-10-19 15:30:36 157

原创 uniapp:h5多环境配置

第一步:在终端运行 npm init -y 初始化package.json。uniapp:h5多环境配置;

2022-10-19 12:02:49 1813

原创 uni-app在vue3中对接微信JSSDK

import wx from "weixin-js-sdk",挂载到全局app.config.globalProperties.$wx=wx;第三步:获取JSSDK在网页中的授权信息及初始化JSSDK,授权信息是后台发返回的。在项目的终运行命令:npm i weixin-js-sdk 如下图。在APP.vue里面调用getWxSignature。第二步,在项目人口文件导入微信jssdk。第一步:引入jssdk。

2022-10-19 09:29:11 4665

原创 手机上查看控制台

手机查看控制台

2022-09-25 14:26:51 489

原创 npm设置和查看仓库源

查看源,可以看到设置过的所有的源 npm config get registry。npm config set registry 仓库地址。

2022-09-16 16:53:37 1300

原创 函数编程-2

2、next方法返回一个对象,该对象包含一个value属性和一个done标记属性。2、next方法返回一个对象,该对象包含一个value属性和一个done标记属性。3、阻止函数的内部执行,通过调用next方法执行下一步,直到执行到下一个yield。:被调用函数的函数体不会马上执行而是返回一个包含next方法的对象。方法的对象都可以使用for ...of枚举对象的属性。1、返回一个对象,对象中包含一个next方法。1、返回一个对象,对象中包含一个next方法。

2022-09-14 11:51:29 123

原创 vue3+ts+mock测试接口

vue3+ts+mock模拟接口

2022-08-19 10:40:05 1932 1

原创 JavaScript基础标准库总结——(1)

1、Object一共有22个静态方法,7个实例方法;2、Array:一共有34个实例方法,3个静态方法;3、String:静态方法3个,实例方法26个:4、Number:4个静态方法、6个实例方法:5、Boolean:2个实例方法 toString 、valueOf6、Math:23个静态方法;7、Data:3个静态方法,37个实例方法;8、JSON:2个静态方法 :stringify parse;9、RegExp:8个实例方法。......

2022-08-18 16:29:42 368

原创 vue3 根据菜单,创建动态路由

vue3 根据菜单(权限),动态创建路由

2022-08-16 11:02:55 1020

原创 dom模板列表-2

模板列表

2022-08-15 14:33:27 154173

原创 css 动画

动画

2022-08-15 14:30:56 190

原创 webpack+TypeScript搭建工程化项目

2-7、clean-webpack-plugin:webpack中的清除插件,用于每一次构建时都清理打包目录下的文件。2-6、html-webpack-plugin:webpakc中html插件,用于自动创建html文件;2-5、ts-loader:ts加载器、用于在webpack中编译ts文件;2-3、webpack-dev-server:webpack开发服务器;2-2、webpack-cli:webpack命令行工具;2-4、typescript:ts编译器;2-1、webpack:构建工具;....

2022-08-11 11:24:16 457

原创 一、typeScript 编译,执行、编译+执行

编译命令tscxxx.ts最终会编译成xx.js文件。安装npminstallts-node-g编译+执行。通过nodexx.js命令执行编译好的xx.js代码。执行命令ts-nodexx.ts。这个时候看不到编译好的。

2022-07-29 10:06:35 2370

原创 算法 ——平扁数组转树(1)

children和originChildren是引用类型,引用类型的特点就是指向同一个引用地址的变量,无论是哪一个修改了数据源,他们获取到的数据都是保持一致;2、遍历父节点找孩子,如果找到孩子就把孩子放到父节点children属性的数组中。1、将数组分成两类,父节点和子节点,parent,originChildren。调用console.log(toTree(arr));3、通过递归将让子节点去找它的下级子节点。............

2022-07-24 14:48:10 236

原创 Vue开发相关环境搭建(nvm 、nrm、serve)

​1、安装node.jsNode.js 中文网历史版本选择:Index of /dist/安装过程中选择add to path选择安装完毕:node -v 查看node版本npm -v查看node package management 版本​

2022-07-17 14:52:59 787

原创 函数式编程-1

函数的定义:于集合A中任意一个元素,在集合B中都有唯一的元素与之对应;在JS中:函数是不依赖任何其他对象,独立存在,是封装代码固定逻辑的容器;在JS中函数可以做的事情:函数声明,赋值、传参、返回、立即执行、创建对象,这个也是函数作为一等公民的原因;纯函数的定义:相同的输入有相同的输出,不依赖且不影响外部环境,也不产生副作用,副作用:函数的内部执行console.log()就是副作用的一种...............

2022-06-29 10:05:31 104

原创 vue3 :cdn引入wangEditor

vue3 :cdn引入wangEditor

2022-06-25 16:08:49 1380

原创 vue 图片添加,删除、拖拽排序

vue 图片添加,删除、拖拽排序

2022-06-25 14:30:19 1206

原创 Element 手动上传图片

element-plus 手动上传图片

2022-06-17 17:30:14 215

原创 html文件替换内容

可以用正则处理原字符串,读取style的inner HTML,经过正则处理后插入body中

2022-06-17 14:25:39 1190

原创 VUE 动态绑定本地图片

VUE 动态绑定本地图片

2022-06-16 15:06:49 256

原创 VUE 引用腾讯地图

腾讯地图选址,搜索

2022-06-16 09:56:03 2239

原创 vue 正式环境取消警告

vue 正式环境取消警告配置

2022-06-06 09:42:17 631

原创 UNI-APP集成蓝畅打印插件

1. 将插件压缩包解压,拷贝到项目的 nativeplugins 目录下。2. 在 HBuilder 中打开 mainfest.json,进入“App 原生插件配置”,选择本地插件,勾选添加插件列表中的 LcPrinter 插件

2022-06-04 22:11:41 1419 3

原创 cdn引入第三方插件,解决发布新包强制刷新(缓存)

传入打包参数“report” 如:vue-cli-service build --report,就会生成一个l分析报告文件report.htm

2022-06-04 19:41:15 1764

原创 vue 配置全局模块、SASS(自动引入模块)

Automatically load modules instead of having to import or require them everywhere自动引入模块,代替在使用的地方通过 “import”或者“require”引入。

2022-06-04 11:25:08 1625

原创 Vue $on、$emit的实现

1、$on的用法:接收2个参数,返回对象的本身; 第一个参数是字符串或者字符串数组。 第二参数是回调函数。2、$emit的用法:接收1+n个参数,返回对象的本身; 第一个参数是字符串; 第n参数是作为回调函数的参数。...

2022-06-03 15:37:25 998

原创 前端专业术语

1、European Computer Manufacturers Association(欧洲计算机制造商协会),这个协会在瑞士的日内瓦这个协会的主要职责是:评估、开发、认可电信、计算机标准ECMA-262就是脚本语言的规范,ECMAScript ES5和ES6就是一个规范。2、编程语言:编译型和解释型编译过程:源码->编译器->机器语言->可执行的文件解释型:源码->解释器->解释一行就执行一行编译型语言:需要根据不同系统编译成不同的可执行文件,运行速度快解释

2022-05-27 09:40:40 888

原创 Vue3 组件常用API封装

目录结构:1、插件:instanceimport { ref, reactive, watch, computed, onMounted, getCurrentInstance} from "vue";export default function() { let {proxy} = getCurrentInstance(); console.log(proxy); proxy.ref=ref proxy.reactive=reactive proxy.watc.

2022-05-22 14:47:21 880

MVVMDemo.zip

MVVMDemo试例代码

2019-07-31

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除