- 博客(52)
- 收藏
- 关注
RSS订阅原创 Vue点击div按钮使其具备自动居中功能
1.写一个支持滑动的组件scroll.vue,2.在需要使用滑块的页面引用这个组件,支持横向及纵向滑动。
2023-02-25 17:08:09
1416
原创 在ios手机上图片之间存在白色间隙
现象:图片在ios手机上会出现白色的间隙、安卓手机上则不会出现。最近在开发移动端官网页面,遇到不同机型间的适配小bug.
2023-02-10 20:25:41
1415
原创 wx.getUserProfile is not a function微信小程序报错
在使用小程序wx.getUserProfile接口调用时报错：wx.getUserProfile is not a function在微信官方文档中看到wx.getUserProfile接口升级的信息
2022-06-12 20:32:12
1475
原创 微信小程序真机调试regeneratorRuntime is not defined错误
原因是微信小程序代码中使用了async / await语法，语法太高级小程序编译不出来，需要引用regeneratorRuntime这个模块。具体操作可以新建一个文件夹，然后在这个文件夹目录上运行命令行窗口，npm init 得到一份package.json文件（一路回车，最后yes)。安装依赖：npm i regenerator-runtime -S,在node_modules中就能得到regenerator-runtime这个文件。然后再返回你报错的小程序文件中去，在utils文件夹中导
2022-05-15 21:45:57
1953
原创 Git代码版本控制
git被称为传说中的实习生杀手1 git命令 基于开发案例 详细了解git的常用命令2 git分支 分支特性 分支创建 分支转换 分支合并 代码合并冲突解决Gitee码云创建远程仓库代码推送 Push代码拉取 Pull代码克隆 CloneSSH免密登录（由于git hub网络慢、且登路难）一 Git概述git是一个免费的、开源的分布式版本控制系统，可以快速高效的处理从小型到大型的各种项目。1.1 何为版本控制版本控制是一种记录文件内容变化，以便将来查阅特定版本
2022-03-22 09:18:32
798
原创 组件的基本使用下
1 props验证指的是：在封装组件时对外界传递过来的props数据进行合法性的验证，从而防止数据不合法的问题。使用对象类型的props节点，可以对数据进行校验2 计算属性计算属性本质上就是一个function函数，它可以实时监听data中数据的变化，并return一个计算后的新值，供组件渲染DOM时使用。计算属性需要以function函数的形式声明到组件的computed选项中2.2 计算属性VS方法计算属性会缓存计算的结果，性能更好3 自定义事件3.1 什么是自定义事
2022-03-07 18:51:51
276
原创 组件的基本使用上
1 组件的注册组件之间可以相互的引用，但有一个前提-----------注册1.1 注册的两种方式全局注册和局部注册两种全局注册：被全局注册的组件，可以在全局任何一个组件内使用1.在main.js内导入两个组件2.调用 app 实例的 component() 方法，再全局注册两个组件，两个参数（' 前面字符串是名称 ',xx)3.在其他组件中直接以标签的形式就能使用局部注册：被局部注册的组件，只能在当前注册的范围内使用...
2022-03-06 21:38:10
746
原创 vue3.X调试工具vue-devtools-6.0.0安装
1百度网盘 请输入提取码提取码为abcd2 将下载好的安装包解压到你要安装的目录3 在Chorme浏览器导入解压后的安装包4 打开调试工具就能看到Vue标志
2022-03-06 17:51:11
2168
原创 VUE组件化
1 组件化开发思想（what?)组件表示可重用的模块Vue核心特性：数据驱动(MVVM)、组件化、指令，其中就包含了组件化思想Vue是完全支持组件化开发的框架。后缀名为.vue,像我们知道的App.vue就称为根组件。2 vue组件的构成每个.vue组件都由3部分构成，分别是：template---->组件的模板结构（其实就是HTML)script----->组件的JavaScript行为style------>组件的样式每个组件必须要包含templat
2022-03-06 16:22:15
222
原创 vite的基本使用
1 vite创建vue3.x的项目通过Shift+鼠标右键打开PowerShell窗口命令：npm init vite-app 项目名称cd 项目名称npm installnpm run dev2 项目的结构3 vite项目流程在工程化项目中，Vue要做的事很单纯。通过main.js把 App.vue渲染到index.html的指定区域中其中：（1）App.vue用来编写待渲染的（结构HTML）（2）index.html中需要...
2022-03-06 12:10:31
777
原创 css的引入方式
css的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：1.行内样式表（行内式）在元素结构内修改样式，不常用。style就是标签的一个属性。<div style="color:red;">2.内部样式表（嵌入式）放在style标签内3.外部样式表（链接式）使用步骤： 1.建好 .css文件 2.在HTML页面中，使用<link>标签引入这个文件。<link rel="styleshee...
2022-03-04 21:57:00
130
原创 说说对vue的理解
1.vue是什么（what?)Vue.js是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架2.vue的核心特性数据驱动（MVVM）mvvm表示的是Model-View-ViewModel,viewmodel用来连接Model和View，是Model和View之间的桥梁组件化相当于把一个页面分为几块部分，能够降低系统的耦合度，提高可维护性，调试方便指令系统熟悉一些常见的指令3.vue跟传统开发的区别vue所有的界面事件，都是只
2022-03-03 21:03:45
7528
1
原创 网页布局三大核心：盒子模型、浮动、定位
页面布局要学习三大核心：盒子模型、浮动和定位。网页布局的本质：利用CSS做盒子样式，摆放位置。标题<h>、段落<p>、盒子<h>。盒子有 m b p c清除内外边距：不同浏览器带有默认的内外边距，因此我们在布局前，首先要清除下网页元素的内外边距。方式：* {padding：0；/*清除内边距*/margin:0; /*清除外边距*/}浮动？1 首先了解把块元素放在一行内？使用行内块元素会产生 空隙2 如何实现两个盒子
2022-02-22 00:06:16
844
原创 CSS背景
1 颜色background-color2 背景图片background-image：url（xxx）；常用于logo或超大背景图片（精灵图等）,优点是方便控制位置背景平铺background-repeat:repect | no -repect位置background-position: x y;小技巧：网上扒图片首先打开调试工具，单机图片，找到地址再open in new tab,最后图片另存为...
2022-02-21 19:26:55
203
原创 CSS元素显示模式：块元素、行内元素等
1.分为块元素 <h1>、<p>、<div>独占一行，可以设置内外边距等 若没有设置宽度，则和父级一样宽行元素 <span> 一行放多个行-内块元素 可以在一行，也可以调节宽高等2.元素显示模式转换（经常使用） 1）行内元素链接<a> 转换成块级元素 display:block; 2) 转行内元素 displ...
2022-02-21 00:48:41
158
原创 CSS选择器之复合选择器
1.后代选择器后代选择器又称为包含选择器，可以选择父元素里面的子元素语法： 元素1 元素2 { 样式声明 }若是孙子级别的就：元素1 元素2 元素3 { 样式声明 }2.子选择器只有亲儿子级别，也被称为亲儿子选择器语法：元素1 > 元素2 { 样式声明 }3.并集选择器并集选择器可以选择多组标签，用于集体声明语法：元素1，元素2 { 样式声明 }其中 ，代表 和4.伪类选择器伪类选择器倾向于向某些选择器添加特殊的效果，如点击颜色变色等特点是...
2022-02-21 00:14:09
358
原创 CSS选择器用法和分类之基础选择器
css1.选择器 { 样式 } 等价于 给谁改样式 { 改什么样式 }样式：属性和属性值以键值对形式出现，属性和属性值中间用冒号分隔，每个 ”键值对“ 之间用英文 ”;" 进行区分。2.css选择器的作用h1 { color:red; font-size:25px;}上面的CSS做了两件事：1.找到所有的h1标签。选择器(选对人）。2.设置这些标签的样式，比如颜色为红色（做对事）。3.类选择器单独选择...
2022-02-19 21:52:07
308
原创 前端基础小知识
1.常用浏览器IE浏览器、火狐浏览器、谷歌、Safari和Opera五大浏览器2.浏览器内核浏览器内核也被称为（渲染引擎）：chrome 用的是Blink内核3.web标准的构成主要包括结构、表现和行为三个方面4.标签语义及常用标签标题标签-----<h1>~<h6>；和<div>一样，独占一行段落标签-----<p></p>换行标签-----<br /> 单词break的缩写，意味打断、换行。
2022-02-18 21:00:22
440
原创 ＜form＞表单标签
网页中的表单展示1.为什么需要表单？使用表单的目的是为了收集用户信息。在网页中，我们也需要跟用户进行交互，收集用户资料，此时需要表单。2.表单的组成表单域、表单控件（表单元素）和提示信息3部分构成。表单域就是包含了很多小控件等，包含表单元素的区域，<form>标签用于定义表单域，以实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器。<form action="url地址" method="提交方式" name="表单域名称
2022-02-18 08:40:44
716
原创 HTML、CSS、Javascript三者关系
HTML用于控制网页的结构，CSS用于控制网页的外观，JavaScript控制的是网页的行为。很多同学可能不太清晰的了解这三者的关系。HTML-----超文本标记语言，HTMl是一门描述性语言。CSS----层叠样式表，是用来控制网页外观的一种技术。JavaScript----是一种嵌入到HTML页面中的语言，由浏览器一边解释一边执行。我们用一种比喻来说明：咱们把制作网页来比作盖房子。HTML就相当于钢筋水泥做出来的结构。CSS比作粉刷、贴瓷砖等装修。JavaScri
2022-02-13 21:22:01
15749
6
原创 麒麟操作系统
由国防科大开发的麒麟操作系统有很多，这些麒麟操作系统彼此之间技术延续性也有限，比较有名的是银河麒麟、优麒麟和中标麒麟操作系统。另外，华为准备推出的可能被用于手机或物联网的操作系统也被命名为麒麟。麒麟，是中国古代神话中的一种瑞兽，是由岁星散开而生成，与“龙”、“凤”、“龟”、“貔貅”并称为五大瑞兽。据《瑞应图》记载：麒麟长着羊头，狼的蹄子，头顶是圆的，身上是彩色的，高大概2米左右。《说文解字·十》记载：麒麟身体像麝鹿，尾巴似龙尾状，还长着龙鳞和一对角。麒麟是中国古代汉族神话传说中的传统祥兽，性情温和，传.
2022-02-12 14:01:56
9264
1
原创 程序的运行
如果你的电脑上安装了微信，你希望和好友聊天，会双击微信图标，打开软件，输入账号和密码，然后登录就可以了。那么，是怎么运行起来的呢？首先，有一点你要明确，你安装的微信软件是保存在硬盘中的。双击微信图标，操作系统就会知道你要运行这个软件，它会在硬盘中找到你安装的微信软件，将数据（安装的软件本质上就是很多数据的集合）复制到内存。对！就是复制到内存！微信不是在硬盘中运行的，而是在内存中运行的。为什么呢？因为内存的读写速度比硬盘快很多。对于读写速度，内存 > 固态硬盘 > 机械硬盘。机械硬盘是靠
2021-12-19 18:07:29
173
原创 大一计算机学生的学习方法
“浸泡”理论这是我自己独创的一个理论，意思是说：一个人要想在某一方面有所成就，就必须有半年以上的时间，每天花 10 个小时“浸泡”在这件事情上，最终一定会有所收获。当然前提是你得懂得各种语言的作用，确定好自己的学习路线像大一老师开设的c语言，总有人会问？老师，学c语言能赚钱吗？可能老师会这样回答，给你们上课就是我的赚钱方式，别的我还真没赚钱当然，上面只是开个玩笑，c语言作用还是很大的。其实c语言这种，你毕业后想立马知识变现，它的用途在嵌入式开发，单片机等，这些偏硬..
2021-12-19 17:35:08
946
原创 免费好用的钉钉内网穿透
1.什么是内网穿透？ 内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取。比如常用的办公室软件等，一般在办公室或家里，通过拨号上网，这样办公软件只有在本地的局域网之内才能访问，那么问题来了，如果是手机上，或者公司外地的办公人员，如何访问到办公软件呢？这就需要natapp内网穿透工具了。运行natapp隧道之后，natapp会分配一个专属域名/端口,办公软件就已经在公网上了,在外地的办公人员可以在任何地方愉快的访问办公软件了~~2.什么是钉钉内网穿透...
2021-12-14 21:00:36
9227
1
原创 何为动态组件
动态组件指的是动态切换组件的显示与隐藏。vue 提供了一个内置的 <component> 组件，专门用来实现组件的动态渲染。 ① <component> 是组件的占位符 ② 通过 is 属性动态指定要渲染的组件名称 ③ <component is="要渲染的组件的名称"></component>2. 如何实现动态组件渲染同过button按钮动态切换3. 使用 keep-alive 保持状态 默认情况下，切换
2021-12-12 15:30:36
5100
原创 什么是 ref 引用
ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下， 组件的 $refs 指向一个空对象。...
2021-12-12 13:52:59
1561
原创 Vue自定义事件
1. 什么是自定义事件 在封装组件时，为了让组件的使用者可以监听到组件内状态的变化，此时需要用到组件的自定义事件。2. 自定义事件的 3 个使用步骤 在封装组件时： ① 声明自定义事件 ② 触发自定义事件 在使用组件时： ③ 监听自定义事件3. 自定义事件传参 在调用 this.$emit() 方法触发自定义事件时，可以通过第 2 个参数为自定义事件传参...
2021-12-08 12:31:58
811
原创 Vue计算属性，这是我听过最好的讲解
1.计算属性的用途在了解并使用过计算属性之后，我觉得使用起来其实并不难，关键是你要怎们去理解计算属性的用途，这个才是最关键的计算属性可以用在购物车订单上，比如你在淘宝上买了很多商品，购物车上最终要结算的价格其实就是计算属性的结果。你买两件，结算的总金额就自动×2，并显示在你手机上这个就是它的用途2.计算属性是什么本质上是一个 function 函数，实时监听 data 中数据的变化，并 return 一个计算后的新值，供组件渲染 DOM结果 时使用。咱们场景再现一下，你正在逛
2021-12-07 18:43:05
700
原创 组件props
为了提高组件的复用性，在封装 vue 组件时需要遵守如下的原则： 组件中要展示的数据，尽量由组件的使用者提供 故vue 组件提供了 props 的概念。什么是组件的 props props 是组件的自定义属性，组件的使用者可以通过 props 把数据传递到子组件内部，供子组件内部进行使用。1.什么是自定义属性？可以理解为 props数组封装的数据项2.props的使用过程父组件元素绑定属性，通过props传递到子组件数组数据项，再进行插值表达式渲染数据项
2021-12-06 00:41:54
908
1
原创 vite创建vue3.0项目
1.在你想创建的项目里，Shift+鼠标右键打开PowerShell窗口npm init vite-app 项目名字2.你希望项目跑起来，就先cd 到 c1中3.然后npm install 安装依赖包4.最后 npm run dev 就可以运行5.最后打开浏览器输入上面的地址，就能看到下面这个项目运行成功了...
2021-12-04 23:57:53
466
原创 单页面应用程序的优缺点
一，优点SPA 单页面应用程序最显著的 3 个优点如下： ① 良好的交互体验 单页应用的内容的改变不需要重新加载整个页面,只有一个HTML页面因为没有页面之间的跳转，不会出现“白屏现象”获取数据也是通过 Ajax ，Axios异步获取 ② 良好的前后端工作分离模式 后端专注于提供 API 接口，更易实现 API 接口的复用 像小程序，app,pc都可以使用同一份API接口前端专注于页面的渲染，更利于前端工程化的发展 ③ 减轻服务器的压力 服务器只提供数据，
2021-12-04 22:07:32
3346
原创 什么是单页面应用程序
单页面应用程序（英文名：Single Page Application）简称 SPA顾名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面所有的功能与交互都在这唯一的一个页面内完成单页面应用程序将所有的功能局限于一个HTML 页面中，仅在该HTML 页面初始化时加载相应的资源（ HTML、 JavaScript 和 CSS）。 一旦页面加载完成了，SPA 不会因为用户的操作而进行页面的重新加载或跳转。为啥呢？因为只有一个html页面，不需页面的要跳转（上面这句话
2021-12-04 21:38:24
1264
原创 Vue指令6大模板语法
① 文本内容渲染指令 文本内容渲染指令用data中的数据项来渲染 DOM 元素的文本内容v-text 注意：v-text 指令会覆盖元素内默认的值 像<p v-text="gender">性别</p> 性别就被覆盖{{ }} ：只能用在元素的内容节点中v-html注意：把含 HTML 标签渲染为文本② 元素属性绑定指令 为元素的属性动态绑定data中的数据项的属性值（简写为英文的 : ）<...
2021-12-04 20:33:48
429
原创 vue 的3个特性
① 数据驱动视图 ② 双向数据绑定1 数据驱动视图 数据 可以是写死的假数据，或者调用api接口从服务器上请求的数据视图 页面最终被渲染出来的dom结构在使用了 vue 的页面中，vue 会监听数据的变化，自动渲染页面为什么要数据驱动视图呢？这样程序员就不需要手动渲染页面了，当数据发生变化，页面会自动重新渲染（不过，，，，）注意：这是单向的数据绑定，核心原理MVVM2 双向数据绑定在填写表单时，双向数据绑定能不操作 DOM ，自动把表
2021-12-03 19:16:35
1345
原创 项目文件引用的清晰讲解
项目引用，肯定涉及两个先搞清楚的东西：1.引用者（自身）2.被引用者（别人）要不然下面的内容要把你的小脑袋瓜绕晕，这个先弄明白"."--代表目前所在的目录".."--代表上一层目录"/"--代表根目录相对路径：用自身来参照绝对路径：以Web站点根目录为参考1.我们假设读者所建立的Web站点拥有如下图所示目录路径。假若要在Ref.htm文件中引用BeRef.gif文件时，其相对路径如下：./SubDir2/BeRef.gif上面的引用路径中，"."代表目前的目录(Dir1)，.
2021-11-29 17:59:38
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人