- 博客(16)
- 收藏
- 关注
RSS订阅原创 element-ui组件库
PC端组件库参考: https://www.jianshu.com/p/669d3e41dca6。element 官网 https://element.eleme.cn/#/zh-CN。在balbel.config.js文件中添加plugins字段。下载安装插件 babel-plugin-component。完整引入: 在main.js文件中引入如下三句代码。在main.js中按需导入需要的组件。在组件中直接使用组件标签即可。注意: 有几个特殊的使用如下。1, 下载安装组件库。
2023-07-04 11:23:33
331
原创 vant组件库
官网:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/移动端组件库参考: https://www.jianshu.com/p/c3c671787d1d。在根目录的babel.config.js文件中添加plugins字段。最后, 在组件中直接复制官方文档中的组件代码即可显示。然后在组件中直接复制官方文档中的组件代码即可显示。导入所有组件: 在main.js中添加如下代码即可。在mian.js中按需导入需要用到的组件。按需导入组件(推荐)
2023-07-04 11:22:25
158
原创 大屏适配方案
大屏可视化一般是用于大屏展示, 而不同的大屏设备分辨率和宽高比不太一样, 所以同一个网页需要在不同的大屏上完美展示, 就需要做大屏适配 , 大屏适配有以下两种解决方案。2, 按照UI设计稿的原始尺寸(1920*1080) ,使用px为单位实现固定尺寸的图表, 适配时,使网页缩放以占满整个屏幕。1, 图表的尺寸和位置统一使用vw, vh做单位, 宽度都用vw单位, 高度都用vh单位。用法: 适用于缩放比例不大,微调的大屏,原始比例和大屏比例差别不大的情况下。好处:排版灵活,不会出现图标拉伸。
2023-07-04 11:20:06
190
原创 vue样式穿透
* ::v-deep() vue3新增 css/less/sass通用样式穿透 *//* :deep() vue3新增 css/less/sass通用样式穿透 *//* ::v-deep css/less/sass通用样式穿透 *//* /deep/ css/less/sass通用样式穿透 */父组件选择器 >>> 子组件选择器 { 子组件样式 }::v-deep 子组件选择器 { 子组件样式 }::v-deep(子组件选择器){ 子组件样式 }/deep/ 子组件选择器 { 子组件样式 }
2023-07-04 11:19:14
356
原创 vite构建vue3项目
---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------
2023-07-04 11:14:58
105
原创 uniapp语法特点
3, 之前写项目时,用到一个背景音频播放API, 在浏览器测试发现报错, 查看官方文档才发现, 背景音乐播放不支持H5端, 只支持app和小程序 在H5端调用背景音频播放接口无效,并报错: Cannot read property 'apply' of undefined。uniapp中组件的数据和结构使用vue的结构 (data, computed, filter, watch等)uniapp中的数据绑定与渲染, 使用vue中的指令语法(v-model, ref, $emit, slot)
2023-07-04 11:13:25
34
原创 git基本命令
git diff HEAD -- 文件名 : 查看工作区和版本库里面最新版本的区别。git reset --hard HEAD 回退到git中当前最新的版本。git config --global --list 查看全局配置选项。git config --system --list 查看系统配置选项。git config --local --list 查看本地配置选项。git reset --hard HEAD^ 回退到上一个版本。git add 文件名 添加某一个文件更新。
2023-07-04 11:09:04
44
原创 react过渡动画
Switch 组件要设置location属性为路由信息的props.location, 保证路由跳转组件的key和CSSTransition的key一致。4, 路由组件中没有路由信息location.pathname, 需要使用withRouter导入。注意: 1, 入场和出场的class样式要按顺序写,动画开始和结束顺序不能颠倒。2, 在路由配置文件/src/router/index.js中导入动画组件。3, 在路由组件模板中,用动画组件包裹路由组件。2, 在需要执行过渡的组件中导入动画模块。
2023-06-29 15:59:34
127
1
原创 React路由跳转与传值、路由监听
路由控制跳转的组件中(一般是views目录下的页面组件),props会自动添加以下三个字段, (根组件和components中的组件没有路由信息)接收 {this.props.location.data && this.props.location.data.name}1, 在路由跳转的组件中使用props.history.listen() 监听路由, 得到返回值cancle。注: 全局路由监听,根组件App中没有路由信息, 需要使用高阶组件withRouter添加路由信息,然后监听。
2023-06-29 15:56:25
438
1
原创 React 路由配置
3, 创建路由文件src/router/index.js, 导入需要路由跳转的组件, 并导出路由配置数组。2, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件。2, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件。2, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件。2, 创建路由文件src/router/index.jsx, 导入根组件和需要路由跳转的组件。
2023-06-29 15:53:55
4402
1
原创 脚手架创建react项目流程
注意: 在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。2, 在组件jsx导入样式文件时使用 import styles from './xxx.module.css' 导入 代替 import './xxx.css'1, 创建组件样式文件时以 xxx.module.css命名, 例如 Home.module.css 代替 Home.css。
2023-06-28 17:42:17
621
1
原创 在react组件中获取DOM元素的五种方式
2, 在构造器中创建ref全局变量, 在标签中ref属性动态绑定这个全局变量, 通过全局变量的current字段调用。1, 给标签设置ref属性, 通过this.refs调用 (老版本语法,将要废除)3, 在标签ref属性绑定函数, 在函数中定义全局变量赋值, 通过全局变量调用。4, 使用hook语法查找DOM。5, 使用hook语法查找DOM。
2023-06-28 17:31:16
1309
1
原创 JS引入方式、输出方式
作用：1.可以在浏览器的控制台查看输入结果,可以看到程序执行过程中变量的取值,帮助开发人员查看代码执行结果,测试程序功能。3.通常开发结束后,项目结束的时候,会吧控制台的输出删除/注释。3.行内式：在页面元素下写<script> </script>对页面中的元素进行操作。2.对普通的用户无效。1.外链式：引入外部js连接。2.内嵌式：在标签内嵌入。alert("提示框")
2023-05-27 17:09:31
69
1
原创 JS初始介绍
为了减轻使用机器语言编程的痛苦，人们进行了一种有益的改进：用一些简洁的英文字母、符号串来替代一个特定的指令的二进制串，比如，用“A D D”代表加法，“M O V”代表数据传递等等，这样一来，人们很容易读懂并理解程序在干什么，纠错及维护都变得方便了，这种程序设计语言就称为汇编语言，即第二代计算机语言。汇编语言同样十分依赖于机器硬件，移植性不好，但效率仍十分高，针对计算机特定硬件而编制的汇编语言程序，能准确发挥计算机硬件的功能和特长，程序精炼而质量高，所以至今仍是一种常用而强有力的软件开发工具。
2023-05-27 16:37:13
44
1
原创 html标签结构及常用标签
div p（段落） ul（无序列表） ol（有序列表） li（列表中的主体） h1-h6（标题）...什么标签放什么内容， h标签放标题 p标签放段落文字 ，为了让搜索引擎更好的抓取网页内容 有利于seo。行标签：多个标签在一行显示，宽高、行高、上下边距都不能设置，只能靠内容撑起来。一个html标签可以没有属性，也可以没有内容，但是必须要有标签名。块标签可以嵌套行标签，行标签最好不要嵌套块标签。html标签按照内容可以分为三部分:标签名，属性，内容。html标签分为两种：单标签和双标签。
2023-05-27 15:21:11
597
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人