自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 style属性绑定(样式较少时) + 随机颜色生成+class属性绑定(样式较多时)

通过v-bind进行属性绑定,。(Vue2中)

2022-12-13 17:16:42 556 1

原创 React环境搭建

这里面包含了react项目中会用到的一些组件,install的时候下载下来的,你可以进去看看,有一些如base64之类的我们可能会用到的组件,或者一些第三方库;:让目录结构更易懂:接下来,我们改动一下src里面的内容和结构,让首次接触react的小伙伴尽量能觉得他有点亲切的感觉,事实证明,越亲切的事物我们越希望去接近。:里面包含了一些我们自己使用的js文件,css文件,img文件等等,但你打开src文件夹你会发现很混乱,不要管什么app.js,你就看到。,并且这也是react工程的。

2022-11-18 15:04:32 6171

原创 React中的useEffect(副作用)

useEffect是用来使函数组件也可以进行副作用操作的。那么什么是副作用呢?函数的副作用就是函数除了返回值外对外界环境造成的其它影响。举个例子,假如我们每次执行一个函数,该函数都会操作全局的一个变量,那么对全局变量的操作就是这个函数的副作用。而在React的世界里,我们的副作用大体可以分为两类,一类是调用浏览器的API,例如使用addEventListener来添加事件监听函数等,另外一类是发起获取服务器数据的请求,例如当用户组件挂载的时候去异步获取用户的信息等。

2022-11-16 14:57:13 3950

原创 Day01:字符串去头尾空格 至少3种代码

字符串去头尾空格 至少3种代码

2022-11-01 01:22:41 608

原创 Day1:垂直水平居中方式(至少6种,必须包含弹性盒子)

如果父元素设置了 align-items:center;所以子元素要设置为行内块模式。

2022-11-01 00:44:33 242

原创 Day1:数组去重(至少3种方式)

分析:eg: [...new Set([1, 3, 3, 5, 7])];new Set([1, 3, 3, 5, 7])生成了一个 Set()数据,因为是互异性,所以去重后结果是Set(4) {1, 3, 5, 7},然后取出参数对象的所有 可遍历属性 ,然后拷贝到当前对象,所以把其把其可遍历的属性拷贝到[ ]中,就是(4) [1, 3, 5, 7]利用indexOf() 查询到数组的下标,看是否等于当前的下标,相等的话就返回,否则不返回值。item是当前元素的值,index是当前元素的索引值。

2022-10-31 19:18:44 429

原创 Vue做项目环境搭配流程

npm i xx -D:npm install xx --save-dev的简写,对模块进行局部安装,模块写入到 devDependencies 对象。会出现很多次在main.js文件夹里面,我们应该让main.js文件中代码不那么繁琐。02.在main.js中引入 axios,并挂载到原型上面,让其全局可以使用。就能实现跟把相关代码全写在main.js中一样的功能。去到我写的这个博客里面:路由的基本使用。安装脚手架(应该都是安装好了的)注意:项目名称不要用中文名。额,我用的css写的。

2022-10-18 16:24:41 1889

原创 Vue中的路由守卫

路由守卫:保护路由的安全(需要某种)一般情况下,路由组件点击就可以跳转,但是现在有需求是,在某种条件达成时,路由组件才能进行跳转。

2022-10-16 19:56:33 5202 2

原创 缓存路由组件+路由组件的2个生命周期钩子 activated 和 deactivated

想要某个组件在切换后不展示时不被销毁,将其 的写在标签里面。这样切换路由时,前一个路由就不会被销毁。的形式,把所有需要缓存的路由名,写到数组里面。

2022-10-14 20:06:08 1012

原创 router-link 的replace属性 + 编程式路由导航

1.作用:控制路由跳转时操作浏览器历史记录的模式2.浏览器的历史记录保存在一个栈里面,刚打开浏览器在 指针指向栈底。3.浏览器的历史记录有两种写入方式:分别为 push 和 raplace, push 是追加历史记录,replace是替换当前记录。路由跳转时候默认为 push 模式。

2022-10-14 14:27:51 899

原创 多级路由(嵌套路由)+路由传参(路由的query参数)+命令路由(name)+路由的params参数+路由的props配置 (路由间传值 最推荐!!!)

它这个name是在定义组件/或者路由器里面管理的路由中的name。,若使用to的对象写法,则不能使用path配置项,

2022-10-13 19:49:44 1401

原创 对 SPA 应用的理解+路由的理解+路由的基本使用+路由的几个注意点

1. 一个路由就是一组映射关系(key - value)2. key 为路径, value 可能是 function 或 component。

2022-10-12 22:37:14 619

原创 Vue中的mixin(混入)

mixin(混入)功能:可以把多个组件共用的配置提取成一个混入对象使用方式:第一步定义混合,例如:第二步使用混入,例如:(1)全局混入:Vue.mixin(xxx)(2) 局部混入:mixins:['xxx']备注:1.混入(混合):两个组件,共享一个配置,且这个配置要一样才能共享2.如果原组件中有 相同key值对应的数据,以原组件中的数据为主,就不混合。如果原组件中没有相同key值对应的数据,就混合进去。两个组件,共享一个配置,且这个配置要一样才能共享。

2022-10-11 09:03:43 1795

原创 Vue中的props配置项(父组件向子组件传数据)

配置项props:功能:让组件接收外部传过来的数据(父组件传数据给子组件)(1)传递数据:name='王麻子' :age="30+1" sex="保密"(props接收到的数据是放在组件实例对象VC上面)方式1:简单声明接收(只接收):方式2:接收的同时对数据进行类型限制(限制类型)props:{}方式3:接收的同时对数据进行类型限制+默认值的指定+必要性的限制(限制类型,限制必要性,指定默认值)props:{name:{type:String, //name的类型是字符串。

2022-10-11 00:15:31 1770

原创 Vue中的ref属性

如果是组件标签比如: 则得到的是它对应的VC(School.vue组件中的VC).this是指VC:上面代码中是App.vue组件的VC。打标识:html元素:

2022-10-10 22:25:35 349

原创 Vue脚手架

注意点:vscode中。

2022-10-10 19:51:10 1102

原创 Vue组件化编程(1):非单文件组件+组件使用分三步(全局注册和局部注册)+Vue中组件使用总结+组件的几个注意点+组件的嵌套

实现应用中的局部功能代码(css,html,js)和资源(mp3,mp4,ttf,.zip)的集合。为什么要使用组件化开发:因为一个项目的功能很复杂,组件化开发可以使得代码复用,简化项目代码,提高运行效率。非单文件组件一:定义组件(创建组件)二:注册组件三:使用组件(写组件标签等)一:如何定义一个组件?使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但是也有点区别:01.el不要写,为什么?

2022-10-09 00:57:40 473

原创 Vue计算属性

Vue认为data里面的都是属性计算属性:用已有的属性去加工去计算去生成一个全新的属性计算属性:1.定义:要用的属性不存在,要通过已有的属性(Vue管理的)计算得来。底层借助了Object.defineProperty方法提供的getter和setter3.get函数什么时候调用?(1)初次读取时会执行一次(2)当依赖的数据发生改变时会再次调用4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便5.备注:.计算属性最终会出现在vm上,直接读取使用即可。02.如果。

2022-10-04 19:34:25 1899

原创 TS的类型声明

类型不一定非得是 number,string,等这些关键字,可以是其它,但是要对应得上。

2022-10-04 16:09:31 14146 1

原创 TypeScript的初识

相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;4.然后打开DOS窗口,输入 tsc命令 + 编译的文件名。5.然后ts文件所在文件夹下就会存在对应的js文件。同样的功能,TS的代码量要大于JS,但由于。注意点:TS不能被JS解析器直接执行,,才可以被JS解析器执行。结果如上表示按照成功。1.创建一个ts文件。2. 通过编辑器打开。3.写一段简单的代码。

2022-10-03 20:32:15 559

原创 Vue事件处理+ Vue事件修饰符(阻止默认行为等)+Vue中的键盘事件

1.使用 v-on:xxx = ' ' 或者 @xxx = ' ',绑定事件,其中xxx是事件名2.事件的回调(事件处理函数)需要配置在 methods 对象中,最终会在 vm上3.methods 中配置的函数,不要用箭头函数!!,否则this指向就不是vm4.methods 中配置的函数,都是被Vue所管理的函数,this指向是 vm 或者 组件实例对象。

2022-10-02 10:56:48 1401

原创 MVVM理解+Object.defineproperty方法+数据代理

2.

2022-09-29 19:33:28 1618

原创 Vue特点+Vue简单实例+Vue模板语法+Vue数据绑定+data和el的2种写法

分析:一个.vue文件就是一个组件,各个组件之间不影响,其它项目需要某个组件时,直接把组件移过去就可直接用。7.一旦data中的数据发生改变,那么模板中用到该数据的地方也会自动更新。备注:Vue中有很多的指令,且形式都是: v-?,一个容器只能对应一个Vue实例,一个Vue实例只能对应一个容器。v-bind可以给标签的任何一个属性去动态的绑定值,上面代码中,,一旦写了箭头函数,this就不再是Vue实例了。(包括:标签属性,标签体内容,绑定事件。Vue管理的函数:写再Vue的配置对象里面,如。

2022-09-28 23:37:38 391 1

原创 前后端分离 + 跨域 + 跨域的解决办法

分析: * 表示不管前端代码放在哪个服务器上面都可以来访问egg后端服务器。可以自己写一个服务器,也可以放到别人写好的服务器里面:Apache或者Nginx。前端:Apache服务器 访问:http://127.0.0.1:80。后端:egg服务器 访问:http://127.0.0.1:8000。我这里前端代码就放在别人写的服务器上面Apache或者Nginx。egg框架创建的服务器,虽然可放前端代码,也可放后端代码,但是如果。前端代码放在web服务器里面(提供网页访问的服务器)。...

2022-09-06 20:02:57 1590

原创 AJAX请求的优缺点

eg:刷微博的时候,用户下滑的时候,就会出现新的内容,但是页面并没有刷新。这就是用的ajax去请求数据。就不用去加载除了内容其它的东西,也就不用刷新页面,用户体验感就好,不然每次都要加载整个页面的资源(刷新),速度较慢,用户体验感就较差。

2022-09-05 20:04:41 576

原创 egg项目搭建+AJAX请求+常见问题解决

客户端(前端 页面): html+css+js服务器:后端服务器,后端的代码就是放在后端服务器egg里面的前端服务器:前端代码放在前端服务器里面的客户端可以请求服务器egg创建的项目:既是后端服务器,也是前端服务器,后端代码放在这个服务器里面的,前端代码也放在这个服务器里面的。ajax代码是写在html文件中的script标签中。01.ajax:Async JavaScript And Xml,也就是异步Javascript和Xml02.ajax的核心。..................

2022-08-31 23:17:40 893

原创 nodejs模块 + __dirname + 访问别人写的服务器方法

stuname:'花花',age:20,}}导入://{ stuname: '花花', age: 20, sayname: [Function: sayname] }//花花。

2022-08-29 22:43:18 795

原创 CSS如何画一个三角形 + CSS如何画月亮

利用border属性就可以。

2022-08-29 00:10:10 445

原创 line-height 和 height 区别

分析:增大后盒子高度变为了 行数3*行高50 = 150;

2022-08-27 17:10:08 2160

原创 CSS盒子模型

和。

2022-08-27 16:44:57 113

原创 获取url地址的传值并转换为对象

分析:通过split 得到的是数组,然后。,重点理解for循环里面的内容。

2022-08-26 18:54:14 267

原创 简诉事件代理(事件委托)及其优点

事件代理不给每个子节点单独设置事件监听器,而是设置在其父节点上,然后利用冒泡原理设置每个子节点。优点1.减少内存消耗和 dom 操作,提高性能。 在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的操作 dom,那么引起浏览器重绘和回流的可能也就越多,页面交互的事件也就变的越长,这也就是为什么要减少 dom 操作的原因。每一个事件处理函数,都是一个对象,多一个事件处理函数,内存中就会被多占用一部分空间。如果要用事件委托,就会将所有的操作放到.

2022-08-26 18:35:25 634

原创 img标签的title和alt有什么区别?

title :鼠标移入到图片显示的值alt:图片无法加载时显示的值。

2022-08-25 20:21:40 176

原创 title和h1的区别 +b和strong的区别+i和em的区别

场景:网站的标志性logo一般都是用h1标签包裹的。

2022-08-25 20:10:37 850

原创 页面导入样式时,使用link和@import有什么区别?

区别1:link标签先出现,@import后出现(所以在兼容性上link比@import好)区别2:加载顺序上,浏览器先加载link,后加载@import

2022-08-25 19:44:40 85

原创 常见行内元素+常见块元素+空元素+元素之间的转换

img标签也可以看做行内块元素,既不独占一行,也可以设置宽高。没有内容的元素叫空元素。

2022-08-25 19:33:57 84

原创 call apply bind 区别与联系

分析:Math.max(1,36,2,7,321)这种可以得到最大值,但是是求数组中最大值,所以可以想到apply的第二个参数要求是数组来解决。分析:这里this指向的是btn,因为是给btn绑定的点击事件,但是如果想让this指向 h1,然后点击按钮,打印出h1的id的话,就需要改变this指向。分析:可以实现 this指向 h1,也实现了 点击按钮,打印出h1的id。分析:可以实现 this指向 h1,但是实现不了 点击按钮,才打印出h1的id。eg:数组 [1,36,2,7,321] ,求其最大值?.

2022-08-25 19:11:45 458

原创 客户端存储cookie + localStorage + sessionStorage 和 服务器存储 cookie + session

设置cookie:ctx.cookies.set(key,value)获取cookie: ctx.cookie.get(key)1.后端的cookie的存储位置:后端设置的cookie会存储在客户端浏览器里面,前端设置的也在客户端浏览器里面,且所在的位置相同。

2022-08-23 00:07:14 1667

原创 canvas绑定键盘事件不会生效 + 解决办法

写贪吃蛇游戏时遇到一个问题:想的是给canvas绑定键盘事件,从而操作蛇的移动,但是绑定键盘事件后,却没有效果,然后给window绑定后就可以操操作蛇的移动了。不知道为啥?

2022-08-21 11:28:42 1651

原创 字符串方法+ES6中字符串的方法

// "abc"分析:上面代码中,变量s1是字符串,s2是对象。由于s2是字符串对象方法返回的就是它所对应的原始字符串。字符串对象是一个类似数组的对象(很像数组,但不是数组)。// "b"

2022-08-20 16:39:16 3328

空空如也

空空如也

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

TA关注的人

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