- 博客(307)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 第三周晨考自测（3.0）
返回值：父节点，这里必是一个元素节点，因为文本节点或其他节点不可能当父节点，就和父元素节点有一点不同，当多次调用父节点的时候，顶级父节点是document，而父元素节点的顶级节点是document，而父元素节点的顶级节点的顶级元素节点是HTML。作用：获取某一节点下所有的子一级节点（也就是说子集节点里面嵌套的节点获取不到其标签，但是可以获取到内容，与父节点一起展示）返回值：也是一个节点（下一个兄弟节点），注意节点和元素节点的区别，这里还是节点，包括空白字符形成的文本节点。
2023-09-02 21:29:36
803
原创 第二周晨考自测（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
263
原创 第一周晨考自测（1.0）
与解析的重名情况：（1）变量名与变量名重名（以第一个定义的变量名为准，后面定义的无意义）（2）函数名与函数名重名（后面定义的函数名会覆盖前面的函数名，也就是以后面的函数名为准）（3）变量名与函数名重名（以函数名为准）js的数据类型可以分为两种：一种是基本数据类型（数字，字符串，undefined，null，布尔），另一种是复杂数据类型（函数，对象，数组，日期对象，Set，Map等）在书写递归函数时，一般由以下内容构成：初始化，自增，执行代码，条件判断，不然就是一个没有尽头的递归函数，我们叫做死递归。
2023-08-19 20:49:23
258
原创 MongoDB（学习笔记1.0）
然后我们使用db.createCollection("users")创建一个名为users的集合，这里就比较恶心了，这里的集合就是我们以前学的关系型数据库中的表，对应关系就是table对应collection。这里就体现了非关系型数据库的自由了，一开始我们使用的name,age字段并不是唯一的，再向里面插入数据的时候就可以随意改变字段名，以及字段的个数。选择好点击download下载即可。还是刚才社区版安装的界面，下面有一个tools，点击即可，出现右边的安装界面，同样选择配置信息进行下载安装。
2023-06-05 16:52:30
1198
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
729
原创 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
1169
原创 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
1033
原创 ES6-ES13学习笔记（3.0）
比如我们想要在ul中，加上自己想要的li结构，就需要用到模板字符串写法，传统的写法换行比较麻烦，需要在每一行的最后加上反斜杠“\”，并且，如果我们使用自定义变量name时，还需要进行字符串拼接，而${...},的写法很好的完成了替换，再加上模板字符串写法，我们就可以很容易的实现自己的li节点内容。当然了，我们在模板字符串中还可以使用函数，我们定义了test函数，在模板字符串中继续使用${...},的写法进行调用即可：即${test()}在实际应用中，比较常用的就是ES6的模板字符串写法。
2023-05-31 16:48:59
646
原创 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
639
原创 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
645
原创 H-buildX项目（学习笔记1.0）
调整pages.json即可，默认的层级关系是index为最上的，比如说我们想展示的是home页面，我们需要将home页面的配置代码放到index代码信息上面。如果我们发布的界面没有显示，只显示了默认的uni-app的默认界面，说明我们的页面层级关系需要调增一下。在一开始安装小程序开发工具时是关闭的，我们在这里单击即可，就可以打开服务端口。我想将我的Vue代码发布到小程序中，看一下我的代码在小程序运行的状况。右上角的预览，也就是运行你的Vue项目的界面效果，下面就是展示界面。首先，打开小程序开发工具。
2023-05-23 16:39:07
1154
原创 Vue学习笔记（0504）
此原因也有解释：eslint根据eslint配置文件的parserOption，知道了要使用babel对代码进行解析，但是解析babel需要使用babel配置文件，由于找不到配置文件（babel配置文件默认需要放在根目录下），所以会报错。因此，添加requireConfigFile: false，本质上是告诉eslint，不用查找这个配置文件了，虽然表面上可以解决这个报错，但是在babel配置文件里写的东西也就失效了。就是找到.eslintrc.js这个文件，保存后，就不会再次报错了。
2023-05-04 21:02:32
1126
原创 微信小程序开发（学习记录1.0）
随便找了一系列图片下载，然后导入到我们的微信小程序文件夹，发现又报错了，这就不贴出来了，就是指它只支持png,jgp,jpeg格式的图片，我们下载的图标文件是svg的，尴尬，需要转换一下格式，所以我们用到了PS。这里我们得到了答案，所以我们就填上，这里分辨率也和图像大小有关，就选默认的27即可，如果需要，我们调低，就会产生更小大小的图片，往上调高，就会得到大一些的图片。这里就是我们转换后的图像大小，我们在我们的小程序中使用即可，由于我们只是测试，为了省事，就直接设置的都是一样的图片了。
2023-04-10 15:51:14
1924
原创 第一个微信小程序
依次是：项目名称，项目路径，appid就是我们刚才赋值的那个ID号，如果不填就只能在本地进行使用，并不能进行远程发布，这里模板选择默认选择第一个，当然，我们也可以选择不使用模板。这就是里面的界面，左边为小程序展示界面，右边为该界面对应的代码。来到登录后的界面，我们主要使用开发设置中的APPID，这里我们在创建小程序时需要使用，方便我们的后续发布。因为在注册时需要实名验证，并绑定了微信，注册完毕我们进行微信扫码登录即可。首先，来到微信公众平台，进行登录，没有的话先进行注册。创建完毕后，界面如下。
2023-04-10 10:51:07
1009
原创 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
1076
原创 Git仓库集成到VScode
这时由于以前创建的有远程库，所以显示的就是以前的远程库，新的远程库不显示，我们可以在终端处手动执行命令：git init，这时就会在左侧出现了我们的本地仓库Git2，我们下面就是将本地文件上传至远程库。这里就是以前用的Git文件夹里面的文件，test.txt是不想上传的本地文件，这里我们创建了.gitignore文件，我们知道，以.开头的文件默认是隐藏文件，这里没有显示，我们来到资源管理器里进行查看。我去，应该是复制错地址了，整到Github里面了，不过问题不大，都是远程库。
2023-04-08 10:43:30
1146
原创 Vue3学习笔记（9.6）
混入（mixins）定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。同名钩子函数将合并为一个数组，因此都将被调用。另外，mixin对象的钩子将在组件自身钩子之前调用。比如，数据对象在内部会进行浅合并（一层属性深度），在和组件的数据发生冲突时以组件数据优先。以下实例中，Vue实例与混入对象包含了相同的方法。从输出结果可以看出两个选项合并了。当组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。
2023-04-07 10:39:31
979
原创 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
1023
原创 Typescript学习笔记（1.0）
typescript是JavaScript的一个超集，就是说JavaScript的语法typescript全部支持，并且在JavaScript进行了扩充，并在JavaScript的基础上进行了变量、函数、返回值等类型限制。在ts文件里，我们将a加入了类型注解:string表示为变量a的类型为字符串类型，如果我们改成其他类型，在ts文件里面就会报错。这里需要注意，虽然在ts文件中出现了报错信息，但是我们如果要强制进行编译执行，还是会生成js文件的。在vscode的控制台进行编译，生成了js文件。
2023-04-05 15:31:05
980
原创 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
1143
原创 Vue3学习笔记（9.3）
但是有时我们可能向把值绑定到当前活动实例的一个动态属性上，这时可以用v-bind实现，此外，使用v-bind可以将输入值绑定到非字符串。v-model会忽略所有表单的value、checked、selected属性的初始值，使用的是data选项中声明的初始值。我们可以用v-model指令在表单、及等元素上创建双向数据绑定。这通常很有用，因为在type=“number”时HTML中输入的值也总是返回字符串类型。记得在多选时按住Ctrl键，要不然还是单选。
2023-04-04 16:54:50
1169
原创 Vue3学习笔记（9.2）
Vue.js为v-on提供了事件修饰符来处理DOM事件细节，如:event.preventDefault()或event.stopPropagation()。我们可以使用v-on指令来监听DOM事件，从而执行JavaScript代码。v-on可以接收一个定义的方法来调用。.self--只监听触发该元素的事件。.prevent--阻止默认事件。.middle--中间滚轮事件。.capture--阻止捕获。.once--只触发一次。.right--右键事件。.stop--阻止冒泡。.left--左键事件。
2023-04-04 09:55:24
387
原创 Vue3学习笔记（9.1）
这样写只会渲染数组中最后一个被浏览器支持的值。如果浏览器支持不带浏览器前缀的flexbox，那么就只会渲染display:flex。注意：当v-bind:style使用需要特定前缀的CSS属性时，如transform，Vue.js会自动侦测并添加相应的前缀。当我们在带有单个根元素的自定义组件上使用class属性，这些class将被添加到该元素中。如果你的组件有多个根元素，你需要定义哪部分将接收这个类。我们可以在v-bind:style直接设置样式，可以简写:style。也可以直接绑定到一个样式对象。
2023-04-04 08:57:58
399
原创 Vue3学习笔记（9.0）
同时使用多个类，并存在多个相同属性时，不管是class，还是：class，都会显示最后那个重复属性的定义。class与style是HTML元素的属性，用于设置元素的样式，我们可以用v-bind来设置样式属性。v-bind在处理class和style时，表达式除了可以使用字符串外，还可以是对象或数组。这和前面写css的顺序有关，如果同时设置为TRUE，后写的css会遮盖先写的css属性。此外，:class指令也可以与普通的class属性共存。当同时设置为TRUE的时候，后面的红色也会遮盖前面的颜色。
2023-04-03 15:36:17
318
原创 Vue3学习笔记（8.0）
异步数据的加载Vue通过watch选项提供了一个更通用的方法，来响应数据的变化。我们可以通过watch来响应数据的变化。以下实例我们使用axios库。异步加载中使用watch。
2023-04-03 09:41:48
163
原创 Vue3学习笔记（7.0）
我们可以用methods来替代computed，效果上两个都是一样的，但是computed是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用methods，在重新渲染的时候，函数总会重新调用执行。vm.reversedMessage依赖于vm.message，在vm.message发生改变时，vm.reversedMessage也会更新。可以说使用computed性能会更好，但是如果不希望缓存，我们可以使用methods属性。计算属性在处理一些复杂逻辑时是很有用的。这样就能正常显示了。
2023-03-30 09:25:09
313
原创 Vue3学习笔记（6.0）
比如，如果你使用一个像webpack这样的构建系统，全局注册所有的组件意味着即使你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。全局注册的组件可以在随后创建的app示例模板中使用，也包括实例组件树中的所有子组件的模板中。为了定值prop的验证方式，我们可以为props中的值提供一个带有验证需求的对象，而不是一个字符串数组。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。上面的示例中我们的组件都是通过component全局祖册的。
2023-03-29 16:46:55
458
原创 Vue3学习笔记（5.0）
不自动将item注入到组件里的原因是，这会使得组件与v-for的运作紧密结合。v-for指令需要以site in sites形式的特殊语法，sites是源数据数组并且site是数组元素迭代的别名。我们可以对数组的元素进行处理后再显示出来，一般可以通过创建一个计算属性，来返回过滤或排序后的数组。下面的script里面的内容相当于声明，在上面的HTML中可以不用，并不影响代码执行。这里的命名并不是固定的，但是比较规范的写法是左边为键key,右边为值value。v-for/v-if联合使用。
2023-03-29 14:29:30
479
原创 Vue3学习笔记（4.0）
例子都不再换的，中间又添加了v-else-if项而已，这里只是seen不满足的情况，也就是不会有seen2,seen3.那我们来把对应的seen2或seen3设置为TRUE，那么其他的都是false喽。注意：当我们使用v-else时，都是放在最后一项用的，不要弄错v-else和v-else-if的顺序。编程这玩意就是要试着举一反三，同样的例子，我们再来看v-else-if,感觉和js或大部分的编程语言类似，只是前面多了v-而已。条件判断使用v-if指令，指令的表达式返回true时才会显示.
2023-03-27 15:01:09
115
原创 Yarn使用
与npm相比，yarn的速度贼快，自行体验就能够感觉到。因为yarn缓存了每个下载过的包，再次使用时无需重复下载。如果需要制定版本号，需要在md5后面加上@，比如md5@1【版本为一开头的版本如：1.0.1】或md5@2【版本为2开头的版本如：2.2.5】其中，在dependencies下就是我们安装的md5包，后面就是它的版本号。还有就是安全性：在执行代码之前，yarn会通过算法校验每个安装包的完整性。使用npm install -g yarn命令安装，速度贼快。lock文件的作用是锁定安装包的版本。
2023-03-27 10:51:55
253
原创 nrm的使用
意思就是对于那个open方法需要遵循ES6规范，要不然不让你用，暂时的解决方案是安装低版本的open，那样就可以使用了。（使用命令：npm i -g nrm open@8.4.2 --save）nrm 是一个 npm 源管理器，可以快速地在 npm源间切换。尤其是在下载那些外国官网的包的时候，速度贼拉慢，就会使用国内镜像，nrm就是干这个的。使用命令：nrm use taobao 就使用了淘宝这个镜像源。使用命令：nrm ls 查看可用镜像源。使用下面命令：npm i -g nrm。
2023-03-27 10:20:25
358
1
原创 Vue3学习笔记（3.0）
修饰符是以半角句号.指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。v-model指令用来在input、select、textarea、CheckBox、radio等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素值。在该实例中，v-if指令将根据表达式seen的值（TRUE或false）来决定是否插入p元素。在这里href是参数，告知v-bind指令将该元素的href属性与表达式url的值绑定。参数在指令后以冒号指明。按钮的时间我们可以使用v-on监听事件，并对用户的输入进行响应。
2023-03-26 17:17:16
380
原创 Swiper轮播库
Swiper是一个免费且好用的轮播库，首先，我们进入中文swiper网进行下载。该实例使用Ajax调用图例来用swiper库显示在移动端或PC端。如果想理解某个参数的意义和具体用法，可以查看API文档。使用的时候想要哪种轮播效果可以查看官网的演示效果。我们直接查看网页源码，就能知道它是怎样实现的。下载到本地进行使用即可。
2023-03-26 09:56:17
94
原创 H5面试题
并且构建cssom树是一个十分消耗性能的过程，所以应该尽量保证层级扁平，减少过度层叠，越是具体的css选择器，执行速度越慢。HTML5现在已经不是SGML（标准通用标记语言）的子集，主要是关于图像，位置，存储，多任务等功能的增加。纯表现的元素：basefont，big，center，font，s，strike，tt，u。方便其他设备的解析（如屏幕阅读器、盲人阅读器等），利于无障碍阅读，提高可访问性。段落用p标签，标题用h系列标签，边栏用aside标签，主要内容用main标签。
2023-03-23 10:23:51
221
原创 Vue3学习笔记（2.0）
{{}}标签的内容将会被替代为对应组件实例中message属性的值，如果message属性的值发生了改变，{{}} 标签内容也会更新。如果不想改变标签的内容，可以通过使用v-once指令执行一次性地插值，当数据改变是，插值的内容不会更新。以上代码中如果isButtonDisabled的值是null或undefined，则disabled 属性甚至不会被包含在渲染出来的元素中。Vue的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统。
2023-03-22 17:08:24
287
原创 Vue3学习笔记（1.0）
因为我们是用空白项目测试的，但是实际中还是要修改一下index.html中引入的css和JavaScript路径，因为是绝对路径，所以我们要改成相对路径。一个应用需要被挂载到一个dom元素中，以上代码使用mount('#hello-vue')将Vue应用HelloVueApp挂载到中。-p, --present《presentName》：忽略提示符并使用已保存的或远程的预设选项。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
2023-03-22 10:59:06
216
原创 jQuery（学习笔记1.0）
("div#intro .head") id="intro" 的 元素中的所有 class="head" 的元素。$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性。还是把另外的方式贴出来吧。$("p.intro") 所有 class="intro" 的 元素。$("p.intro")选取所有class="intro"的元素。$("p#demo")选取所有id="demo"的元素。
2023-03-21 16:53:31
131
原创 JavaScript学习笔记（9.5）
4.时效限制：每个cookie都有时效，默认的有效期是，会话级别：就是当浏览器关闭，那么cookie立即销毁，但是我们也可以在存储的时候手动设置cookie的过期时间。3.读取有域名限制：不可跨域读取，只能由来自写入cookie的同一域名可进行读取。简单的将就是，那个服务器发给你的cookie，只有哪个服务器有权利读取。5.路径限制：存cookie时候可以指定路径，只允许子路径读取外层cookie，外层不能读取内层。数量限制（一般浏览器，限制大概在50条左右）2.单条存储有大小限制4KB左右。
2023-03-21 10:55:36
111
常用镜像下载路径.txt
2020-04-15
cygwin.rar
2020-04-15
PXE预启动执行环境
2018-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人