- 博客(54)
- 资源 (15)
- 收藏
- 关注
RSS订阅原创 解决[Vue warn]: Failed to resolve directive: loading
1.查看main.js是否有引入。2.查看v-loading大小写（应该小写）
2022-10-19 18:27:39
3526
原创 解决Cannot read properties of undefined (reading ‘name ‘)“found in，初次加载报错（user.classmate.name）
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading 'user')
2022-09-27 10:01:32
1510
原创 基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading ‘user‘)
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading 'user')
2022-07-15 15:28:05
1743
4
原创 大小12K的“旋转斩波器游戏”（JavaScript）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> canvas { padding.
2022-05-15 19:10:29
302
原创 Vue3笔记
vue3组件中的模板结构可以没有跟标签Vue3响应式原理（proxy代理，reflect反射）通过Proxy (代理)︰拦截对象中任意属性的变化,包括:属性值的读写、属性的添加、属性的删除等。通过Reflect(反射)︰对源对象的属性进行操作。5.reactive对比ref5.1从定义数据角度对比:ref用来定义:基本类型数据reactive用来定义:对象(或数组)类型数据。备注: ref他可以用来定义对象（或数组）类型数据，它内部会自动通过reactive转为代理对象。5.2从原理角
2022-05-11 13:34:19
120
原创 React笔记
一、1．文件名可以是jsx或者js，不影响文件中的代码2．组件名称必须大写3.JS中出现()代表其中想要写html4.HTML中出现{}代表其中相要写js5．其实export default也可以写到class前面6．JSX的语法可以在vscode中配置中二、1．单写样式为双花括号，变量为单括号2.Adjacent Jsx elements must be wrapped in an enclosing tag.Did you want a JSX fragment <>
2022-04-15 16:14:40
293
原创 js(JavaScript)操作字符串的方法
今天被字符串操作上了一课，一气之下把字符串的所有方法整了一遍<script> let str1 = "abc8ABCabc" let str2 = "xyz" // chartAt方法: 返回指定位置的字符，无参返第一个，超出返空字符 str1.charAt(1) //b str1.charAt(0) //a str1.charAt(100) //'' // trim()方法 ：删除前后空格 let str3 = " abc
2022-03-03 10:46:10
700
原创 Dom的class类名操作
<div class="active die"></div>1.给div添加多个class，用dom.classlist.add()比如我要添加a 和 b两个class：dom.classlist.add(“a”,“b”)如已经存在，取消添加2.删除div中的class，用dom.classlist.remove()比如我要删除active这个class：dom.classlist.add(“active”)3.判断div中是否存在这个class,用dom.cla
2022-02-24 16:33:48
1540
原创 JS的indexOf踩坑
如果想用indexOf判断数组里是否有这个值。indexOf返回的是出现的位置，如果第一个就是返回0，取反就是true.看图： let arr = ['logo', '首页'] console.log(!arr.indexOf("logo"), '--', arr.indexOf("logo")); console.log(!arr.indexOf("首页"), '-', arr.indexOf("首页")); console.log(arr.indexOf("logo")
2022-02-23 10:17:37
557
原创 hash与history的不同点
hash与history的不同点1.hash有#号2.hash路由使用onhashchange监听history使用popstate监听3.当hash值相同时,不会触发事件,history当输入相同的路径的时候,会将浏览器中的地址当成是请求地址向后台发送请求,会造成页面4044.关键字onhashchange pushstate replacestate popstateonhashchange相同hash不会触发...
2022-02-11 16:33:13
272
原创 Promise与Rxjs的区别
promise 代码let promise = new Promise( (resolve) => { setTimeout(() => { resolve('chen'); },2000) }); promise.then((value) => { console.log(value); })Rxjs代码let start = new Observable( (observer) => {
2022-01-13 10:26:28
688
原创 angular组件之间通信（笔记）
1.父传子1.1通过在父组件上绑定属性或者方法,在子组件xxx.componet.ts中 导入Input类, 进行接收,可以获取父组件传过来的内容<app-home [msg] = 'msg' [run]='logApp' [home]='this'></app-home>// msg是数据 logApp是方法名 this是这个组件的对象子组件.component.tsimport {Input} from '@angular/core';@input() m
2022-01-12 17:34:47
331
原创 BOM笔记（JavaScript）
W3cscholl弹出框1.alert2.prompt3.confirm在开发应用当中，一般不使用系统自带的弹出框，移动端可能会被屏蔽。
2022-01-02 14:50:37
177
原创 计时器方法笔记（JavaScript）
计时器方法1.setInterval与clearlnterval 循环输出2. setTimeout与clearTimeout 只输出1次防抖与节流解决性能问题，开发中常会遇到。防抖∶对于短时间内多次触发事件的情况，可以使用防抖停止事件持续触发。节流︰防止短时间内多次触发事件的情况，但是间隔事件内，还是需要不断触发。window.onscroll事件防抖( debounce )滚轮滚动的事件不会连续触发let timer = null;window.onscroll = funct
2022-01-01 17:25:53
388
原创 事件笔记(JavaScript)
事件绑定1.addEventListener("eventType” ,fun)2.element.onEventType = fun区别:1.addEventListener在同一元素上的同一事件类型添加多个事件，不会被覆盖，而onEventType会覆盖。2.addEventListener可以设置元素在捕获阶段触发事件，而onEventType不能事件流三个div嵌套，都绑定click事件，点击最内层的元素，事件如何执行？。a:只执行最内层b∶从内到外都执行c:从外到内都执行事
2021-12-28 11:42:42
93
原创 响应式页面笔记
媒体查询通过@media定义样式，浏览器窗口满足指定条件，才会应用此样式。.box{width:200px;height:200px;background-color: red;/小于指定宽度，样式生效/@media screen and (max-width:600px){.box{background-color: blue;}}响应式页面的优点与缺点优点:一套页面适应多端设备，提升开发效率。缺点∶页面效果不及单独为某一终端定制的页面效果﹔性能问题﹔维护成本提升;总结:大部
2021-12-26 16:40:17
68
原创 grid布局笔记
grid布局概述1.flex布局是一维布局，grid布局是二维布局。2.flex考虑的是项目按行或列布局，grid布局需要同时考虑行和列。grid-auto-flow:row：告诉自动布局算法依次填充每行，根据需要添加新行column：告诉自动布局算法依次填入每列，根据需要添加新列dense：告诉自动布局算法在稍后出现较小的网格项时，尝试填充网格中较早的空缺justify-items沿着 行轴线(row axis) 对齐 网格项(grid items) 内的内容align-items
2021-12-25 15:01:02
281
原创 HTML哪些是块级元素，哪些是行内元素
<div style="background-color: yellow;">块级元素div</div> <h3 style="background-color: yellow;">块级元素h3</h3> <hr style="background-color: yellow;">块级元素hr</hr> <p style="background-color: yellow;">块级元素p</p>..
2021-12-18 11:54:39
340
原创 数组排序（JavaScript）
1.从大到小降序排列let arr = [1, 2, 3, 93, 22, 28, 33, 43, 83, 5, 5, 11, 12, 15, 10] console.log(arr.sort(function(a,b) {return b - a}));2.从小到大升序排列let arr = [1, 2, 3, 93, 22, 28, 33, 43, 83, 5, 5, 11, 12, 15, 10] console.log(arr.sort(function(a,b) {ret
2021-12-14 21:25:32
969
原创 求一个数组中重复次数最多的数
let a = [1, 2, 3, 3, 2, 2, 3, 3, 3, 5, 5, 1, 1, 1, 1] let num = 1 let num1 = 1 let n = '' arr.push(a[0]) for (let i = 0; i < a.length; i++) { for (let j = i; j < a.length; j++) { if (a[i] == a[j + 1]) { ...
2021-12-14 20:49:11
628
原创 vue3的composition-API（任务列表）
1.上面是未完成的列表，下面是已完成的列表，当点击checkbox，会切换到已完成的列表，并且是一个disable状态，上面未完成的任务可以双击进行编辑，点击input外部可退出编辑状态，并保存以编辑的内容，也可对其删除。2.需在index.html引入bootCDN:<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"><
2021-12-10 13:29:33
627
原创 src文件夹简写方法，配置别名。jsconfig.json配置别名@提示
{//jsconfig.json配置别名@提示//【@代表的是src文件夹，这样将来文件过多，找的时候方便很多】 "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, //不能在node_modules、dist文件夹使用 "exclude": ["node_modules", "dist"]}...
2021-12-06 09:54:54
984
原创 JavaScript模拟实现深拷贝
<body> <div id="app"> <form @submit.prevent="insert"> <input type="text" v-model="student.name"> <input type="text" v-model="student.age"> <input type="text" v-model="student.girlfrend.name">
2021-11-27 12:11:28
509
原创 call、apply、bind的基本概念（JavaScript）
function fun(){ console.log(this.name); } let cat = { name:"喵喵" } //call可以调用函数，可以改变函数中的this指向 fun.call(cat)2. let dog = { name:'旺财', sayName(){ console.log("我是"+this.name); }, e...
2021-11-27 11:02:35
72
原创 类与继承（JavaScript）
ES6 <script> class User{ constructor(username,password){ this.username = username; this.password = password; } login(){ console.log("登录"); } } class Admin extends User { deletPerson(
2021-11-26 17:13:12
144
原创 通过原型对象（prototype）构造时间格式化函数
<script> let data = new Date(); Date.prototype.formate = function(){ let year = this.getFullYear(); let month = this.getMonth() + 1; let day = this.getDate(); return `${year}年${month}月${day}日` } console...
2021-11-26 16:30:14
66
原创 JavaScript的回调地狱与Promis对象（async await）
1.我想先吃火锅再喝奶茶然后看电影、蹦迪、洗澡，这样写的代码看着像陀翔 <script> function getTea(fn) { setTimeout(() => { fn("奶茶") }, 500); } function getHotpot(fn) { setTimeout(() => { fn("火锅") }, 800); } function get
2021-11-26 16:11:39
383
原创 JavaScript封装的简易防抖、节流
防抖：用户触发时间过于频繁，只要最后一次事件操作<body> <input type="text"> <script> let inp = document.querySelector("input") let time = null; inp.oninput = function(){ if(time !== null){ clearTimeout(time) } time = s.
2021-11-26 15:09:55
255
移动端商城-supermall.zip
2021-07-19
shopping.zip
2021-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人