自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 TS 学习(完结)

不能用返回值 类型 为 void 这个返回值 进行任何操作 设置返回值为 void 不该拿返回值 或者用返回值做任何事情。不写返回值默认返回 undefined 返回值类型为 void 能接受 undefined 类型的返回值 其它都不行。所以 如果函数返回值类型 为 never 函数不能调用结束/终结(函数不能正常运行完结束) 或者一直进行调用。如果我们在 ts 中写 不用运行就能在文件中报错 ts 是一种静态类型的检查 能将运行时出现的错误前置。可以给函数的参数 和 返回值 定义类型。

2024-09-03 22:10:42 320

原创 vuex 学习(一)

下面的方法只适合少部分数据进行共享,大规模数据会有点力不从心,所以我们使用 vuex。大范围频繁实现数据共享 用 vuex,把数据存到 store 中,哪个组件用 直接从 store 中取就行。

2024-08-19 01:18:04 217

原创 TypeSscript 学习(一)

因为 js 是一种 弱类型语言 编写代码比较灵活 但是当项目比较大时 这种灵活不利于维护我们用 TypeScript 这种强类型的语言 比较利于维护。

2024-07-08 09:07:45 129

原创 git 学习(一)

版本迭代 每一次更新代码 都会出现新的版本如果我们需要之前的版本的文件 我们就得需要版本控制的文件 每一次更新的结果我们都保存下来多人开发必须要用版本控制器 否则代价会很大。

2024-05-23 10:18:51 517

原创 Vue3 学习(二)

toRefs 就是把 reactive 定义的对象变成 由 ref 定义的对象先引入 toRefs当我们解构一个对象时 如果对象是响应式的数据 但是我们解构出来的数据不是响应式的,我们就得想办法拿到响应式的数据我们这时可以使用 toRefs 来解决这个问题 我们把对象中的每一个 东西都单独拎出来 形成一个新的对象 值来自于原来的对象 我们修改解构后的数据 原来的数据也会发生改变。

2024-05-16 17:55:29 156

原创 Vue3 学习 (一)

和 Vue2 相比 性能得到提升源码升级 使用 Proxy 代替 definedProperty 实现响应式重写虚拟 DOM 的实现和Tree-Shaking可以更好的支持 TypeScript新的特性:组合式 API:setup ref与reactive computed 与 watch新的内置组件新的声明周期钩子data 选项始终被声明为一个函数移除 keyCode 支持作为 v-on 的修饰符新的构建工具 和 webpack 等价官网:https://vitejs.cn。

2024-05-09 18:06:11 1114

原创 Vue 项目 尚品汇(二)(暂停进行)

常用的向服务器发送请求的手段有 有 XMLHttpRequest fetch jquery axios项目中常用 axios二次封装的目的是 写一下请求拦截器和响应拦截器请求拦截器:发请求前处理一些业务响应拦截器:数据返回后处理一些事情。

2024-05-09 11:23:33 848

原创 Vue 项目 尚品汇(一)

就是我们开发依赖的一些资源和框架@babel 把 es6 的语法转化成 es5@vue 框架可以看成项目的身份证,项目叫什么,有哪些依赖,怎么运行里面都有。

2024-04-27 21:08:04 856

原创 Vue2 —— 学习(十一)(完结)

单页面就一个页面比较好 然后里面有导航区 和展示区 点击导航区的导航然后实现显示区的内容发生变化,但是页面没跳转,左上角没转圈,路径也能跟着变化。然后我们写切换组件的内容我们来到 app 组件中 得用一个特殊的标签 就是 router-link 里面再用一个 to 来表示 切换到的标签。我们编程中的路由和生活中的不一样 我们编程中的路由是为了 实现 SPA 应用(单页面应用)原来是 我们的vue 中 router 能监测到 我们路径中 /class 这样的路由。

2024-04-23 21:20:01 923

原创 Vue2 —— 学习(十)

专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对Vue 应用中多个组件的共享的状态进行集中式的管理也是一种 组件间通信方式,且适用于任意组件通信集中式就是把所有人都集中起来 然后讲一遍课分布式就是 去所有人家每个人都讲一遍课。

2024-04-21 21:15:46 993

原创 Vue2 —— 学习(九)

这是程序员们的经验可以实现任意组件间的通信消息订阅,就是绑定我们能接收消息的名字 以后有人发送该名字的消息 我们能调用我们内部的函数接收到发布消息,就是发布的内容当我们操纵 dom 元素时 在合适的时候 给元素添加样式类名进入退出 都有三个状态进入的起点 v-enter进入的终点 v-enter-to进入的总过程 v-enter-active写法如果用动画写直接用 v-enter-active v-leave-active。

2024-04-20 22:10:10 1337

原创 Vue2 —— 学习(八)

就是比如我们在购物网站 搜索了某个商品信息,然后退出网页再进入购物网站,会发现搜索栏下面有搜索历史,这个记录就存在我们浏览器的本地存储。进入开发者模式 然后点击 应用栏 就是 applicationStorage 下面有两个存储 一个是 localstorage 本地存储 里面就是我们存东西的网站,就是我们访问网站的域名值是 key value 的形式是组件间的一种通信方式 适用于 子组件到父组件原本写法原本的子组件给父亲组件传东西。

2024-04-18 16:54:42 1058

原创 Vue2 —— 学习(七)

按功能拆,命名不能和 html 中的标签冲突,实现静态界面不考虑交互。

2024-04-17 21:23:14 1132

原创 Vue2 —— 学习(六)

Vue 脚手架是 Vue 官方提供的标准化开发工具 (开发平台)脚手架版本最新版本 是 4.x文档可以查看 http://cli.vuejs.org/zh/就是vue 官网文档中 的 vue.cli command line interface.gitignore 哪些文件夹不想被git 所管理在里面写好Babel.config.js babel 的控制文件 里面用现成的配置就行不用自己写package.json 包说明书 里面有文件的版本 名字。

2024-04-13 22:01:07 1299

原创 Vue2 —— 学习(五)

template 能更新 根节点 里面只能写一个根元素,不然会报错,拿template 最外层的元素当根节点然后替换掉原来的模板,记住前面学过的 标签不能作为这个 模板的根节点。像 mounted(){} 这个函数一样 的在 Vue 实例工作的时候 只有在特殊的时间点才进行调用的函数就叫生命周期函数,关键的时间点调用一些关键的函数,生命周期函数中的this 指向是 Vue 实例。我们想让一行文字按一定频率逐渐变得透明。又名生命周期回调函数 生命周期钩子。

2024-04-10 22:03:46 621

原创 Vue2 —— 学习(四)

如果 v-model 收集的是多选框中的数据,如果没配置 input 的 value 属性,收集到的是 checked(布尔值 是否勾选),如果配置了 value 属性 并且 v-model 的初始值是数组,那么收集的值就是value 组成的数组。如果 v-model 收集的是单选框中的 value 值,而且还得给标签配置 value 值 ,因为单选框不能像文本框一样输入东西,就得自己配置 value 值。如果 v-model 收集的是 value 值,用户输入的就是 value 值。

2024-04-09 21:21:46 376

原创 Vue2 —— 学习(三)

适用于样式的类名不确定 需要动态指定通过 指令绑定的形式,在模板中的类标签绑定 Vue 实例中的数据 mood在实例对象的 data 加入 mood 属性并且 用对应的类名赋值data: {name: '一个人',},根据以上原理 我们能设计出 一个点击切换样式的效果点击切换成 happy 类名 中的样式适用于绑定的样式个数不确定,名字也不确定想要随时添加样式删除样式 就在模板中 插值一个数组类型的数据。

2024-04-08 21:24:36 938

原创 Vue2 —— 学习(二)

我们也可以自定义按键的名字,前面是自己的名字 然后后面是对应的 按键码 进行绑定,但是也不推荐使用首先得明白属性是指什么 Vue 认为属性就是 实例中 data 对象中写的东西计算属性就是拿着我们 data 中有的属性进行加工和计算 生成一个全新的属性 就是计算属性计算属性不放在 data 里面 要单独放在 computed 对象中 就是计算的意思计算属性也属于 Vue 实例 vm 可以直接调用监视属性就是监视某一个属性的变化语法:watch:{监视对象:{hander(){

2024-04-07 21:42:05 883

原创 Vue2 —— 学习(一)

一套用于 构建用户界面 的渐进式 JavaScript 框架构建用户界面:把手中的数据变成用户看见的界面渐进式:自底向上逐层的应用,就是如果是简单的程序 只需要一个轻量小型的核心库;复杂应用需要引入各式各样的 Vue 插件。所以就是由小型的库逐步递进到复杂的库,看程序的复杂程度 逐层递进。

2024-04-05 22:06:40 2598

原创 AJAX —— 学习(三)(完结)

语法如下,括号里面有三个参数第一参数:向谁发请求第二参数:发送什么参数 是一个对象类型第三参数:回调函数内部是响应体 data 参数是接收到的响应体,在回调函数中可以对响应体 data 做一些操作第四参数:响应体类型通常用 ‘json’ 可以将 json 字符串进行解析 变回原来类型},'json')})参数看 get 方法改成 post 就行 换成第二个按钮 eq(1) 其它都一样但是查看请求体内容和 get 方法不一样,post 不会直接显示到 url 后面,而是显示到请求字符串中})

2024-04-03 22:05:02 1331 1

原创 AJAX —— 学习(二)

代码如下:在 open 方法代码中的 url 后面加上 当前时间戳 这样每次点击 ie 浏览器收到的请求都不一样,ie 以为我们发送了一个新的请求,这样就不会从本地缓存中读取数据了。IE 浏览器会对 AJAX 的请求结果做一个缓存,下一次再发送请求时,走的是本地的缓存而不是服务器返回的最新的数据,对于时效性比较强的场景,AJAX 的缓存会影响结果。我们不能保证服务端一直准确快速响应 AJAX 请求,我们可以通过给 AJAX 加一个超时的设置,给用户提醒,网络异常的时候也给用户提醒,让产品体验更好。

2024-04-03 08:28:58 1226 1

原创 AJAX —— 学习(一)

AJAX 全称是 Asynchronous JavaScript And XML根据意思就是异步的 JS 和 XMLAJAX 不是新的编程语言 是将现有的标准组合在一起使用的新方式XML 全称叫做可扩展标记语言和 HTML 超文本标记语言 类似,都是由标签组成的,但是 HTML 里面都是预定义标签 就是都是本来就定义好的标签,标签不是我们自己起的名。XML 里面都是自定义标签之前浏览器实现上面的应用例子就是使用 AJAX 让 服务器向浏览器返回 XML 文件数据的形式实现的。

2024-04-01 21:25:39 1506

原创 JavaScript高级 —— 学习(四)(完结)

当再次调用时oldobj[k] 变成了数组 ['足球', ‘篮球’] 此时 for(k in oldobj[k]) 递归中的 k 的意义变了,在数组中递归 k 是数组下标 然后分别遍历 足球 篮球 都不是数组 到 else 中进行赋值。注意 oldobj[k] 和 newobj[k] 的含义不同 因为一个对象里面有东西,一个没东西 oldobj[k] 是指对象中具体的属性值 而 newobj[k] 指的是属性名。在外层时 直接进行赋值就行 newobj[k] = oldobj[k]

2024-03-31 21:49:39 2470 1

原创 JavaScript高级 —— 学习(三)

把事务分解成一个个对象,由对象之间分工合作,面向对象是以对象功能来划分问题,就是事情没有先后顺序,是并行进行的,每个对象都是功能中心,必须有明确分工。

2024-03-30 21:50:12 700 1

原创 JavaScript高级 —— 学习(二)

构造函数是一种特殊的函数用来初始化对象,用来快速创建多个类似的对象。

2024-03-29 11:43:57 1389 1

原创 JavaScript高级 —— 学习(一)

f()

2024-03-28 11:55:42 1466 1

原创 Web API —— BOM 学习(完结)

BOM 是浏览器对象模型,是整个浏览器,也可以说 BOM 里面包含 DOM主要对最大的对象 Window 对象操作window 对象是一个全局对象,也可以说 是 JavaScript 里面的顶级对象document 是 window 里面的 document = window.document以前的很多语法全称应该是下面这样的ps:通过 var 定义的变量、函数最后都会变成 window 的属性和方法window 的对象和函数在调用是可以省略前面的 window

2024-03-24 17:41:56 1167 1

原创 Web API —— DOM 学习(四)(完结)

我是原生的

2024-03-23 22:05:04 2384 1

原创 Web API —— DOM 学习(三)

事件流是指事件完整执行过程中的流动路径 就少访问那些标签是有一定流程的 不是写个 div 就直接访问的 div 标签的。包括捕获(从城市回村里——由大标签到小标签)和冒泡(从村里去城市——由小标签到大标签)下面本来应该按照事件冒泡方式的三个同名事件,结果在儿子那儿被阻断了 ,只显示我是儿子。实际工作都是冒泡为主,把刚才捕获中的 第三个值去掉了就变成默认的冒泡方式了。儿子到父亲 当一个事件被触发时,它的祖先元素的同名事件会被依次触发。同一个对象后面的事件会覆盖前一个事件(同一个事件)

2024-03-21 22:10:33 641 1

原创 Web API —— DOM 学习(二)

事件监听:一旦发生一个事件,就立即调用一个函数去响应 也叫做绑定事件或者注册事件,比如点击播放轮播图。setinterval(函数,间隔时间) 时间默认是毫秒 先等待再计时,返回值是计时器的序号。如果用有名的函数,使用 setInterval() 函数时 里面的函数不用加括号。语法:元素对象.addEventListener('事件类型',要执行的函数){每隔一段时间就自动执行一段代码,页面中的倒计时经常用,计时器能开启也能关闭。事件:系统发生的动作或者是用户发生的动作 例如:用户点击按钮。

2024-03-20 22:05:59 307 1

原创 Web API —— DOM 学习(一)

主要学习 DOM 中 DOM 介绍、DOM 树、DOM 对象、如何获取 DOM 对象、通过 DOM 操作元素内容等方面的知识

2024-03-18 21:25:02 396

原创 Web API —— 学习 (准备篇)

总的来说 如果用 const 给这些复杂的变量(数组 类)定义的话,可以改变里面的元素属性,但是不能重新给括号 就是 = [ ] = { }的情况。但是如果换数组了就不能用 const 定义了,如果出现下面这种情况那么地址发生变化了,就不能用const 来声明了。数组如果后面添加了一个元素 也能用 const 定义 因为数组的数据存在堆中 而地址是没发生改变的,所以可以使用。所以可以采用最开始都用 const 声明的写法,看后面如果后面数据需要被改成别的值,就改成let声明。

2024-03-17 18:19:45 403 1

原创 JavaScript基础 —— 学习 第四天(完结)

主要学习 JavaScript 中对象的知识,JavaScript基础部分学习完成

2024-03-17 16:57:42 1384 1

原创 JavaScript基础 —— 学习 第三天

主要学习 JavaScript 中数组、函数、布尔类型转换的知识

2024-03-16 21:23:38 1239 1

原创 JavaScript基础 —— 学习 第二天

主要学习 JavaScript 中运算符、语句、端点调试等方面的知识

2024-03-15 22:06:30 490 1

原创 JavaScript基础 —— 学习 第一天

主要学习 JavaScript 中 JavaScript 基本介绍、书写位置、语法、代码执行顺序、字面量、变量、数组、常量、数据类型等方面的知识。

2024-03-14 21:39:42 1170

原创 品优购练习(完整版)

【代码】品优购练习(完整版)

2024-03-13 19:51:19 568

原创 一、品优购网页练习(部分)

【代码】一、品优购网页练习(部分)

2024-03-10 21:46:40 352

原创 网页练习:学成在线网页制作

学成在线网站,大部分a标签没设置,图片没进行替换,先自己写一下。

2024-03-06 13:05:08 354 1

空空如也

空空如也

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

TA关注的人

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