- 博客(25)
- 收藏
- 关注
RSS订阅原创 JavaScript DOM属性和HTML特性
DOM属性DOM属性名大小写 “敏感”DOM属性是一个DOM对象的属性如document.body.tagName 就是DOM属性DOM属性不总是字符串类型，style属性是对象,input.checked 是booleanHTML 特性<input value="123" about="321">HTML特性名大小写 “不”敏感这里的value和about都是HTML特性，在生成DOM对象时，类似value,id这种标准的HTML特性会被解析成DOM属性，而about这种不标
2022-06-19 12:46:14
153
原创 如何写自定义注解
注解（Annotation），也叫元数据。一种代码级别的说明。它是JDK1.5及以后版本引入的一个特性，与类、接口、枚举是在同一个层次。它可以声明在包、类、字段、方法、局部变量、方法参数等的前面，用来对这些元素进行说明，注释。注解给谁用？注解本质上就是一个接口，该接口默认继承Annotation接口元注解元注解是用来描述注解的注解（作用在注解上）@Retention：描述注解被保留的阶段@Retention(RetentionPolicy.RUNTIME)：当前被描述的注解，会保留到class字节码文
2022-06-15 21:01:42
260
原创 JS 错误处理
错误处理try catch、流程执行try内的代码未发生错误，直接结束发生错误，控制流转向catch，执行catch内代码try catch解决的是runtime errors，解决的是有效代码的错误，有时候被称为exceptions 异常。如果是在parse-time，解析事件出现的错误，则引擎无法理解代码，无法恢复。parse-time=>runtime针对scheduled 定时任务的异常处理如果定时任务在try 中try{ setTimeout(fu
2020-07-30 16:48:34
297
原创 JS:Promise Part1
JS:Promise Part1回调函数用于异步的请求如花费一定时间加载一个脚本，在脚本加载完毕后调用回调函数，以此通知脚本加载完毕。但是在异步的代码下面的代码，不会等待加载完毕才执行，而是会立即执行。这可能会出错，因为脚本还没有加载，因此将下面依赖脚本的代码加入到脚本的加载完成的回调中，这样执行顺序的问题就解决了。加载多个脚本加载多个脚本，则每一个脚本的加载过程都写在上一个脚本的加载的回调函数里，这样保证加载顺序。但这样的嵌套写法对于多个脚本（行为）比较复杂，可读性差。error处理加载脚
2020-07-30 16:47:03
118
原创 JavaSrcript 作用域链，词法环境和闭包
定义JavaScript 中 内部函数总是可以访问外部函数的变量和参数，即使是在外部函数在return 返回（生命终结）之后前提：词法环境Lexical Environment对于代码块{},函数，以及整个js脚本，都有一个对应的词法环境，是一个我们无法通过代码进行访问的对象，这个对象的属性就是我们在其内部定义的变量。这个对象包含两部分：自己内部的变量属性对外部outer词法环境的引用所谓作用域链，就是各个词法环境连接成的一个链，我们对链的访问是单向的，只能从内向外，举个例子，嵌套函数中外部
2020-07-19 15:30:44
275
原创 JavaScript 函数参数和属性
rest…rest 调用，位置在所有参数的最后面，是一个可迭代对象argumentsarguments 老代码中可以找到arguments 的使用，可以通过索引的方式访问其中的变量箭头函数没有argumentsSpread 参数Spread 参数适用于任何一个可迭代对象，包括可迭代对象，类数组，数组。情景: 我们像Math.max中传递一个数组(Math.,max应该接收的是一个列表)，但不想通过索引的方式把所有的参数写进去，因为这样很麻烦。于是，我们可以使用Spread 参数，用法Math.
2020-07-19 14:45:43
330
原创 JavaScript DOM文档基础
事件三要素事件源获取事件源的对象document.getElementById();//根据 ID 获取document.getElementByTagName()// 根据标签名获取，获取到的是元素的类数组对象document.getElementByClassName();;// 根据类名获取，获取到的是相同类名的元素的类数组对象document.querySelector();// 根据选择器获取其下的第一个元素，.name 类选择器 #name id选择器 div 标签选择器d
2020-07-17 11:57:46
97
原创 JavaScript 解构赋值和Object.keys...
Object.keys(obj)…Object.keys(obj)Object.values(obj)Object.entries(obj)Object和其他可迭代对象一样，由上述的方法，但是返回值是一个数组而不是可迭代项，且参数为需要进行迭代的对象，通常用来将对象转换成数组进行来进行其他操作。解构赋值就像python中对数组的解构赋值在JavaScript中，我们也可以进行类似的操作三种情形对数组的解构赋值let [item1,item2,,item3] = ["Julius", "
2020-07-16 21:58:43
831
原创 JavaScrip 映射和集合
映射 (Map)一个类似字典的数据类型。得到一个Maplet map =new Map();let name = {name:1};map.set(name,1);map.set("hello",2);let map2 = new Map([ ["name",1],["like",2]]);let map3 = new Map(map.entires());let map4 = new Map(map);Map和对象的区别Map中键key 区分类型，即可以是任意类型的数据，数
2020-07-16 18:28:59
83
原创 JavaScript 可迭代对象
Javascript 可迭代对象小插曲我之前学到了对象与数组进行拼接，如果对象不加 [Symbol.isConcatSpreadable]:true,对象不会当作数组处理，反之，对象的元素将会像数组中的元素一样，被复制进数组中。正题可迭代对象的含义：对数组的泛化，几乎所有对象可以作为在for…of 循环中的对象。可迭代对象必须有迭代器 iterator迭代器中必须有next()方法构造迭代器的实例：我们有range 对象，但当前没有迭代器let range = { from:1, t
2020-07-16 12:22:57
3351
原创 CSS 文字垂直居中和溢出解决
文字垂直居中div{ display:inline-block; vertical-align:bottom;}第一步转换为行内元素或者行内块元素（ 否正不起效）第二步 vertical-align:middle还可选bottom,top等调整文字的对齐形式TIPS：默认情况下，图片和文字的对齐是，图片下沿对齐文字的基线，可能出现文字与图片对齐不整。我们需要将文字的垂直对齐设为bottom。文字溢出显示省略号div { /*文字一行显示不开不自动换行
2020-07-15 22:14:50
907
原创 CSS 用户界面样式
鼠标样式 cursorex: cursor:pointer;可选值:div{ cursor:default}默认正常鼠标指针 div{ cursor:hand }和div{ cursor:text } 文本选择效果 div{ cursor:move } 移动选择效果 div{ cursor:pointer } 手指形状 链接选择效果 div{cursor:url(url图片地址) }设置对象为图片取消表单轮廓线outline:none;取消文本域的拖拽,防止文本域大小变化..
2020-07-15 21:56:22
84
原创 CSS 三角制作
直接上代码.triangle{ width:0px; height:0px; border:50px solid transpanrent; border-left-color: black;}效果图用途：制作翻页的箭头符号
2020-07-15 21:52:16
100
原创 CSS 字体图标 iconfont
用途：字体图标 iconfont 本质是文字，一旦字体加载就渲染，减少了服务器请求，加载速度快，轻量级。如箭头，相机等 icons。字体图标下载：icomoon.io阿里：iconfont.cn使用：下载后将font文件夹复制到html同级目录下引入字体，进行字体声明直接在span 中书写 对应的符号（在demo.html中寻找）...
2020-07-15 21:39:02
833
原创 CSS 精灵图
用途：防止图像过多时，向服务器频繁地请求图片，使服务器压力过大，降低页面的加载速度。通过精灵图，将小图片集合在一张图中，减少请求的次数，提高页面的加载速度。使用：精灵图（Sprite）主要用于不常更换的背景图使用background-position:移动x，y 横纵坐标精灵图坐标一般是负值（将图片往上往左移动）示例代码：图片向左移动180px,纵向不动根据CSS层叠性，其他地方的图片显示只需要更改背景图片位置.bg { /* 注意坐标为负值
2020-07-15 21:19:42
572
1
原创 CSS 元素的显示与隐藏
用途：改变某些元素的显示状态displaynone:元素隐藏，不占有原来的位置block：元素显示visibility可选值：inherit visible hidden可选值解析：hidden:元素隐藏，但保留原来的位置inherit：和父元素的可见性相同overflow盒子没有随内容而被撑大，造成了内容溢出可选值：visible auto hidden scrollvisible:不隐藏内容，也不显示滚动条hidden:超出的部分被隐藏scroll
2020-07-15 20:48:53
177
原创 CSS 定位和浮动
定位绝对定位position:absolute;特性：绝对定位相对于有定位的父盒子进行定位 父亲或更上一级必须有定位，如果没有，则相对于浏览器定位 绝对定位脱标，即会浮起来不占有原来的位置，所以通常和相对定位配合使用，简称子绝父相相对定位position:relative;特性：相对定位相对于原来的位置进行定位 相对定位不脱标 相对定位与绝对定位配合使用固定定位position:fixed;特性：固定定位常用于悬浮的按钮或者导航偏移上述定位的盒子均用
2020-07-15 18:14:38
163
原创 JavaScript 数组的方法(二)
目录find,findIndex,filtermapreduce find,findIndex,filter 函数名 返回量 返回类型 find 找到即返回 bool findIndex 找到即返回 index filter 返回找到的所有元素形成新的数组 元素组成的数组 功能：搜索数组 参数：（index,item,arr,[thisArg])=>参数解析：index 当..
2020-07-15 11:18:04
90
原创 JavaScript 数组的方法(一)
目录Splice 拼接 （瑞士军刀）Slice 切片concat 连接forEach(func)arr.indexOf、arr.lastIndexOf和 arr.includes Splice 拼接 （瑞士军刀） 功能：Splice的通常用作删除和插入元素参数：Splice(index,deleteNum,el1,el2)参数解析：index：指从原数组的Index索引处开始deleteNum:删除原数组deleteNum个元素，可以为0，为0时只做插入操作.
2020-07-15 09:22:53
121
原创 Vue 刷新页面后 axios请求拦截器不起作用的解决办法
Vue 刷新页面后 axios请求拦截器不起作用的解决办法起因：使用Vue axios作为网络请求的工具，在网页第一次打开时可以进行axios请求，并在config headers中添加token 作为请求令牌。但是，在手动刷新页面之后，网页数据出现无法请求的情况。后台返回:bad token format后端返回结果如图： 发现headers 中未添加请求头分析：我在main.js中对axios拦截器进行了配置，对请求时进行了判断，如果token存在，应当向headers中添..
2020-07-10 18:44:18
6645
5
原创 CSS 绝对定位和固定定位：居中
CSS 绝对定位：居中起因：在绝对定位中,无法使用margin:0 auto;进行居中显示解决：居中代码:position:fixed;top:50%;left:50%;margin-left:组件宽度的一半margin-top:组件高度的一半
2020-07-10 12:58:42
420
原创 CSS 固定定位：固定在版心右侧
固定定位：固定在版心右侧固定定位定义：随用户滚动界面而一起移动的定位效果CSS代码：position:fixed;边距:left,right,top,bottom.距离衡量:相对于浏览器可视区域的四个角，可视区域即用户打开浏览器可以看到的区域用处：用于类似浮动的广告，回到最上面的按钮等，跟随用户滑动窗口一起运动的组件。如何实现固定在版心右侧给需要固定的组件添加CSS代码：position:fixed;left:50%margin-left:父组件宽...
2020-07-10 11:43:47
7036
3
原创 Java Script 中 for in 的 key 如果不用let 进行定义
Java Script 中 for in 的 key 如果不用let 进行定义先看如下JS代码for (key in obj){// 此处一些操作}通常，我们会将 key 使用 let 进行定义 即 for (let key in obj)那么，如果我们不用let 进行定义会造成什么结果呢？我们分为以下两种情况:①key 在别处已有定义有如下代码for (key in obj){alert(key);//被执行}alert(key);//在循环外，..
2020-07-07 23:45:32
1145
原创 关于VS2017调试时,字符数组显示"字符串中的字符无效"问题
关于VS2017调试时,字符数组显示"字符串中的字符无效"问题1.如果已经分配过内存，可能是越界导致的指令错误。2.可能是字符数组成员的值超出了ASCII码表示范围,导致字符无效如:arr[1]=0x89;此时,在调试时,就会显示"字符串中的字符无效".欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown...
2019-04-08 23:02:00
25233
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人