王女士还是青年-CSDN博客

原创内置对象1：Date 日期对象

内置对象：就是指js自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者是最基本而必要的功能（属性和方法）内置对象最大的优点就是帮助我们快速开发Date 日期对象MDN地址：MDN Date日期链接W3C地址：W3C Date链接是一个构造函数，需要 new 来调用，用来处理日期和时间，Date对象基于1970年1月1号起的毫秒var date = new Date()1、使用Date() 没有参数，返回当前系统时间2、参数的常用写法2.1、数字型 2021,12,12

2021-11-26 15:15:55 293 1

原创 js String 字符串方法

字符串所有的方法，都不会修改字符串本身（字符串是不可变的），操作完成会返回一个新的字符串。1、根据字符返回位置1、indexOf()indexOf(‘要查找的字符’,[起始的位置])indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。*indexOf() 方法区分大小写。var str = 'luluwang';str.indexOf('l'); //返回 0 这个没有指定开始的索引值，所以从索引0开始str.indexOf('l'

2021-07-27 10:56:39 226

原创 vue 报错 cannot read property ‘forEach‘ of null

vue报错 “cannot read property ‘forEach’ of null”是因为后台给我返的是null，而我需要的是一个数组解决方法：做了个三元表达式判断，如果res.content === null ? [] : res.content

2021-07-20 19:39:31 1846

原创 vue 父子组件通信

1、父传子通过props 向子组件传递数据在组件中，使用选项props 来声明需要从父级接收到的数据props 的值有两种方式：1、字符串数组，数组中的字符串就是传递时的名称2、对象，对象可以设置传递时的类型，也可以设置默认值等2、子传父通过自定义事件 $emit 向父组件发送消息...

2021-04-01 20:14:06 127

原创 vue v-on

v-on用法：绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。1、没有参数调用的时候，方法没有参数，可以不加()<button type="button" @click="add">+</button>methods:{ add(){ this.counter ++ }}2、有参数1、有参数但是

2021-03-27 13:02:18 108 1

原创 vue 简单指令/Mustache语法

（这几个指令除了mustache，其它的基本用不上）1、Mustachemustache（胡子语法）语法，就是双大括号 {{}}{{}} 里面可以写变量也可以写表达式，也可以简单的运算<h3>{{message}}</h3> <h3>{{firstName}},wang</h3> <!-- 这里 firstName 可变，，wang是固定的--&

2021-03-24 12:28:45 325

原创求 a 和 b 相乘的值，a 和 b 可能是小数，需要注意结果的精度问题

这是牛客网的题目：求 a 和 b 相乘的值，a 和 b 可能是小数，需要注意结果的精度问题输入：3, 0.0001输出：0.0003function multiply(a, b) { // 先把a,b两个数字都变成字符串 var stra = ""+a; var strb = b.toString(); //获取小数位数 // indexOf('.')==-1 就是说明这个字符串中没有点，也就是没有小数 //st

2021-03-15 17:24:55 729 3

原创 javascript match()方法

写这个是因为在牛客做题做到了，然后在解题那边看到的，以前不知道这个方法，所以记录一下。定义和用法match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。（indexOf() 参数是想要查找的元素，返回值如果存在就返回索引号，不存在返回-1）（lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。）//searchv

2021-03-14 16:53:55 949

原创 javascript 数组去重

var arr = [1, 2, 3, 5, 2, 6, 7, 8, 10];var arr2 = arr.filter((value, index, self) => self.indexOf(value) === index);console.log(arr);console.log(arr2);

2021-03-10 20:49:26 102

原创 javascript 对象

对象：js中对象分为三种：自定义对象、内置对象、浏览器对象是一个具体的事物；在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等；对象是由属性和方法组成的：1、属性事物的特征，在对象中用属性来表示（常用名词）2、方法事物的行为，在对象中用方法来表示（常用动词）1、创建对象的三种方式1、字面量创建对象对象字面量：用花括号 {}里面包含了表达这个具体事务（对象）的属性和方法里面的属性和方法采用键值对的形式：属性名

2021-03-10 16:39:50 75

原创 javascript 数组的方法

1

2021-03-08 22:35:05 224

原创 git commit 报错pathspec ‘commit‘‘ did not match any file(s) known to git

用git提交的时候，报错pathspec 'commit'' did not match any file(s) known to git后来发现用单引号提交报错，改成双引号就成功了git commit -m "first commit"

2021-03-08 16:08:18 6636 5

原创 javaScript 运算符

1、运算符JS常用运算符1、算术运算符+ - * / %(取余/取模返回除法的余数)浮点数的精度问题浮点数的最高精度是17位小数，但是在进行计算时其精度远不如整数，所以不要直接判断两个浮点数是否相等表达式和返回值1、表达式由数字、运算符、变量等以能求得数值的意义排列方法所得的组合（就是由数字、运算符、变量等组成的式子）表达式最终都会有一个结果，返回给我们，称为返回值例如： 1 + 1 是一个算术表达式在程序里面，是把右边的表达式计算完了返回值给左边例如： 2 = 1 +

2021-03-06 23:41:18 51

原创 js 变量、属性、函数、方法的区别

1、变量和属性的相同点都是用来存储数据的2、变量单独声明并赋值，使用的时候直接写变量名，单独存在3、属性在对象里面不需要声明，使用的时候必须要对象.属性名4、函数和方法的相同点都是实现某种功能，做某件事5、函数是单独声明，并且调用的函数名() 单独存在的6、方法在对象里面，调用的时候对象.方法名()...

2021-03-06 22:45:34 222

原创 js笔记浅拷贝和深拷贝

1、浅拷贝浅拷贝只拷贝一层，更深层次对象级别的只拷贝引用(就是只拷贝地址)1、原生js方法的浅拷贝<script>var obj = { id:1, name:'andy', // msg是一个对象，对象会在内存中新开辟一个空间，存放age:18； // 浅拷贝只是把msg的地址拷给了o,这个地址指向的还是原来的obj里面存的数据，所以对象o里面和对象obj里面的msg指向的是同一个数据 // 如果此时修改了o里面的msg，也会影响o

2021-02-22 18:56:02 81

原创 js笔记闭包（Closure）

1、变量作用域1、全局变量 1、函数内部可以使用全局变量 2、函数外面是不可以使用函数内的局部变量 3、当函数执行完毕，本作用域内的局部变量会销毁2、局部变量 1、函数内部的就是局部变量2、闭包closure闭包指有权访问另一个函数作用域中变量的函数。( 就是一个作用域可以访问另一个函数内部的局部变量。)如果一个函数内部有一个局部变量a，别的作用域b（不管是全局作用域还是局部作用域）都可以访问到这个局部变量a,此时就会有闭包产生。那么这个变量a 所在的函数就称

2021-02-22 16:48:34 102

原创 js笔记高阶函数

1、高阶函数高阶函数是对其它函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。（满足这两个条件之一就是高阶函数）（也就是如果一个函数A，它在接收参数的时候，传递过来的参数是一个B函数,那么A函数就是高阶函数）1、函数作为参数<script> //（常见的就是回调函数） function fn(callback) { //这个fn() 函数接收的参数是一个函数，此时这个fn() 就是一个高阶函数了 callback

2021-02-21 14:28:47 264

原创 js笔记 this关键字

1、函数内的this 指向这些this的指向，是当我们调用函数的时候确定的，调用方式的不同决定了this的指向不同一般指向调用者调用方式 this指向普通函数调用 window 构造函数调用实例对象，原型对象里面的方法也是指向实例对象对象方法调用该方法所属对象事件绑定方法绑定事件对象定时器函数 window 立即执行函数 window...

2021-02-21 13:47:19 106

原创 js 防抖函数

debounce (func, delay) { let timer = null return function (...args) { if (timer) clearTimeout(timer) timer = setTimeout(() => { // this, func.apply(this, args) }, delay) } }

2021-02-15 22:13:10 140

原创长度过滤和日期格式过滤器

长度过滤和日期格式过滤器 filters: { lengthFilter(value) { if (!value) return ''; if (value.length > 12) { return `${value.slice(0, 10)}...`; } return value; }, dataFormate(originVal) { const dt = new Date(originVa

2021-01-26 13:44:16 118

原创 css 盒模型

1 、标准盒模型box-sizing: content-box;属性width,height只包含内容content，不包含border和padding。（这句话的意思就是，写的宽高是多少，盒子的内容就是多少，要是加了边框和内边距，那这个盒子就会变大，不会去挤压内容的大小。）2、怪异盒模型（ie盒模型）box-sizing: border-box; <style> .box1 { box-sizing: content-box;

2020-12-24 21:14:40 127

原创 css 水平垂直居中

1、flex 方式有效的代码是这三行，这样的话就是在主轴上和交叉轴上都是居中的，实现了水平垂直居中，这种方式应该是几种里面最简单的，而且是弹性布局，不需要知道宽高。不过这个是有兼容性的问题，老版本的IE不要用。flex布局不知道的话可以看一下菜鸟的那个教程，这是网址，根据它的解释，有什么不懂得点查一下基本就行了。https://www.runoob.com/w3cnote/flex-grammar.htmldisplay: flex;justify-content: center;align-i

2020-12-24 19:01:59 118 1

原创 VUE v-for 遍历数组/对象

v-for1、v-for 遍历数组 <div>  <ul>   <li v-for="item in names

2020-12-15 21:16:37 11035

原创 JavaScript 数据类型

1、数据类型 1、js的变量数据类型是只有根据程序在运行过程中，根据等号右边的值来确定的。 2、js是动态语言，变量的数据类型是可以变化的，如果后面赋值的是其它的数据类型，它就会改变数据类型； 2、数据类型的分类： 1、简单数据类型简单数据类型又叫做基本数据类型或者值类型，在存储时变量中存储的是值本身，因此叫值类型； ...

2020-12-13 21:36:01 102

原创 JavaScript 鼠标事件 mouseEvent

鼠标事件 mouseEvent这个是有兼容性的问题的，还是低版本IE不支持e.pageX返回鼠标相对于文档页面的X坐标，会跟随页面的滚动而获得新坐标，就是在浏览器窗口大小没有变化的前提下，滚动了页面，就算是相同的物理地址再次点击，也会获得不一样的鼠标坐标e.pageY返回鼠标相对于页面的Y坐标，会跟随页面的滚动而获得新坐标，就是在浏览器窗口大小没有变化的前提下，滚动了页面，就算是相同的物理地址再次点击，也会获得不一样的鼠标坐标e.clientX返回鼠标相对于浏览器窗

2020-11-28 11:51:36 1252

原创 cnpm 命令无反应

cnpm用不了，检查node和npm都没有问题，用npm init --y也可以初始化一个package.json文件，但是用cnpm init --y就不行，试了一圈，最终在命令行npm config set registry https://registry.npm.taobao.org然后删除.npmrc文件，这个文件在C盘的用户文件夹下面...

2020-11-27 21:56:57 279

原创 git 常用命令

1、配置git config --global user.name 提交人姓名git config --global user.email 提交人邮箱这个global可以简写为–g，是全局配置，如果写错了直接重新写就覆盖了原来的配置。2、查看版本git --version3、初始化git init 4、查看文件状态git status5、添加git add 文件名这是添加单个文件git add [dir]添加指定目录到暂存区git add .添加当前目录的所有文

2020-11-10 21:35:13 88

原创 Date对象的方法

dt.getFullYear(); //年 dt.getMonth(); //月----从0开始 dt.getDate(); //日 dt.getHours(); //小时 dt.getMinutes();//分钟 dt.getSeconds();//秒 dt.getDay();//星期...

2019-07-27 21:18:45 163

原创 JS 冒泡排序

// 冒泡排序：把所有的数据按照一定的顺序进行排列（从大到小排列） var arr = [10,20.3,4,5,8,100]; // 用循环控制比较的轮数 for(var i = 0; i<arr.length-1;i++){ //比较的轮数比arr.length少1，因为arr[0]不用跟自己比较 ...

2019-07-09 20:35:36 70

原创 JavaScript while和do-while循环

while循环语法：var 变量 = 0；while(循环的条件){循环体；}执行过程:先判断条件是否成立，如果是false，大括号里面的代码都不执行；如果是true，执行循环体；然后进入新的一轮循环，判断条件是否成立，成立就继续执行循环体，不成立则跳出循环；以此往复；例子： // 计算1-100的和 var i = 1; var su...

2019-07-02 16:24:07 425

原创 JavaScript-----if/if-else/if else if、switch、三元表达式

一、if语句1、if语句是分支语句，主要是用来判断语法：if(表达式){代码块}执行过程：先判断表达式的结果是true还是false，如果是true则执行代码块，如果是false，不执行 var num1 = 10; var num2 = 20; // 当num1小于num2为true时，大括号内的代码执行，输出10 if...

2019-06-23 00:13:49 195

原创 JS的三种类型转换数字/字符串/Blooean

一、其他类型转数字类型有三种方式：1、转整数 parseInt(string, radix); （string必须填，radix可以不写，radix是表示要解析的数字的基数，该值介于 2 ~ 36 之间,就是二进制，八进制，十进制，十六进制那些。）解析一个字符串并返回一个整数数字，是从第一个字符开始判断是不是数字，如果是数字则继续第二个字符，一直到不是数字为止。如果第一个字符就不是数...

2019-06-19 16:53:14 1152

原创 HTML\CSS\JS的注释

注释后的的内容是不显示的，注释要写的规范一点，因为注释是写给别的程序员看的，乱写的话后期自己都可能看不懂，所以规范写注释，多写注释，但是要简明扼要的写HTMLhtml的单行注释和多行注释是一样的，都是  <!-- 单行或者多行 ...

2019-06-14 08:37:44 382

原创变量的交换

// 变量的交换的第一个思路：使用第三方的变量进行交换 var num1 = 10; var num2 =20; // 把num1这个变量的值取出来放在temp变量中 var temp = num1; // 把num2的这个变量的值取出来放在num1变量中 ...

2019-06-13 14:49:58 414

原创 Input的属性值

Input一般配合label使用name属性是规定input元素的名称，还有用于提交到服务器后的表单数据进行标识，以及在客户端通过JS引用表单数据。TEXTtext是最常用的一个属性值，这是定义单行文本的，默认宽度是20个字符，要是需要写多行文本用textarea。PASSWORDpassword定义密码，是掩码。显示出来是这样，就是我们平时输入密码的状态BUTTONbut...

2019-05-23 11:45:00 1548

ZhaojunWang的博客