2021年02月_meichaoWen

原创【ES6】字符串新增的一些内容以及应用

新增两个新方法stratsWith( ) 检测字符串是否以指定的前缀开始endsWith( ) 检测字符串是否以指定的后缀结尾startsWith let str = 'http://www.baidu.com' if(str.startsWith('https://')){ console.log('加密网址') }else if(str.startsWith('http://')){ console.log('普通网址') //

2021-02-25 20:17:55 89

原创【ES6】数组新增的四个方法 map reduce filter forEach

map 映射，一个对一个map( ) 方法按照原始数组元素顺序依次处理元素，返回一个新数组，数组中的元素为原始数组调用函数处理后的值。不改变原始数组。 let arr = [10,20,30,40] let newArr = arr.map((item, index, args) => { //当前元素、位置、原始数组本身 console.log(item, index, args) //会执行 arr.length 次 return i

2021-02-23 22:51:44 167

原创【ES6】关于解构赋值的基本用法

解构赋值1、左右两边结构必须一样（数据类型、个数）2、右边必须是个东西（语法无误）3、声明和赋值不能分开（必须在一句话里完成） let arr = [1,2,3] let a = arr[0] let b = arr[1] let c = arr[2] console.log(a,b,c) //1,2,3解构赋值 let [a,b,c] = [1,3,5] console.log(a,b,c) //1，3，5实例1.

2021-02-22 11:36:34 274

原创【ES6】函数的参数扩展、数组展开、以及默认参数

参数扩展 function show(a, b, ...args){ console.log(a) // 3 console.log(b) // 4 console.log(args) // [5, 7, 8] 是个数组，Rest parameter 剩余参数 } show(3,4,5,7,8)...args 用于收集剩余参数...args 必须放在参数末尾，否则报错：Rest parameter must be last

2021-02-22 09:45:26 183

原创【ES6】箭头函数的基本用法

箭头函数箭头函数和原来相比，只是写法上的改进：1、如果只有一个参数，（）可以省2、如果只有一个 return，{ } 可以省 function show(){ } let show = () =>{ }实例1、省略( ) 和 { } let show = function(a){ return 2*a } let show = a => 2 * a //如果只有一个参数，().

2021-02-20 14:10:29 526

原创【ES6】变量 let 以及 const

var的缺点1、可以重复声明 var a = 12 var a = 5 alert(a) //52、无法限制修改（没有常量） var a = 12 a = 5 alert(a) //53、没有块级作用域 if(true){ var a = 5 } alert(a) //5不可重复声明 let、constIdentifier 'a' has already been declared

2021-02-19 17:31:22 93

原创【JavaScript】正则表达式的应用

两种写法 //var re = new RegExp('a') //js风格 var re = /a/ //perl风格 var str = 'abcdef' alert(str.search(re))忽略大小写 ivar re = new RegExp('a', 'i') //js风格var re = /b/i //perl风格实例：挑出字符串里的数字 var str = '33 uu8798 i09 ij--879pp 99' a.

2021-02-17 15:52:50 102 1

原创【String】关于字符串的一些操作

search 查找 var str = 'abcdefg' alert(str.search('a')) //0 如果存在返回在字符串中的位置 alert(str.search('h')) //-1 如果不存在返回-1substring 字符串截取 var str = 'abcdefg' alert(str.substring(0, 4)) //abcd 不包含结尾 alert(str.substring(1)) //bcdefg 传一

2021-02-17 13:13:22 149 2

原创【JavaScript】原生js里的Cookie用法

cookie：页面用来保存信息，同一个网站的所有页面共享一套cookie（同一个域名），数量、大小有限，有过期时间。cookie的使用 var oDate = new Date() oDate.setDate(oDate.getDate() + 8) document.cookie = "pass='123'; expires=" + oDate //设置cookie数据和失效日期封装成函数 function setCookie(name, value, .

2021-02-15 21:40:18 224

原创【JavaScript】原生js中BOM的应用

打开、关闭窗口window.open window.onload = function(){ var oBtn = document.getElementById('btn1') var oTxt = document.getElementById('txt1') oBtn.onclick = function(){ var oWin = window.open("about:blank","_blank") //网址、

2021-02-13 19:39:44 140

原创【JavaScript】用JSON方式实现面向对象，以及面向对象中的继承

用json方式实现面向对象 var json = { inin: function(){ this.showAge(), this.showName() }, name: 'wen', age: 28, showName: function(){ alert(this.name) }, showAge: funct

2021-02-10 14:50:46 259 2

原创【JavaScript】用面向对象来实现选项卡实例

面向过程的实现方式 window.onload = function(){ var oDiv = document.getElementById('div1'); var oBtn = oDiv.getElementsByTagName('input'); var aDiv = oDiv.getElementsByTagName('div'); for(var i = 0; i < oBtn.length; i++){

2021-02-09 15:04:17 200

原创【JavaScript】原生js内容之面向对象工厂模式优化

工厂模式 function createPerson(name, qq) { //构造函数-工厂方式 var obj = new Object() //原料 //加工 obj.name = name obj.qq = qq obj.showName = function () { alert(this.name) } obj.showQQ = function

2021-02-08 14:48:01 120

原创【JavaScript】原生js之如何理解面向对象

面向对象：就是不知道原理是什么，知道如何使用功能特征1、抽象，抽 -> 把主要的特征、跟问题相关的特征抽出来2、封装，看不到里边的内容，用好表面的功能就可以了3、继承，从父类继承方法和属性，子类又有一些自己的特性。继承的目的是最大可能性的重用代码。多重继承：多个父类；多态：～组成属性。属性和变量的区别：变量是自由的、属性是属于一个对象的方法。方法和函数的区别：函数是自由的、方法是属于一个对象的属性<script> var...

2021-02-08 00:59:01 136

原创【Git】merge 操作出错想回退怎么办

硬还原git reset --hard [commit-id]注意事项：注意备份，执行这个命令，会将本地所有未提交的代码都还原了。

2021-02-07 00:36:25 621

原创【Mac】如何显示文件夹内隐藏文件

Command+Shift+ . 可以显示隐藏文件、文件夹，再按一次，恢复隐藏finder内 Command+Shift+G 可以前往任何文件夹，包括隐藏文件夹

2021-02-05 11:59:15 144

原创【Vue】运行项目报错npm ERR! missing script: dev

问题原因配置问题，没有 dev 这个命令属性解决办法执行 npm run serve报错：node_modules/.bin/vue-cli-service: Permission denied解决方案直接删除node_modules文件夹，然后重新 cnpm install，再npm run serve...

2021-02-05 00:27:28 329

原创【JavaScript】用原生js如何写ajax请求

变量和属性alert(a) //报错 a is not definedalert(window.a) //undefined全局变量是 window 的一个属性未定义的变量，使用会报错未定义的属性，使用时值是 undefinedajax 请求function ajax(url, fnSucc, fnFaild) { //1、创建Ajax对象 if (window.XMLHttpRequest) { var oAjax = new XMLHttpRequest()

2021-02-04 01:59:28 487

原创【JavaScript】ajax的基础知识以及缓存和提交数据的方式

Ajax就是让 JS 可以读取服务器上的数据。字符集编码：gb2312(中文乱码) / utf-8缓存: 缓存的工作原理是通过 URL 来缓存的，同一个地址读取一次。实例1、避免缓存<script> window.onload = function(){ var oBtn = document.getElementById('btn') oBtn.onclick = function(){ ajax('aaa..

2021-02-03 00:44:57 124

原创【JavaScript】原生js实现带框拖拽和自定义滚动条

带框拖拽<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #div1 {width: 100px; height: 100px; background-color: ye

2021-02-01 22:15:56 320

Owen的博客