- 博客(15)
- 收藏
- 关注
RSS订阅原创 javaScript基础-函数式编程中函数柯里化和组合函数的实现
函数式编程函数式编程是一种编程范式，函数是第一等公民，函数可以出现在任何地方，比如说参数或者返回值等函数柯里化函数柯里化是指把具有多个参数的函数转化为接收一个参数的函数，并且返回一个新的函数，新的函数接收余下的参数，可以理解为在柯里化的过程中固定了某些参数。函数柯里化的实现代码// 柯里化函数的实现function hycurry(fn) { let len = fn.length return function curried(...args) { // 判断
2022-01-22 22:19:28
605
原创 js中call、apply和bind方法的简单实现
1.call方法的实现Function.prototype.hycall = function (thisArg, ...nums) { // 1.获取所要执行的函数 let fn = this // 2.绑定this // 边界判断，判断绑定对象是否为空 // Object()方法可以根据参数的值的类型返回相应的基本包装类型的实例 thisArg=(thisArg!==undefined&& thisArg!==null)?Object(t
2022-01-20 21:28:23
653
原创 渐进增强与优雅降级
渐进增强首先针对低版本浏览器进行构建页面，保证最基本的功能。然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。即：开发过程从低版本浏览器→高级浏览器。优雅降级一开始就构建完整的功能。然后再针对低版本浏览器进行兼容。即：开发过程从高级浏览器→低版本浏览器。...
2021-03-28 20:11:36
139
原创 float浮动
Float 浮动：脱离文档流，延迟父容器靠左或靠右进行排列。 属性值：有left、right、none。注意点：1、只会影响后面的元素。2、内容默认提升半层。3、默认宽度根据内容决定。4、换行排列。5、主要给块元素添加，但也可以给内联元素添加。...
2021-03-17 21:33:30
157
原创 html标签的划分
按类型划分：1.block：块状标签。如div、p、ul、li、h1.......特点：独占一行 支持所有样式 不设置宽度的时候，宽度与父元素相同 所占区域是一个矩形2.inline：行内标签。如span、a、em、strong......特点：挨在一起 有些样式不支持，如width、height、padding和margin（垂直方向无效）...... 宽度由内容决定 所占区域不一定是矩形，内容超过一行时会换行 行内标签之间会有空隙。原因：换行产生的。可以通过设置父元
2021-03-11 22:08:37
140
原创 CSS盒子模型——box-sizing属性、margin叠加和传递问题
盒子模型：盒子模型包括content（内容区域）->padding（内边距）->border（边框）->margin（外边距）。注：1、背景颜色会填充到margin以内的区域。2、文字会在content区域。3、padding不能出现负值，margin可以出现负值。标准盒子模型：标准盒子模型的width和height设置的宽度和高度指的是content区域的大小。box-sizing属性：box-sizing属性翻译就是盒尺存属性。即改变盒
2021-03-10 23:49:40
948
原创 setTimeout和setInterval不能保证时间精度
setTimeout和setInterval都是不能保证时间精度的，他们的第二个参数（延时）只能保证何时把代码添加到浏览器的任务队列中，不能保证添加到队列就会立即执行。如果队列前面还有其他任务，那么就要等这些任务执行完再执行。简单来说，这两个方法的第二个参数（延时）并不是说何时这些代码会执行，而只是说何时把回调加入到任务队列。如果添加到队列后，主线程被其他任务占用，那么回调不会马上执行。...
2021-03-10 16:56:52
537
原创 CSS选择器——通配选择器、层次选择器、属性选择器、伪类选择器
通配选择器*{}：会为所有的标签添加样式，慎用。使用场景：去掉所有标签的默认样式层次选择器：后代：M N{ };父子：M>N{ };兄弟：M ~N{ };表示M元素后所有同级的N元素都选择。相邻：M+N;表示M元素后紧挨着的N元素，是单个的。属性选择器：M[attr] {};M[attr=value] {};=表示属性值完全匹配value值。M[attr+=value];+表示attr属性的值部分匹配value值。M[attr^=value];^表.
2021-03-09 22:56:22
261
原创 form表单里的button按钮
最好不要在form表单里写button按钮，因为button标签的默认type是submit类型，会自动提交表单，button按钮自动跳转刷新。
2021-03-01 23:42:58
2010
1
原创 一个完整的HTML的结构
HTML入门一个完整的HTML的结构文档声明html元素head标签body元素一个完整的HTML的结构一般情况下，一个完整的html结构包括四部分：文档声明、html元素、head元素以及body元素。如下图所示：文档声明 声明必须是HTML文档的第一行，位于html标签之前,是指示web浏览器关于页面使用哪个HTML版本编写的指令，不能省略，省略会出现兼容性问题。html元素html标签告知浏览器这是一个HTML文档，是HTML文档最外层的元素，是所有其他HTML元素的容器。html标
2020-12-14 21:04:31
2092
1
原创 vue中data属性里的数据不能相互引用
vue中data属性里的数据不能相互引用，如果必须引用，建议使用computed计算属性关联。Vue文档里写道：“Vue将会递归将data的property转换为getter/setter，从而让 data 的 property 能够响应数据变化。。对象必须是纯粹的对象 (含有零个或多个的 key/value 对)：浏览器 API 创建的原生对象，原型上的 property 会被忽略。大概来说，data 应该只能是数据 - 不推荐观察拥有状态行为的对象。”...
2020-11-28 23:26:37
4394
原创 v-bind动态绑定class属性和style样式
vue中对使用v-bind绑定class属性和样式时，做了专门的增强，表达式的结果可以是字符串也可以是对象和数组。如：<div v-bind:class="{ ‘active’: isActive }"></div>当isActive为true时，<div>标签的class属性值为active。isActive的值为false时，<div>标签的class属性为class=''...
2020-11-22 23:44:20
143
原创 JavaScript的一些基本语法
1.JavaScript区分大小写2.标识符（指变量、函数、属性的名字或者函数的参数）的命名规则：（1）第一个字符必须是一个字母、下划线（_）、美元符号（$）或数字；（2）其他字符可以使字母、下划线、美元符号或数字；（3）标识符中的字母也可以包括扩展的ASCII或Unicode字母字符，但不推荐这么做；（4）标识符采用驼峰大小写格式，即第一个字母小写，剩下的每个单词的首字母大写。（5）不能把关键字、保留字、true、false和null用作标识符。3.ECMAScript使用C的注释风格，分为
2020-06-16 11:53:39
153
原创 状态码的类别以及常用状态码
状态码由三位数字和原因短语组成，如200 OK。三位数字中第一位指定响应类别，后两位无分类。第一位数字的响应类别有5种。如下：类别及原因短语1XXInformational（信息性状态码） 接收的请求正在处理2XXSuccess（成功状态码） 请求正常处理完毕3XXRedirection（重定向状态码） 需要进行附加操作以完成请求4XXClient Error（客户端错误状态码） 服务器无法处理请求5XXServer Error（服
2020-06-14 16:32:15
192
原创 URI、URL和URN的联系和区别
URL是统一资源定位符（Uniform Resource Locator)，URL通过资源位置找到这个资源。URN是统一资源名（Uniform Resource Name，通过资源名字标识资源。URI是统一资源标识符（Uniform Resource Identifier），能够唯一确定一个资源。URL和URN都是URI的子集，都是唯一确定一个资源的一种方式。...
2020-06-03 15:21:59
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人