随笔档案「2021年11月」 - 卡坦菲

Proxy

摘要：Proxy 也就是代理，可以帮助我们完成很多事情，例如对数据的处理，对构造函数的处理，对数据的验证，就是在我们访问对象前添加了一层拦截，可以过滤很多操作，而这些过滤，由你来定义。 1.语法： let p = new Proxy(target,handler); 2.参数: target:需要使用Pr 阅读全文

posted @ 2021-11-30 18:29 卡坦菲阅读(297) 评论(0) 推荐(1)

ES6 Set数据集合和Map数据集合

摘要：一.set数据集合强引用 1.set集合是一种无重复元素的列表，使用new Set()方法创建set集合 * 2和'2'是两个元素，不会隐式转换 let set=new Set(); 2.可以对set进行add()添加，has()查找，delete()删除，clear()清除 3.可以使用for，阅读全文

posted @ 2021-11-29 18:50 卡坦菲阅读(46) 评论(0) 推荐(1)

ES6 对象的新增方法

摘要：1.Object.is()方法来解决" "中一些恒等中的缺点 console.log(+0 -0);//true console.log(Object.is(+0,-0));//false console.log(NaN NaN); //false console.log(Object.is(NaN 阅读全文

posted @ 2021-11-28 10:53 卡坦菲阅读(115) 评论(0) 推荐(0)

ES6数组的扩展改进

摘要：1.Array.of(),弥补Array()的不足以前： let itmes=Array(1,2,3); > [ 1, 2, 3 ] let itmes=Array(3); > [ <3 empty items> ] 使用Array.of()： let itmes=Array.of(3); > [ 阅读全文

posted @ 2021-11-26 16:29 卡坦菲阅读(43) 评论(0) 推荐(0)

node项目配置(追)

摘要：在终端里操作 1.项目初始化 npm inin npm init -y 2.安装包 npm install 包名 --save 范围：项目需要安装 nodemon,koa,koa-router,koa-body 阅读全文

posted @ 2021-11-26 12:03 卡坦菲阅读(43) 评论(0) 推荐(0)

箭头函数(扩展和尾调用)

摘要：1.箭头函数箭头函数:适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 1.基础语法 2.传递两个或者两个以上的参数 3.如果定义的函数，不需要传递参数，可以用()括号方式直接返回 4.如果箭头右边是对象，要用()括号，括着 5.自我执行 2.箭头扩展和尾调用扩展 1.也支持一些内部箭阅读全文

posted @ 2021-11-25 15:08 卡坦菲阅读(131) 评论(0) 推荐(0)

ES6数组和对象的解构

摘要：一.数组解析 1.let info=['dayfly',100,'男']; //数组赋值 let [name,age,gender]=info; //数组解构赋值 let info=['dayfly',100,'男']; [name,age,gender]=info; //数组解构赋值 consol 阅读全文

posted @ 2021-11-24 17:32 卡坦菲阅读(368) 评论(0) 推荐(0)

ES6 全局作用域块级作用域

摘要：作用域：就是作用的范围，指它在函数在哪些范围内可以用，而在其他部分不可以，要用就得重新定义。一.全局作用域用 var 在全局（函数外）声明的所有变量，都具有全局作用域，即网页中所有脚本和函数均可使用 1.如果window对象的内在属性，则输出默认值，而非内置则undefined console. 阅读全文

posted @ 2021-11-24 15:44 卡坦菲阅读(238) 评论(0) 推荐(0)

git 未能顺利结束

摘要：1未获得此仓库的权限，关于仓库的一些问题 2.网上常见的一种：就可能是系统上gitee的密码出现了错误具体方法：在控制中心里找到凭据管理器然后选择windows凭据找到你的gitee，修改正确 3.仓库里有其他人进行了修改，本地未及时更新。需要重新拉取之后再进行提交。阅读全文

posted @ 2021-11-24 14:29 卡坦菲阅读(794) 评论(0) 推荐(0)

node开发环境配置,项目配置

摘要：1.在官网(http://nodejs.cn/download/current/)上下载node 注意：不要下载新版本的，下载旧版本即可 2.打开管理员程序，进行配置 node -v 查看版本 npm -v npm config get registry 查看地址 npm config set r 阅读全文

posted @ 2021-11-24 12:21 卡坦菲阅读(188) 评论(0) 推荐(0)

ES6声明(var let const)

摘要：1.var出了块级区域有效 let出了块级区域无效 var声明具有变量提升能力，无论在哪声明，都视为作用域顶部声明 let不具备，离开作用域后，立刻失效（let适合局部变量，容易掌控不易乱）此刻在区域外的console.log(count);就是无效的 2.var对声明没有限制，同一个var va 阅读全文

posted @ 2021-11-23 15:10 卡坦菲阅读(53) 评论(0) 推荐(0)

v-cloak v-text v-html

摘要：1.当网速慢，请求js是，数据还未显示出，会显示{{msg}} ，通过这个v-cloak，来让{{msg}}先不显示 [v-cloak]{ display: none; } 使用v-cloak 能够解决插值表达式闪烁问题 <p v-cloak> {{msg}} </p> 2.默认v-text是没有阅读全文

posted @ 2021-11-22 17:17 卡坦菲阅读(58) 评论(0) 推荐(0)

回到顶部（gotop）

摘要：1. <div class="footer-gotop" id="gotop"> Back to top </div> 2. $(function() { $("#gotop").click(function() { 当点击跳转链接后，滚动条到0的位置（页面顶部），速度为500 $('html,bo 阅读全文

posted @ 2021-11-22 15:04 卡坦菲阅读(125) 评论(0) 推荐(0)

CSS cursor属性

摘要：值描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针（一只手阅读全文

posted @ 2021-11-18 20:55 卡坦菲阅读(43) 评论(0) 推荐(0)

JS继承

摘要：阅读全文

posted @ 2021-11-17 17:25 卡坦菲阅读(44) 评论(0) 推荐(0)

overflow: hidden

摘要：overflow: hidden;在父元素上设置，子元素就不会超出父元素阅读全文

posted @ 2021-11-16 16:39 卡坦菲阅读(119) 评论(0) 推荐(0)

JS的样式与属性(attributes)

摘要：一.样式 1.通过document.getElementById("id");获取到ID，如果使用document.getElementsByClassName("class");获取之后更改样式，则会报错找不到，需要在其后加上索引值，document.getElementsByClassName( 阅读全文

posted @ 2021-11-15 23:02 卡坦菲阅读(358) 评论(0) 推荐(0)

Animate与wow的使用

摘要：为了实现图片动画到达可视区的动画效果 1.需要animate.min.css wow.min.js资源进行引用 2.wow需要 <script type="text/javascript"> new WOW().init(); </script> 才有效果 3.使用： class="wow anim 阅读全文

posted @ 2021-11-13 13:57 卡坦菲阅读(640) 评论(0) 推荐(0)

在标题栏中添加图标

摘要：<link rel="icon" type="image/x-icon" href="图片路径"/> 阅读全文

posted @ 2021-11-11 11:25 卡坦菲阅读(20) 评论(0) 推荐(0)

属性和样式

摘要：attr attr(属性名) 获取属性值 attr(属性名，属性值) 设置属性没有参数时获取,带参数时设置 html() 获取的是包含html标签的代码 div<span>span</span> text() 纯文本 divspan val() 交互控件(表单控件)的值 "" 在设置时,html 阅读全文

posted @ 2021-11-10 09:30 卡坦菲阅读(45) 评论(0) 推荐(0)

JQ基础

摘要：eq 第几个索引 $("li:eq(2)") gt 大于第几个索引 $("li:gt(2)") lt（小于）前几个索引 $("li:lt(2)") $("li:parent") $("li:has(.span)") 选择器 $("li:contains(列表)") 文本 :first-child 匹阅读全文

posted @ 2021-11-09 08:13 卡坦菲阅读(35) 评论(0) 推荐(0)

Dom

摘要：document.getElementById(); document.getElementsByClassName(); document.getElementsByName(); document.getElementsByTagName(); document.querySelector(); 阅读全文

posted @ 2021-11-05 15:21 卡坦菲阅读(106) 评论(0) 推荐(0)

position属性

摘要：position 属性 position 属性规定应用于元素的定位方法的类型。 position: fixed position: fixed; 的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。 position: absolute; position: absolute; 的阅读全文

posted @ 2021-11-04 17:20 卡坦菲阅读(42) 评论(0) 推荐(0)

正则表达式

摘要：var reg1=/\d/; var reg2=new RegExp("\d"); /* \d 0-9任意一个数字 \D 任意一非字符（大写的跟小写的相反） [] 其中的任意一个字符 12=> [1][2] 或者 12 [^] 非其中的任意一个字符 [^0-9] [a-z][A-Z][0-9][_ 阅读全文

posted @ 2021-11-04 16:23 卡坦菲阅读(34) 评论(0) 推荐(0)

js基本语法

摘要：// number 数值整数和小数 // String 字符串（字符） "" '' // bool true/false // null 没有 // undefined //symbol es6 var a=null; console.log(typeof a); //object:正则，数组对阅读全文

posted @ 2021-11-02 16:20 卡坦菲阅读(56) 评论(0) 推荐(0)

flex-direction属性

摘要：flex-direction属性决定主轴的方向（即项目的排列方向） .box { flex-direction: row | row-reverse | column | column-reverse; } ow（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在阅读全文

posted @ 2021-11-01 18:23 卡坦菲阅读(426) 评论(0) 推荐(0)

display值的作用

摘要：(1) block 块类型。默认宽度为父元素宽度，可设置宽高，换行显示。 (2) none 元素不显示，并从文档流中移除。 (3) inline 行内元素类型。默认宽度为内容宽度，不可设置宽高，同行显示。 (4) inline-block 默认宽度为内容宽度，可以设置宽高，同行显示。 (5) lis 阅读全文

posted @ 2021-11-01 13:40 卡坦菲阅读(120) 评论(0) 推荐(0)