- 博客(325)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 个人小结（2.0）
c:/Users/10834/Desktop/0716_project/vite_Ts_Project/src/views/screen/index.vue”隐式拥有 "any" 类型。服气，就是这样的一个小问题，一开始自己的解决访问直接使用的@ts-ignore这样直接忽略了ts类型检查。这个路由信息是一个ts文件，而引入的vue文件没有设置lang="ts"，这就解释了为什么有的模块不报错，就个别引入模块报错。看看，回答的模糊其词，我的tsconfig.json文件几乎为空，没有进行配置。
2024-09-20 16:03:05
400
原创 React学习笔记（1.0）
在使用vite创建react时，有一个语言选项，就是typescript-SWC，这里介绍一下SWC。SWC：可扩展的Rust的平台，用于下一代快速开发工具，SWC比Babel快20倍。简单来说，就是用于格式转换的，比Babel要快，所以在选择语言时，选择带SWC的就行，结构和不带SWC的一样。在创建的项目的入口文件中。
2024-09-14 17:09:15
1182
原创 第一个React程序
还有就是react和vue不一样，你要写样式的话就建立一个css文件即可，和你的tsx文件或ts文件的文件名命名一样即可，还有就是你的组件的命名一定要首字母大写，以及写类名的时候要写成className而不是class，这是因为react考虑是和class类这个关键字冲突。tsx也没啥特别的，也是ts的一种，只是ts的一个扩展后缀，多了些功能，具体区别搜一下就能知道，目前来说，对于写demo来说，你写ts后缀和tsx后缀差别不大。和当时建立vue项目一样，使用该命令创建，只是后面选择框架时选择react，
2024-09-06 17:28:41
1050
原创 个人小结(1.0)
因为npm库上的包都会实时更新，比如以前的包名都有可能出现改变，比如以前叫particles-vue3，而目前叫做npm i @tsparticles/vue3,使用该命令进行安装，并且还出现了其他包的依赖，否则不能正常显示粒子效果，一个是import { loadFull } from 'tsparticles'，另一个是import {loadSlim} from 'tsparticles-slim'，这两个选择一个即可，对应着不同的粒子效果。问题4：在使用npm的粒子库时，没有出现预期的效果。
2024-08-19 15:36:27
466
原创 CSS选择器
important>行内样式，当然了，上面的，a，b，c，也肯定不如它，一旦给某一个元素样式中书写了!important，就以它的样式为准！看【元素、伪元素】的个数，谁多就是谁的优先级高，如果个数还是相同，就遵循后来者居上原则（就是谁最后写就按照谁的样式）。首先，一旦出现行内样式，不管你上面的a,b,c的个数有多少个，都以行内样式为准，除非行内样式有的没有设置。当第一位a的数量相同时，比如都有1个选择器，那么就看下一位b的个数【类，伪类，属性】，其中b表示：一个选择器中【类，伪类，属性】选择器的个数。
2024-07-29 17:24:26
164
原创 Typescript学习笔记（2.0）
接口可以再定义类的时候去限制类的结构,接口中的所有属性都不能有实际的值，所以说，接口只考虑对象的接口，而不考虑其值，在接口中所有的方法都是抽象方法。接口用来定义一个类结构，用来定义一个类中应该包含哪些属性和方法，同时接口也可以当做类型声明去使用。interface和abstract是TS中独有的，在编译后就看不到了。参数-w，就是对app.ts进行监视，每次该文件改变时就会自动编译。console.log('大家好~~')定义类时，可以使类去实现一个接口。注意：接口是可以重复声明的。
2024-07-24 17:05:18
503
原创 Typescript学习笔记（1.0）
let c:{name:string,[abc:string]:any},其中abc可以随意起名，该类型声明表示c中只要包含name属性，其他的属性有或无都随意。他与any的区别是不能随意赋值，如果把一个unknown类型的值赋值给别的值，就会报错，而any不会报错，并且将自己的类型赋值给被赋值的那个变量。void：常用于设置函数返回值，如果没有指定函数的返回值类型，会自动被认为返回值的类型为void。any:表示任意类型，一个变量设置为此类型后，相当于关闭了TS类型检测。
2024-07-23 17:04:15
347
原创 Vue学习笔记-自定义组件使用v-model
还有就是那个update:aaa中的update，这里使用update是vue框架官方的写法，如果想要叫其他值，就还需要父组件传递对应的事件@custom-update:myValue="someData = $event"，过程也比较繁琐，这里只是说明为什么那里要叫update。在实际的开发中还是使用这种固定命名的比较便于开发。其中，有几个需要注意的地方，就是使用defineProps()时，注意区分v-model的值和父子传值的属性。这样就完成了自定以组件的双向绑定。注意和之前的父组件内容进行对比。
2024-07-09 16:50:01
304
原创 vue学习笔记之组件传值
在Vue.js项目中，Vuex通常被用作状态管理库，尤其是在大型或复杂的应用中，它提供了一种集中管理所有组件共享状态的方式。对于兄弟组件之间的通信，Vuex可以作为一个很好的解决方案，因为它允许状态被全局访问和修改。
2024-07-07 20:47:37
910
原创 vue学习笔记（购物车小案例）
写一个按钮，当我们点击按钮的时候，就可以看到arrTest2返回的值，我们可以看到多了一个true，因为在执行every后，this.testEvery=true，对应页面的testEvery值也会进行显示。然后解释一下，这里首先使用filter方法将满足选中状态的商品进行过滤，返回的是一个数组，然后再将返回的数组使用累加方法reduce进行金额的计算。解释一下，第一个参数就是传递过来的值，是加1，还是加-1，第二个值就是对应的索引，因为要对对应的商品进行数量加减操作，所以需要对应商品的索引。
2024-07-06 18:15:35
813
原创 Vue3学习笔记（n.0）
所以，简而言之，在实际的开发中，上面的数组列表一般是后端返回出来的数据，我们需要使用v-for将这些数据进行渲染，但是在使用v-for的时候也必须要加key，并且key的取值要有唯一性，一般都是数据的ID，比如学生列表的学生ID，或商品列表中的商品ID。3.如果节点类型不同，直接干掉前面的节点，再创建并插入新的节点，不会再比较这个节点后面的子节点；4.使用 index 的值当作 key 的值没有任何意义（因为 index 的值不具有唯一性，实际项目中如果没有id，推荐使用index）
2024-07-05 21:51:23
329
原创 jQuery学习笔记（3.0）
params：想要更改的样式属性，以对象形式传递，必须写。//里面可以加参数，就是速度毫秒数，如1000，一秒。$(".nav>li").mouseover(function(){ //鼠标经过下拉。$(".nav>li").mouseover(function(){ //鼠标离开上拉。当多次触发动画时，就造成多个动画或者效果排队执行。opacity：透明度必须写，取值0-1之间。slideDown() //下拉。//stop方法必须写在动画的前面。slideUp() //上拉。
2024-04-10 09:58:36
437
原创 jQuery学习笔记（2.0）
2.选择某个节点的兄弟节点：$("ol .item").siblings("li").css("color","red") //将ol下的类名为item的节点的所有li兄弟节点的样式进行设置（不包括item节点自己）。4.第二种方式根据索引选择节点：$("ul li").eq(2).css("color","red") //以前的方式$("ul li:eq(2)").css...$(".one").addClass("current") //在原先类名的基础上，追加类名，不影响以前的类名。
2024-04-10 09:31:16
610
原创 jQuery学习笔记（1.0）
8.Dom对象与jQuery对象可以相互转换，因为原生js比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要向使用这些属性和方法需要把jQuery对象转换为Dom对象才能使用。10.jQuery-->Dom $('div')[index] 或$('div').get(index)12.jQuery修改样式：$("div").css('属性','值')5.用jQuery获取元素就是jQuery对象：$('div')11.1 jQuery选择器：$("选择器")或者$换成jQuery。
2024-03-30 20:12:07
442
原创 vue面试题整理（1.0）
computed：是计算属性，依赖其他属性值，并且computed的值有缓存，当依赖的属性值发生改变时，才会重新计算computed的值，默认是只读的（相当于getter函数），它也可以设置getter和setter函数来完成读和写。（1）、造成数据混乱：如：一个父级组件的数据传递给多个子组件，某个子组件如果通过Props修改父组件的数据，父级组件再修改其他子组件，其他子组件就会莫名其妙的被修改，造成数据混乱。watch：属性变化的检测（相当于事件），当属性的值发生变化时，可以调用函数。
2023-12-02 21:27:49
717
原创 我的创作纪念日
不能说成就吧，对于程序员的一天，不是在改bug的路上，还是在改bug的路上，改掉一个个的bug就是我最大的成就。提示：你过去写得最好的一段代码是什么？提示：希望未来能够不忘初心，一步步走向更好的子集。提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。
2023-11-18 18:50:19
207
原创 前端面试题整理（2.0）
在导航被确认的时候执行回调，并且把组件实例作为回调方法的参数，可以在这个守卫中请求服务端获取数据，当成功获取并能进入路由时，调用next并在回调中通过vm访问组件实例进行赋值等操作，（next中函数的调用在mounted之后：为了确保能对组件实例的完整访问）简单理解：导航守卫就是路由跳转过程中的一些钩子函数，再直白点路由跳转是一个大的过程，这个大的过程分为跳转前中后等细小的过程，在每一个过程中都有一个函数，这个函数能让你操作一些其他的事的时机，比如跳转前是否验证登录，这就是导航守卫。常用于发送网络请求。
2023-10-24 11:33:47
240
原创 前端面试题整理（1.0）
Plugin就是插件，基于事件流框架Tapable，插件可以扩展Webpack的功能，在Webpack运行的声明周期中会广播出许多事件，Plugin可以监听这些事件，在合适的时机通过Webpack提供的API改变输出结果。在以上过程中，Webpack会特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用Webpack提供的API改变Webpack的运行结果。③如果节点类型不同，直接干掉前面的节点，再创建并插入新的节点，不会再比较这个节点后面的子节点；
2023-10-21 11:27:53
394
原创 第三周晨考自测（3.0）
返回值：父节点，这里必是一个元素节点，因为文本节点或其他节点不可能当父节点，就和父元素节点有一点不同，当多次调用父节点的时候，顶级父节点是document，而父元素节点的顶级节点是document，而父元素节点的顶级节点的顶级元素节点是HTML。作用：获取某一节点下所有的子一级节点（也就是说子集节点里面嵌套的节点获取不到其标签，但是可以获取到内容，与父节点一起展示）返回值：也是一个节点（下一个兄弟节点），注意节点和元素节点的区别，这里还是节点，包括空白字符形成的文本节点。
2023-09-02 21:29:36
948
原创 第二周晨考自测（2.0）
i++){ var item=arr[i] // item 就是数组内的每一个数据 //把item当做key添加到对象内 obj[item]='随便数据'} //准备一个新的数组 var newArr=[] //循环遍历对象 for( var k in obj){// 把每一个 k添加到 newArr里面 newArr.push(k-0)}（21）arr.findIndex(function(item,index,arr){return})过滤数组，将满足条件的第一个数据的索引返回。
2023-08-19 21:30:32
343
原创 第一周晨考自测（1.0）
与解析的重名情况：（1）变量名与变量名重名（以第一个定义的变量名为准，后面定义的无意义）（2）函数名与函数名重名（后面定义的函数名会覆盖前面的函数名，也就是以后面的函数名为准）（3）变量名与函数名重名（以函数名为准）js的数据类型可以分为两种：一种是基本数据类型（数字，字符串，undefined，null，布尔），另一种是复杂数据类型（函数，对象，数组，日期对象，Set，Map等）在书写递归函数时，一般由以下内容构成：初始化，自增，执行代码，条件判断，不然就是一个没有尽头的递归函数，我们叫做死递归。
2023-08-19 20:49:23
355
原创 MongoDB（学习笔记1.0）
然后我们使用db.createCollection("users")创建一个名为users的集合，这里就比较恶心了，这里的集合就是我们以前学的关系型数据库中的表，对应关系就是table对应collection。这里就体现了非关系型数据库的自由了，一开始我们使用的name,age字段并不是唯一的，再向里面插入数据的时候就可以随意改变字段名，以及字段的个数。选择好点击download下载即可。还是刚才社区版安装的界面，下面有一个tools，点击即可，出现右边的安装界面，同样选择配置信息进行下载安装。
2023-06-05 16:52:30
1756
1
原创 ES6-ES13学习笔记（6.0）
箭头函数并不是万能的，一旦遇到function传统写法就直接使用箭头函数替换，在传统的时间绑定中，还是需要使用function的写法，而不要使用箭头函数，否则，一旦出现了箭头函数的嵌套，就会出现问题，特别是this指向，外层的this指向为window，里层的this指向外层的this，还是window，就会出现问题。箭头函数无法访问arguments，无法new。2.rest参数，剩余参数。箭头函数没有this。this指向父作用域。
2023-06-01 16:22:22
850
原创 ES6-ES13学习笔记（5.0）
注意与Array（）的区别，如果直接使用Array（5），只是声明只有5个内容的空数组，而Array.of （5）则是声明数组元素为5的数组，即[5]。对于ECMA的支持还和浏览器有关以及浏览器版本有关，然后我使用Google浏览器就可以正常使用，//findLast findLastIndex() ES2022 逆序查找。发现在电脑自带的联想浏览器不支持此函数，还报错了。...复制为浅复制，如果数组中拥有嵌套就不行了。扁平化处理，将高维数组转换成一维数组。flatMap()适合复杂对象的展开。
2023-06-01 10:44:03
1343
原创 ES6-ES13学习笔记（4.0）
它与传统的全局方法isFinite()和isNaN()的区别在于，传统方法先调用Number()将非数值的值转为数值，再进行判断，而这两个新方法支队数值有效，Number.isFinite()对于非数值一律返回false，Number.isNaN()只对NaN返回true，非NaN一律返回false。如果传入的参数为0，那么就会输出空字符串）对于非数值，会首先转换为数值。startsWith函数 判断自发货窜是否以指定的字符串开头。endsWith函数 判断字符串是否以指定的字符串结尾。
2023-06-01 09:41:33
1109
原创 ES6-ES13学习笔记（3.0）
比如我们想要在ul中，加上自己想要的li结构，就需要用到模板字符串写法，传统的写法换行比较麻烦，需要在每一行的最后加上反斜杠“\”，并且，如果我们使用自定义变量name时，还需要进行字符串拼接，而${...},的写法很好的完成了替换，再加上模板字符串写法，我们就可以很容易的实现自己的li节点内容。当然了，我们在模板字符串中还可以使用函数，我们定义了test函数，在模板字符串中继续使用${...},的写法进行调用即可：即${test()}在实际应用中，比较常用的就是ES6的模板字符串写法。
2023-05-31 16:48:59
711
原创 ES6-ES13学习笔记（2.0）
其中，code:code2是将code重命名为code2:，防止外面的全局变量冲突。z是列表最后一个值的输出。这里是在不设置第三个变量的情况下，将两个变量的值进行交换。[y,x]=[x,y]let [a,b,c]=arr 的运行结果，在控制台输入a,b,c对应的输出。有嵌套的情况下，输出嵌套数值[m,n,y]console.log(name)的输出。date："111"的输出。
2023-05-31 16:15:38
688
原创 ES6-ES13学习笔记（1.0）
答：const声明的对象不能被修改，如const obj={name:"test1"} 修改成const obj="test2"会报错。答：可以使用freeze（）方法，使用Object.freeze({...})定义的对象不能够修改。但是对象里面的属性可以修改，如obj.name="kunkun".还有需要注意的点：所有的const声明都不能被修改吗？那么，如果让对象里面的内容也不能修改呢？4.暂存性死区，声明不提升。4.不与顶层对象挂钩。5.不与顶层对象挂钩。
2023-05-31 15:24:24
717
原创 H-buildX项目（学习笔记1.0）
调整pages.json即可，默认的层级关系是index为最上的，比如说我们想展示的是home页面，我们需要将home页面的配置代码放到index代码信息上面。如果我们发布的界面没有显示，只显示了默认的uni-app的默认界面，说明我们的页面层级关系需要调增一下。在一开始安装小程序开发工具时是关闭的，我们在这里单击即可，就可以打开服务端口。我想将我的Vue代码发布到小程序中，看一下我的代码在小程序运行的状况。右上角的预览，也就是运行你的Vue项目的界面效果，下面就是展示界面。首先，打开小程序开发工具。
2023-05-23 16:39:07
1270
原创 Vue学习笔记（0504）
此原因也有解释：eslint根据eslint配置文件的parserOption，知道了要使用babel对代码进行解析，但是解析babel需要使用babel配置文件，由于找不到配置文件（babel配置文件默认需要放在根目录下），所以会报错。因此，添加requireConfigFile: false，本质上是告诉eslint，不用查找这个配置文件了，虽然表面上可以解决这个报错，但是在babel配置文件里写的东西也就失效了。就是找到.eslintrc.js这个文件，保存后，就不会再次报错了。
2023-05-04 21:02:32
1283
原创 微信小程序开发（学习记录1.0）
随便找了一系列图片下载，然后导入到我们的微信小程序文件夹，发现又报错了，这就不贴出来了，就是指它只支持png,jgp,jpeg格式的图片，我们下载的图标文件是svg的，尴尬，需要转换一下格式，所以我们用到了PS。这里我们得到了答案，所以我们就填上，这里分辨率也和图像大小有关，就选默认的27即可，如果需要，我们调低，就会产生更小大小的图片，往上调高，就会得到大一些的图片。这里就是我们转换后的图像大小，我们在我们的小程序中使用即可，由于我们只是测试，为了省事，就直接设置的都是一样的图片了。
2023-04-10 15:51:14
2001
原创 第一个微信小程序
依次是：项目名称，项目路径，appid就是我们刚才赋值的那个ID号，如果不填就只能在本地进行使用，并不能进行远程发布，这里模板选择默认选择第一个，当然，我们也可以选择不使用模板。这就是里面的界面，左边为小程序展示界面，右边为该界面对应的代码。来到登录后的界面，我们主要使用开发设置中的APPID，这里我们在创建小程序时需要使用，方便我们的后续发布。因为在注册时需要实名验证，并绑定了微信，注册完毕我们进行微信扫码登录即可。首先，来到微信公众平台，进行登录，没有的话先进行注册。创建完毕后，界面如下。
2023-04-10 10:51:07
1147
原创 Bootstrap学习笔记（1.0）
除此之外，点击过的链接，会呈现一个颜色码为 #333 的细的虚线轮廓。Bootstrap 3 CSS 有一个申请响应的媒体查询，在不同的媒体查询阈值范围内都为 container 设置了max-width，用以匹配网格系统。如果需要让使用了.img-responsive类的图片水平居中，需要使用.center-block类，不要使用.text-center。CSS：Bootstrap自带以下特性：全局的CSS设置、定义基本的HTML元素样式、可扩展的class，以及一个先进的网格系统。
2023-04-08 16:17:52
1211
原创 Git仓库集成到VScode
这时由于以前创建的有远程库，所以显示的就是以前的远程库，新的远程库不显示，我们可以在终端处手动执行命令：git init，这时就会在左侧出现了我们的本地仓库Git2，我们下面就是将本地文件上传至远程库。这里就是以前用的Git文件夹里面的文件，test.txt是不想上传的本地文件，这里我们创建了.gitignore文件，我们知道，以.开头的文件默认是隐藏文件，这里没有显示，我们来到资源管理器里进行查看。我去，应该是复制错地址了，整到Github里面了，不过问题不大，都是远程库。
2023-04-08 10:43:30
1914
原创 Vue3学习笔记（9.6）
混入（mixins）定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。同名钩子函数将合并为一个数组，因此都将被调用。另外，mixin对象的钩子将在组件自身钩子之前调用。比如，数据对象在内部会进行浅合并（一层属性深度），在和组件的数据发生冲突时以组件数据优先。以下实例中，Vue实例与混入对象包含了相同的方法。从输出结果可以看出两个选项合并了。当组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。
2023-04-07 10:39:31
1095
原创 Vue3学习笔记（9.5）
例如，我们从/a导航到一个相对路径b，如果没有配置append，则路径为/b，如果配置了，则为/a/b。设置replace属性的话，当点击时，会调用router.replace()而不是router.push()，导航后不会留下history记录。当被点击后，内部会立刻把to的值传到router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。to属性为目标地址，即要显示的内容。以下实例中我们将Vue-router加进来，然后配置组件和路由映射，再告诉vue-router在哪里渲染他们。
2023-04-05 16:48:21
1099
原创 Typescript学习笔记（1.0）
typescript是JavaScript的一个超集，就是说JavaScript的语法typescript全部支持，并且在JavaScript进行了扩充，并在JavaScript的基础上进行了变量、函数、返回值等类型限制。在ts文件里，我们将a加入了类型注解:string表示为变量a的类型为字符串类型，如果我们改成其他类型，在ts文件里面就会报错。这里需要注意，虽然在ts文件中出现了报错信息，但是我们如果要强制进行编译执行，还是会生成js文件的。在vscode的控制台进行编译，生成了js文件。
2023-04-05 15:31:05
1097
原创 Vue3学习笔记（9.4）
例如在v-my-directive.foo.bar中，修饰对象为{foo:true,bar:true}。例如在v-my-directive：foo中，arg为“foo”。除了默认设置的核心指令（v-model和v-show），Vue也允许注册自定义指令。value：传递给指令的值。beforeUNmount：当指令与在绑定元素父组件卸载之前时，只调用一次。updated：在包含组件的VNode及其子组件的VNode更新后调用。unmounted：当指令与元素解除绑定且父组件已卸载时，只调用一次。
2023-04-04 20:13:23
1245
常用镜像下载路径.txt
2020-04-15
cygwin.rar
2020-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人