十七同志-CSDN博客

原创 npm 命令的简写，以及-d、-g、-s后缀的区别，和packages.json文件中dependencies和devDependencies的区别

npm 命令的简写，以及-d、-g、-s后缀的区别，和packages.json文件中dependencies和devDependencies的区别

2024-07-27 14:24:57 778

原创 vue3 命令运行窗口暴露网络地址，以及修改端口号

这里加上 --host 可以暴露网络地址，再加上 --8080 就可以将端口号修改为8080（修改为其它的当然也可以）一般情况下这里的地址是隐藏的。

2024-07-26 19:39:33 295

原创 vue2 $set 后期添加响应式数据的问题，使用vm.$set()

/ [ "tom", "lucy", "james", "tim" ] （视图改变说明是响应式数据）//tom (打印出来是tom，说明数据已经改变，但是视图未改变，不是响应式的)不能直接给vm / vm.$data 追加响应式属性。通过数组的下标去修改数组中的元素，默认情况下是没有添加响应式处理。后期给Vue实例vm动态的追加的一些属性，不会添加响应式处理。在Vue当中，通过以下的7个方法来给数组添加响应式处理。// （视图改变说明是响应式数据）// （视图改变说明是响应式数据）

2024-05-27 11:34:02 603

原创 vue2 自定义指令

在directives这个配置项内，可以定义多个自定义指令，与data同级v- 不需要写Vue官方建议，指令名都小写，如果是多个单词，用‘-’连接指令名:回调函数只是配置项的写法不一样，为全局配置写法，写在Vue实例上面，其它和局部自定义属性一样。

2024-05-27 11:30:19 343

原创 vue2 v-model 绑定不同的表单元素，绑定不同表单元素的属性

【代码】vue2 v-model 绑定不同的表单元素，绑定不同表单元素的属性。

2024-05-14 16:48:20 613

原创 vue2 指令修饰符

所谓指令修饰符就是通过“.”指明一些指令不同的后缀，封装了不同的处理操作，目的是为了简化代码。

2024-05-14 16:47:41 203

原创 css reset.css 样式重置表，重置样式

html标签有默认样式，会在我们自己写样式时造成影响，一般需要重置样式，这里提供了样式重置表，复制成css文件，引入到要使用的项目中即可。

2024-05-13 14:28:32 233 2

原创 vue2 报错，警告解决方法 component name“Index“should always be multi-word

组件名称应该为俩个或俩个以上单词组成的，并且还要是大驼峰命名，例如：MyIndex，MyLogin等。

2024-05-13 14:22:03 668

原创 vue2 八大组件通信，父子通信，跨层级通信，事件总线，vuex等

组件通信，就是指组件与组件之间的数据传递组件的数据是独立的，无法直接访问其他组件的数据想使用其他组件的数据，就需要组件通信组件上注册的一些自定义属性。

2024-05-11 11:41:30 1255 1

原创 vue2响应式原理，数据劫持，数据代理，Object.defineProperty()方法

data中数据通过各种逻辑和封装变成_data,从而去监测data数据的变化，一旦发现data中数据变化了，_data就去修改页面，这个过程通过Object.defineProperty实现，叫数据劫持。

2024-05-11 11:32:41 938 2

原创 vue2 14个指令详解，v-bind操作style，v-bind操作class，以及v-bind动态绑定图片地址不生效的问题

用v-on给表单控件绑定数据，此时数据是单向的，修改input的值data里面的数据不会发生变化，我们可以给输入框绑定input事件，给单/复选框、下拉框绑定change事件，触发事件时通过事件对象$event，拿到表单控件的值，然后赋值给data的数据，实现双向绑定。在 Vue 中使用动态绑定图片地址时，如果你使用相对路径，并且是在构建后的环境中（比如通过 webpack 或其他打包工具打包后部署到服务器上），可能会遇到路径解析不正确的问题。所在的元素会保持隐藏状态，直到Vue实例编译结束，

2024-05-08 13:55:12 1137

原创 vue2 报错、警告，记录解决方法 Parsing error: No Babel config file detected for ...... 禁用eslint babel文件检查

如果eslint配置在.eslintrc.js 中，进入.eslintrc.js文件，将 "requireConfigFile": false 复制到parserOptions对象里面，禁用eslint文件检查即可。如果eslint配置在package.json中，进入package.json文件，将 "requireConfigFile": false 复制到parserOptions对象里面，禁用eslint文件检查即可。解析错误:未检测到 Babel .config.js的Babel配置文件。

2024-05-08 12:05:15 918

原创 vue cli 自定义项目架子，vue自定义项目架子，超详细

main.js// 引入vue，相当于引入vue.js，此处引入的vue.js是缺失版本，缺失缺失模板编译器，平时不用，最后打包的时候采用// 导入根组件// 关闭生产提示信息// 导入插件// 注册插件// 创建实例// render函数会被自动调用，被调用的时候，会自动传入一个参数，这个参数可以用来创建元素});// 为true，对于低级浏览器，会把node_modules里用得到的高级语法进行babel编译。

2024-05-06 11:53:50 976

原创 lint 代码规范，手动修复，以及vscode的第三方插件eslint自动修复

不是语法规范，是一种书写风格，加多少空格，缩进多少，加不加分号，类似于书信的写作格式ESLint:是一个代码检查工具，用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。在创建项目时，我们使用的是代码风格的规则，目前Standard的代码风格用的比较多建议把Standard代码规范看一遍，然后在写的时候, 遇到错误就查询解决。

2024-05-06 11:47:15 1116 1

原创 html、css、QQ音乐移动端静态页面，资源免费分享，可作为参考，提供InsCode在线运行演示

分享链接：GIF动图演示：InsCode在线运行演示：

2024-04-15 09:15:09 494

原创 html、css、京东移动端静态页面，资源免费分享，可作为参考，提供InsCode在线运行演示

分享链接：GIF动图演示：InsCode在线运行演示：

2024-04-15 09:05:47 546

原创 Javascript 回调函数、Promise 和 async/await

在JavaScript中，回调函数（Callback Function）是一个非常重要的概念，它允许你传递一个函数作为参数到另一个函数中，并在需要的时候由另一个函数来调用它。为了克服回调函数的缺点，JavaScript引入了Promise对象和async/await语法，它们提供了更简洁、更易于理解的方式来处理异步操作和回调函数。尽管Promise和async/await提供了更现代的解决方案，但在某些情况下，回调函数仍然是必要的和有用的。在异步操作中，回调函数特别有用，比如使用。

2024-04-11 16:58:28 341 1

原创 ES6 全详解 let 、 const 、解构赋值、剩余运算符、函数默认参数、扩展运算符、箭头函数、新增方法，promise、Set、class等等

ECMAScript 6.0，简称 ES6，是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

2024-04-11 16:55:30 945

原创 javascript this指向和改变this指向的call、apply、bind三个方法

1、全局作用域下 window2、普通函数 window3、立即执行函数IIFE window4、严格模式，全局作用域中的this指向5、对象中的方法中的this谁调用指向谁（指向调用它的这个对象）6、注册事件，指向事件源（给谁注册的事件就指向谁）

2024-04-10 11:12:31 690

原创 javascript，DOM事件，传统事件和事件监听详解

js、javascript、DOM事件，传统事件和事件监听详解

2024-04-10 11:06:48 774

原创小米商城静态页面，提供InsCode在线运行查看，提供免费资源包的下载，可作为参考

目前只有俩个页面，首页和登录页，静态页面，欢迎讨论和意见的交流，后续有时间也会发其它的静态页面

2024-01-31 14:59:13 490

原创 html、css华为商城静态页面，提供InsCode在线运行查看，提供免费网页资源包的下载，可作为参考

俩个页面，首页和登录页，静态页面，欢迎讨论和意见的交流，后续有时间也会发其它的静态网页

2024-01-31 14:40:40 362

原创 html+css 浮动、清除浮动、什么是BFC？、如何开启BFC

如果给上边的元素设置浮动时，下边的元素就会跑到上边元素的位置上，上边元素会覆盖住下边的元素（原因是上面的元素已经脱离了文档流，不占据位置）浮动的元素并不是根据上下排列的顺序来设置左右浮动，每个元素可以任意设置浮动位置。元素也会脱离文档流，虽然可以撑开父元素，但是会导致父元素的宽度丢失。以后，元素会变成一个独立的布局区域，不会在布局上影响到外面的元素。脱离文档流的元素，默认在父元素的顶部，不会超出父元素的内容。无论浮动的元素是右还是左浮动，下面的元素都会默认朝左上角。

2024-01-12 09:14:05 1379

原创 html+css 文本样式常用属性集合和总结

注意 vertical-align 只对行内元素、行内块元素和表格单元格元素生效、不能用它垂直对齐块级元素。父元素如果不设置高，由图片撑开，此时图片的底部就会有三像素的空白。可以设置单词之间的距离，只要字符之间有空格分隔就算做单词。文本阴影（shadow是阴影的意思，blur模糊的意思）解决方式三：给父元素设置font-size为0。指定一个正值时，会自动向右侧缩进指定的像素。指定一个负值，则会向左移动指定的像素,可以用来设置文本的修饰。用于设置文本的对齐方式。设置元素垂直对齐的方式。

2024-01-09 11:03:51 544

原创 html+css 对input的使用以及详解

结合使用（alt 属性表示图片未正常显示时，用于替换图片的提示；如果不写这个属性，当图片未正常显示时，会默认显示。默认情况下，文件上传表单控件只能上传一个文件，添加 multiple 属性可以实现文件多选功能。属性，点击它提交表单后，会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器。属性的值表示的是输入框中显示的初始值，此初始值可以更改，并且在提交表单时，属性的值会发送给服务器（既是初始值，也是提交给服务器的值）属性的值表示的是按钮上显示的文本。属性的值表示的是提交给服务器的值。

2024-01-05 00:15:00 1983

原创 html+css 有关于less的使用和全面解释

公共样式文件，可以将多个less文件导入到一个less文件中，以减少在。VS Code 插件：Easy LESS，保存。表示当前选择器，不会生成后代选择器，通常配合。文件导入到一个less文件中，已经导入的。代码，目前阶段，网页要引入对应的。文件时只有块注释可以被解析进入。作用：存储数据，方便使用和修改。加、减、乘直接书写计算表达式。提示：文件夹名称后面添加 /文件时行注释无法被解析进入。作用：快速生成后代选择器。使用场景：默认情况下一个。文件后自动生成对应的。/* 注释内容 */概念：容器，存储数据。

2024-01-04 09:38:07 894

原创 html中的form表单以及相关控件input、文本域、下拉select等等的详细解释，点赞加关注持续更新~

表单、创建表单form、input 标签、input标签的value属性、设置input标签格式、单选框、多选框、上传文件、下拉菜单、文本域、设置文本域格式、label 标签、按钮

2024-01-03 19:25:08 4233

原创对html骨架的详细解释

文档声明告诉浏览器我们写的代码是按照html文档类型来写的，浏览器在编译代码时，也要按照html规范来编译，防止出现怪异模式。body标签是书写网页主体内容，用户看到的所有内容文字，图片，音视频等等都写在body。网站的标题,可以帮助推广部门进行网站推广，非常重要，一般具体内容都是推广部门来定的。开始标签和结束标签中间，lang="en"向搜索引擎表示语言为英文的网站。html根标签，一个页面就一个根标签所有的内容都要写在根标签。head标签帮助浏览器编译代码，里面的内容，用户一般看不到。

2024-01-02 20:13:18 636

原创 html和css的一些问题总结以及面试题，点赞加关注持续更新~

外边距重叠就是 margin-collapse。折叠外边距 :在 CSS 当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。解决外边距重叠的问题：开启元素的BFC属性，在元素的前面加一个空的table?标准的 W3C 盒子模型模型，css为了更好的布局，将页面中所有的元素形状都统一为矩形。盒模型包括四个方面：内容、内边距、边框、外边距（不计入盒子实际大小）标准模式页面按照HTML,CSS的定义渲染，

2023-12-07 15:21:51 1183

原创 JavaScript 手写防抖节流以及应用演示，点赞加关注持续更新~

防抖的应用演示，持续的事件触发停止时，执行最后一次节流的应用演示，持续的事件触发，每隔一段相同的事件触发一次防抖和节流的演示代码已上传至Incode，可以直接从文章顶部去运行。

2023-12-05 20:30:03 1200 2

原创 Javascript 一些常用的Object静态方法，点赞加关注持续更新~

一个由给定对象自有的可枚举字符串键属性的键值对组成的数组。每个键值对都是一个包含两个元素的数组：第一个元素是属性的键（始终是字符串），第二个元素是属性值。如果目标对象与源对象具有相同的[键（属性名），则目标对象中的属性将被源对象中的属性覆盖，后面的源对象的属性将类似地覆盖前面的源对象的同名属性。静态方法将一个或者多个源对象中所有可枚举的自有属性复制到目标对象，并返回修改后的目标对象。静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。一个由给定对象自身可枚举的字符串键属性键组成的数组。

2023-12-04 11:31:49 1031

原创 Javascript中的深拷贝和浅拷贝，点赞加关注持续更新~

浅拷贝：拷贝的是地址，对于简单数据类型是直接将值复制一份给接受变量，但是对于复杂数据类型还是将地址传过去，对于含有对象的对象，浅拷贝就会出问题 (简单理解：如果是单层对象，没问题，如果有多层就有问题)上面中的代码就发现了问题，改变浅拷贝后对象的属性值，不会影响原对象。但是改变对象中的对象的属性值，会影响原对象。需要注意的是，如果源对象的某个属性同名于目标对象已有的属性，那么，该属性将不会被复制到目标对象中。是一个用于将所有可枚举的自身属性从一个或多个源对象复制到目标对象的方法，返回目标对象。

2023-12-02 23:52:00 1071 1

原创 Javascript 中的正则表达式的使用，点赞加关注持续更新~

在JavaScript中，正则表达式被定义为一个对象，可以通过正则表达式的字面量或者使用RegExp构造函数来创建// 字面量方式创建正则表达式// 使用RegExp构造函数创建正则表达式。

2023-12-01 19:33:27 571 1

原创 JavaScript 整理了一些常用的字符串方法，点赞加关注持续更新~

返回从 start （包括）到 end（不包括）之间的字符，start、end均为非负整数。若结束参数(end)省略，则表示从start位置一直截取到最后。indexOf()

2023-11-30 15:44:28 713

原创 JavaScript+HTML+css制作的简单成绩管理系统点赞加关注，案例持续更新~

最终实现了一个简单的成绩管理系统，用户可以通过表单添加成绩数据，并在表格中显示出来，同时也可以删除某个成绩数据。实现了一个成绩管理系统的基本功能，包括添加、删除成绩、计算总分平均分并渲染到页面中。

2023-11-22 17:22:55 687

原创 JavaScript 整理了27个常用数组方法，点赞加关注内容持续更新~

2、数组排序sort方法方法是数组对象的一个方法，用于对数组的元素进行排序。这个方法会改变原数组的顺序。默认情况下，方法按照字符串Unicode码点顺序进行排序。也就是说，它把每个元素都转换成字符串，然后按照每个字符串的Unicode编码顺序进行排序。如果你想按照自定义的规则进行排序，你可以提供一个比较函数作为方法的参数。这个比较函数应该接收两个参数，如果第一个参数应该排在第二个参数前面，那么比较函数应该返回一个负数。如果两个参数相等，那么比较函数应该返回0。如果第一个参数应该排在第二个参数后面，那

2023-11-20 22:41:55 279 1

空空如也

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

TA关注的人

华为商城pc端网页，资源包

小米商城pc端网页的精细模仿，可在文章顶部inscode在线运行查看，也提供了资源包的下载

html、css qq音乐移动端静态页面

html、css 京东移动端静态页面

Java Script制作网页实时时钟，时间与现在的实际时间一致（提供源码和资源下载）

Java Script实现对王者荣耀英雄画像的输出，（提供源码和素材） 点赞加关注，经典案例持续更新~

用html和css制作师徒四人西天取经动画（提供源码+素材）

空空如也

Java Script实现对王者荣耀英雄画像的输出，（提供源码和素材）点赞加关注，经典案例持续更新~