- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue3,js值格式转换
a-descriptions-item label="病种名称" :span="8">diseaseName： '["发烧","传染病","感冒"]'evaluationLevel: '', // 等级。diseaseName: '',// 病种名称。description: '',// 描述。height: null, // 身高。title: '病种名称',weight: null,//体重。gender: null,// 性别。age: null,// 年龄。在表格中也是这个效果。
2023-08-24 17:31:30
204
原创 vue3日常学习
Ref适用于简单的数据类型，例如数字、字符串、布尔值等，而Reactive适用于复杂的数据类型，例如对象、数组等。Ref的值可以通过.value属性访问和修改，当Ref的值发生变化时，Vue会自动更新相关的组件。Reactive会递归地将对象的所有属性转换为响应式数据，当对象的属性发生变化时，Vue会自动更新相关的组件。Ref和Reactive的相同点在于它们都可以将数据转换为响应式数据，从而实现自动更新组件的效果。Ref和Reactive都是Vue 3中的新特性，它们的作用都是为了更好地管理组件状态。
2023-05-11 17:40:38
157
原创 vue兄弟组件调用方法-A调用B组件接口进行数据更新。
功能：uploading组件中上传后需要更新表格数据，获取表格数据的方法是在invoice-list组件中。这时候需在第一个组件中调用获取数据的方法。getData是第二个组件里获取数据的方法。接下来在第一个子组件中upload中使用。
2023-04-21 17:18:23
341
原创 uni-app安装使用
开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。但是第一次使用时一般会提醒你需要导入微信开发者工具地址，可以选择在提示框填入，也可以选择在工具-运行配置中填入微信开发者工具路径。新建成功后，接下来点击运行到小程序模拟器，然后选择第一个微信开发者工具(w)-[uni-app项目1]在开发小程序中，我们一般很少直接用微信开发者工具开发，一般会使用uni-app来进行开发。
2023-04-07 11:59:13
218
原创 git clone项目时报错，无法成功clone项目
git clone项目时报错，无法成功clone项目。报RPC failed; curl 56 OpenSSL SSL_read: Connection was reset, errno 10054错误。
2022-07-25 10:56:27
3867
原创 vue知识点七-webpack
网站 https://webpack.docschina.org文档 https://webpack.docschina.org/concepts/ 简介：本质上，webpack 是一个前端资源构建工具，用于现代 JavaScript 应用程序的静态模块打包工具。 当webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)， 此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。 全局下载包 cnp...
2021-11-04 19:00:00
185
原创 vue知识点六- Less
1.概览 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。 这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。 因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。 2.安装 npm insta...
2021-11-03 18:33:07
639
原创 vue知识点五-Axios
Axios 基于Promise的http库,可以用在浏览器和node.js中 1.原生ajax 默认情况下，Content-Type:text/plain 发送表单类型数据 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') xhr.send(qs.stringify(data)) 发送json类型数据 xhr.setRequestHeader('C...
2021-10-31 23:55:31
173
原创 vue知识点四-vuex状态机
1.介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 应用场景： 同级别组件之间通讯 let comA = {} let comB = {} 2.基本使用： 1)state(类似于vue实例中data) 存储数据的地方，将每个vue实例中的公共变量抽取出来进行统一管理 st...
2021-10-27 18:56:47
302
原创 Vue知识点三-Vue-Router路由管理器
Vue-Router路由管理器 vue-router是vue的一个插件，用来提供路由功能。 通过路由的改变可以动态加载组件，达到开发单页面程序的目的。 1.基本使用 1)声明组件 let com1 = {template:`<div>this is com1</div>`} let com2 = {template:`<div>this is com2</div>`} let com3 = {temp...
2021-10-26 19:41:51
268
原创 vue知识点总结一
1.基础概念Vue的特点1.前端三大主流框架之一 vue react Angular2.轻量级框架 体积更小3.生态圈广泛，适合初学者4.基于mvvm模式，可以实现双向数据绑定Vue 与React与angular的不同 Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核...
2021-10-22 16:49:43
200
原创 ES6知识点三
1.class类 1)介绍 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。 通过class关键字，可以定义类。ES6 的class可以看作是构造函数一个语法糖 语法糖：具有特殊功能的代码写法，内部封装了一些方法，让一些复杂代码的编写及其用法变得简单 2)构造器 constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。 一个类必须有constructor方法，如...
2021-10-19 19:14:23
84
原创 ES6知识点二
1.变量/常量声明 let 声明变量 const 声明常量 特性 . 变量声明不会被提升，即在变量声明之前无法使用该变量 . 具有局部作用域，即let声明的变量只能在对应代码块中使用 . 不允许重复声明。 . const声明的变量在声明的时候就需要赋值，并且只能赋值一次，不能修改。 2.解构（模式匹配） 介绍:ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值。 数组解构(重点)...
2021-10-18 20:07:54
106
原创 ES6知识点一
1.ES6介绍 ES6是ES2015、ES2016、ES2017他们的统称 官方名字：《ECMAScript 2015 标准》=> ES62.Babel安装与使用 安装 cnpm install --global babel-cli 简写：cnpm i -g babel-cli 预设（转码标准） cnpm install --save-dev babel-preset-latest 简写：cnpm i -D b...
2021-10-17 23:51:31
88
原创 CommonJS与ES6模块化规范区别，深拷贝与浅拷贝
1.CommonJS与ES6模块化规范区别 CommonJS var a = {age:12}; a.age = 13 b = a; 对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该模块输出的变量重新赋值。 对于复杂数据类型，属于浅拷贝。由于两个模块引用的对象指向同一个内存空间，因此对该模块的值做修改时会影响另一个模块。 当使用require命令加载某个模块时，就会运行整个模块的代码。 当使用requ...
2021-10-08 09:38:28
862
原创 Ajax基础知识
1.介绍：ajax 全名 async javascript and XML(异步JavaScript和XML)是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的工具。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）2.同步请...
2021-09-26 17:00:32
529
原创 JavaScript知识点汇总下半部分
六.对象的创建1.工厂模式因为使用普通的字面量创建多个对象时，会产生大量的重复代码，为了解决这个问题，我们引入工厂模式。通过将创建对象的方法封装起来，避免重复代码产生。function newDog(name,age,gender){var d = new Object();d.name = name;d.age = age;d.gender = gen...
2021-09-16 19:41:54
92
原创 JavaScript知识点汇总上半部分
一．对象在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的：属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词） 对象的创建 利用字面量创建对象 对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法{ } 里面采取键值对的形式表示键：相当于属性名值：相当于属性值，可以是任意类型的值...
2021-09-10 16:59:06
192
原创 js知识点整理第二部分
17.比较运算符在JavaScript中，比较运算符用于将运算符两边的值或表达式进行比较，如果比较结果是对的，则返回true；如果比较结果是错的，则返回false。true和false是布尔值，前面我们已经介绍了。比较运算符如下表所示。 比较运算符 运算符 说明 举例 > 大于 2>1//返回true < ...
2021-09-07 00:33:37
164
原创 js知识整理第一部分
Js知识整理1.什么是javascriptjavascript是一门编程语言，允许用户在浏览器页面完成复杂得事情。2前端三要素：HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。3..javascript组成ECMAScript:js核心语法，语法标准DOM：对原生DOM节点进行操作，APIBOM：浏览器 alert(要弹出的内容)普通 prompot() confirm(确认框)：文本区,取消，...
2021-08-30 09:22:40
80
原创 当root连接不上时如何处理。ssh:connect to host xxxxxxxxxx port 22:Connection refused.云服务器重装系统。
这时候最好的办法是重置服务器，因为这种情况可能是修改了权限。这时候要去找到自己的阿里云服务器，本文以云服务器Ecs举例。云服务器Esc比较难找。记得先勾选，然后点击停止。这样就可以重启系统了。 然后重新设置账号密码，就可以解决问题了。如果使用ssh连接报错，错误信息如下，需要在本机执行vi ~/.ssh/known_hosts，删除对应ip的公钥。保存之后再连接 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@...
2021-08-23 19:42:40
748
原创 Liunx知识点学习
1.linxu系统简介1.Linux是一套免费使用和自由传播的操作系统内核，是一个基于POSIX和Unix的多用户、多任务、支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统内核。2. linxu特点1.开放性：遵循开放系统互连osi国际标准2.多用户：可以被...
2021-08-21 21:03:51
89
原创 CSS盒子知识点
盒子属性（ Box properties） 文档中的每个元素都可以被看作是一个矩形盒子。具有一些属性。width & height 用于设置内容区的宽高，该片区域用于显示内容。盒子高度默认为内容的高度。padding 内间距 代表内容盒子的外边界与外边框的内边界之间的距离 。border 设定介于padding的外边缘与 margin的内边缘之间，默认值 为0 。margin 外边距 代表盒子四周的区域。设值方法与padding类似。相邻元素的 边距会合并（margin coll...
2021-08-10 20:53:15
179
原创 CSS应用和CSS选择器
CSS的应用 HTML文档如何使用CSS 1. 外部样式表 新建 .css 后缀的文件 然后在html内head通过link引入 <link rel="stylesheet" href="./style.css"> 或者在style 标签内通过@import "xxx.css" 引入 <style> @import "style.css"; </style>...
2021-08-10 20:17:40
62
原创 Html表单学习
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容，比如：文本域 (textarea)、下拉列表、单选框 (radio-buttons)、复选框 (checkboxes)等等。表单使用表单标签 <form> 来设置。action: URL 用来处理表单信息的服务器地址method: 浏览器用来提交表单的http方式，常用的get/postget ： 通过这种方式提交的表单数据会被附加在链接上，通过"?"分割 发送敏感内容不建议使用这种方式post： 表单数据会存.
2021-08-05 09:40:32
61
原创 html表格制作实战
在学习完一些HTML知识后，制作了两个HTML表格，并解释制作过程。 第一个是使用html制作简历这个属于比较基础的html表格，唯一可能有点难度的就是跨行合并，跨列合并。首先要先知道表格的基本知识。表格标签：table-tr-td<table>...</table> 用于定义一个表格开始和结束<th>...</th> 定义表头单元格。表格中的文字将以粗体显示，在表格中也可以不用此标签，<th>标签必须放在<...
2021-08-04 19:24:32
763
原创 HTML学习
HTML是超文本标记语言。超文本是说里面不仅仅只有文本，还有视频图片链接音乐等非文字因素。标记语言则说明不是编程语言。其后缀为.html。HTML5（H5）指的是下一代的HTML,也就是HTML4.01的升级版。HTML 5使得HTML从一门“标记语言” 转变为一门“编程语言”。html5于2008年发布，到现在已经形成比较稳定的版本。Html开发的环境比较简单，比如记事本，vi,vs code。VS Code可以汉化，支持多系统。使用非常方便。安装插件非常简单，就在软件里面安装。也可以用Subli...
2021-08-03 00:07:17
58
原创 Axure学习
这一周学习了Axure,并使用了这个软件模仿做了一个网页。首先，什么是Axure呢？Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。主要针对的使用者是：产品经理，交互设计师、UI设计师、架构师，程序员等。axure 软件可以将原型文件.rp生成成为html或者图片以供演示。还可以作出很多交互效果，直接通过拖拽组件生成页面。...
2021-08-01 22:03:43
324
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人