随笔分类 - J前端技术
摘要：一、常见web字体 TrueType (.ttf) Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。
阅读全文
摘要：一、Flex布局 Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局：.box{display:flex; } 行内元素也可以使用Flex布局：.box{display:inline-flex; } webkit
阅读全文
摘要：一、安装yarn 首选必须先安装好NodeJS，之后可以去yarn官网下载mis安装程序安装。由于NodeJS自带了一个包管理器npm，所以安装yarn更简单的方法是直接使用npm install -g yarn即可。 如果想要升级yarn，可以先从网上查询yarn最新版本号，一般yarn有新版本控
阅读全文
摘要：闭包 能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。 下面inner 就是一个闭包函数，因为他能够访问到outer函数的作用域 闭包是站在作用域的角度上来定义的，因为inner访问到outer作用域的变量，所以inner就是一个闭包函数。
阅读全文
摘要：需求 有这么两个数组 想要这样的结果 方案一 此方案为最原始方法，简单，但过于low 方案二 此方案使用了ES6中的map，简洁，但本质还是遍历，显得有些low 方案三 此方案使用了ES6+递归，显得高大上起来了。 方案四 此方案是方案三的加强版，它能接受多个数组映射成对象数组，威力无比！
阅读全文
摘要：one 作用：只触发一次，并在触发后失效，触发时会产生时间冒泡。 语法：(selector).bind(event,data,function,map
阅读全文
摘要：1 function foo(name) { 2 this.name = name; 3 return name 4 } 5 console.log(new foo('光何')) 6 7 function bar(name) { 8 this.name = name; 9 return ['光','
阅读全文
摘要：如何使用JS实现异步下载吗？即：既能实现下载又不刷新页面。这时我们常常会想到使用ajax，但是由于ajax接受的response始终是字符串，因此并不能使用ajax来实现下载功能。 常见是新建下载的方法为 1，a标签 2，url跳转, 3，提交表单, 其中a标签体验好些，其他两个会打开一个新标签再下
阅读全文
摘要：写了这么多JS，才发现JS的语法既是属于C语系的，又与一般C语系的编程语言某些地方有很大区别，其中&&和||就是其中一例。 C语系中的&&和|| C语系的&&和||有一个特点，无论你把表达式写的天花乱坠，都会返回一个布尔值。 1，&& 两边条件都为true时，结果才为true； 如果有一个为fals
阅读全文
摘要：javascript不仅仅是一门弱类型语言，还是一门解释型语言。一门编程语言的本质就是这样，优点即是缺点，缺点也往往是优点。JS因为有了变量提升，能够使我们在编程时可以忽略“先声明，再使用”的规则，但也正是JS变量提升的存在，使得我们编程时一不留神就掉进了陷阱。 先来看一段代码： 按理说应该输出Un
阅读全文
摘要：一、涉及浅拷贝类方法，会改变原数组 1，pop(): 删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined值。arrayObject.pop() *push():*push() 方法可把它
阅读全文
摘要：今天使用react做钟表，自然用到了setInterval，但是出现this指向不明的问题。 在componentDidMount中setInterval使用了ES6的箭头函数，有建议可以使用ES6以前的函数是这样 这样使可以的，但是过于繁琐，观察了一下，setInterval第一个参数不就是传一个
阅读全文
摘要：今天项目中需要在一个字符串中截取一个数字，然后数字参与运算。搜了一下，有好多好用的方式截取字符串。 1，使用parseInt() 对，你没有看错，parseInt()方法参数可以有非数字字符串，只要数字在字符串前面就可以，遇到非数字字符停下来，返回前边的数字。 这种方式的缺点是不能提取数字在中间的字
阅读全文
摘要：今天做到项目中的图片展示，由于每一页的图片数量都很多，因此需要为图片的展示设计一种懒加载的功能。 第一要做的当然就是给程序添加滚动监听事件。 我们来看看JS中常用的关于位置查询的函数： onscroll 当元素的滚动条滚动时触发的事件。 onscroll事件任何实体元素都可以绑定，这里的实体元素包括
阅读全文
摘要：问题 今天给一个button加onclick事件，由于最后button根据需要转成字符串，因此不能使用jQurey.click()，只能给button添加onclick属性的方式。 于是，$button.prop("onclick", "invoke(1)")，但在浏览器中观看结果时傻了，butto
阅读全文
摘要：encodeURI是对整个uri进行编码的，而encodeURIComponent是对uri中部分内容进行编码。 在进行url的字符串拼接时，需要进行两次encodeURI。 只进行一次encodeURI，服务器在进行request.getParameter()时会自动进行一次解码，而这个解码字符集
阅读全文
摘要：今天接手的代码比较特殊，需要动态拼接一个table，每一行<tr>都是通过转换为字符串，再拼接在一起放到tbody中的。 其中有的td标签中有a标签，需要给a标签添加点击事件，参数好多，动态拼函数字符串比较费时，于是想写好一个函数，再把函数变成字符串后拼接在一起。 将一个js函数转换为字符串可以有以
阅读全文
摘要：我们知道，使用jquery获取一个元素内的所有元素非常容易，使用jQuery.html()就可以。 如果是js语法的话，使用domObj.innerHTML也很容易实现。 那么问题来了，要想获取包涵节点本身该如何操作？ 原生js代码比较好解决，和innerHTML还有一个对应的outerHTML。但
阅读全文
摘要：1、.fn.width返回的是不带单位的number类型，$.fn.css("width")返回的是带单位的字
阅读全文
摘要：ARIA Accessible Rich Internet Applications (ARIA) 规定了能够让 Web 内容和 Web 应用（特别是那些由 Ajax 和 JavaScript 开发的）对于残障人士更易使用的各种机制。例如，ARIA 提供了易用的导航地标、JavaScript 组件、
阅读全文
![赞助](javascript:window.open("https://images.cnblogs.com/cnblogs_com/guanghe/2027516/t_210908054306alipay.png"))
