- 博客(73)
- 资源 (1)
- 收藏
- 关注
原创 hbuilder + uniapp +vue3 开发微信云小程序
(这个时候其实就可以,使用云函数了),问题是下次重新运行项目的,本地的云函数目录就没有了,原因是HBuilder重新编译,这个时候并不会有存在云函数。所以要把cloudApis这个目录复制到cloudFns目录下,这样云函数的源码在本地才会保留下来,(个人理解)7、右键云函数目录,创建云函数:(默认创建获取openId的云函数)访问环境变量:process.env.ENV。
2023-12-08 17:31:46
2438
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
738
原创 vite+rollup
1、人口文件: "main": "index.html",在html声明内部样式表lang="scss"无效。在html 中引入外部样式表,scss 有效。2、执行脚本命令:"scripts": {二、在根目录新建index.html文件。三、修改package.json。
2022-11-12 15:13:27
934
原创 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
656
原创 基于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
724
原创 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
498
原创 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
591
原创 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
512
原创 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
321
原创 CSS学习--css的由来(1)
通过align="center"来控制文本居中;由于在html中使用大量的标签属性导致,可读性和维护性的代价太大,所以w3c(万维网联盟)创建了css,来控制页面的布局和元素的样式。2、内部样式表:定义在html文档的内部样式。2、css 是控制HTML文档内容的排版;1、外部样式表:通过引入文件外部的样式;heets(层叠样式表/级联样式表;
2022-10-19 15:30:36
189
原创 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
5410
原创 npm设置和查看仓库源
查看源,可以看到设置过的所有的源 npm config get registry。npm config set registry 仓库地址。
2022-09-16 16:53:37
1479
原创 函数编程-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
155
原创 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
412
原创 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
509
原创 一、typeScript 编译,执行、编译+执行
编译命令tscxxx.ts最终会编译成xx.js文件。安装npminstallts-node-g编译+执行。通过nodexx.js命令执行编译好的xx.js代码。执行命令ts-nodexx.ts。这个时候看不到编译好的。
2022-07-29 10:06:35
2482
原创 算法 ——平扁数组转树(1)
children和originChildren是引用类型,引用类型的特点就是指向同一个引用地址的变量,无论是哪一个修改了数据源,他们获取到的数据都是保持一致;2、遍历父节点找孩子,如果找到孩子就把孩子放到父节点children属性的数组中。1、将数组分成两类,父节点和子节点,parent,originChildren。调用console.log(toTree(arr));3、通过递归将让子节点去找它的下级子节点。............
2022-07-24 14:48:10
261
原创 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
869
原创 函数式编程-1
函数的定义:于集合A中任意一个元素,在集合B中都有唯一的元素与之对应;在JS中:函数是不依赖任何其他对象,独立存在,是封装代码固定逻辑的容器;在JS中函数可以做的事情:函数声明,赋值、传参、返回、立即执行、创建对象,这个也是函数作为一等公民的原因;纯函数的定义:相同的输入有相同的输出,不依赖且不影响外部环境,也不产生副作用,副作用:函数的内部执行console.log()就是副作用的一种...............
2022-06-29 10:05:31
122
原创 UNI-APP集成蓝畅打印插件
1. 将插件压缩包解压,拷贝到项目的 nativeplugins 目录下。2. 在 HBuilder 中打开 mainfest.json,进入“App 原生插件配置”,选择本地插件,勾选添加插件列表中的 LcPrinter 插件
2022-06-04 22:11:41
1702
5
原创 cdn引入第三方插件,解决发布新包强制刷新(缓存)
传入打包参数“report” 如:vue-cli-service build --report,就会生成一个l分析报告文件report.htm
2022-06-04 19:41:15
1872
原创 vue 配置全局模块、SASS(自动引入模块)
Automatically load modules instead of having to import or require them everywhere自动引入模块,代替在使用的地方通过 “import”或者“require”引入。
2022-06-04 11:25:08
1714
原创 Vue $on、$emit的实现
1、$on的用法:接收2个参数,返回对象的本身; 第一个参数是字符串或者字符串数组。 第二参数是回调函数。2、$emit的用法:接收1+n个参数,返回对象的本身; 第一个参数是字符串; 第n参数是作为回调函数的参数。...
2022-06-03 15:37:25
1121
原创 前端专业术语
1、European Computer Manufacturers Association(欧洲计算机制造商协会),这个协会在瑞士的日内瓦这个协会的主要职责是:评估、开发、认可电信、计算机标准ECMA-262就是脚本语言的规范,ECMAScript ES5和ES6就是一个规范。2、编程语言:编译型和解释型编译过程:源码->编译器->机器语言->可执行的文件解释型:源码->解释器->解释一行就执行一行编译型语言:需要根据不同系统编译成不同的可执行文件,运行速度快解释
2022-05-27 09:40:40
1004
原创 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
1013
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人