JavaScript - 随笔分类 - liumcb

修改h5软键盘文字，将搜索修改为发送

摘要：今天在帮朋友看个问题，怎么修改h5软键盘的文字。将右下角的搜索更改为发送。文档中很多都是修改为前往，搜索，提交等。修改的<input type='search' />属性，其实还是有另外一个属性的：enterkeyhint <input enterkeyhint="enter"> <input e 阅读全文

posted @ 2021-10-11 18:00 liumcb 阅读(2467) 评论(0) 推荐(0)

预编译与执行上下文

摘要：今天在看腾讯课堂，姬成老师的课程，关于预编译和执行上下文讲解的特别详细。让我明白之前一直迷惑的执行上下文顺序。这点也是面试的时候经常遇到的面试题。预编译：发生在函数执行的前一刻，局部声明的时候。预编译过程： 1、创建AO对象； 2、找形参和变量声明，将变量和形参作为AO对象的属性名，值为und 阅读全文

posted @ 2021-09-06 16:22 liumcb 阅读(132) 评论(0) 推荐(0)

滑动scroll没有效果

摘要：scroll左滑动或者上滑的时候，点击之后没有效果。 document.getElementById('scroll').scrollLeft = 100; 此时应该没有渲染或者没有拿到dom，此时可以使用setTimeout延时器来解决。 setTimeout(() => { document.g 阅读全文

posted @ 2021-05-07 16:35 liumcb 阅读(359) 评论(0) 推荐(0)

前端优化：静态资源存放CDN

摘要：随着项目越来越大，会有更多的静态资源，比如图片，css，还有一些js库，这些应该怎么处理？理论上所有不经常变化的文件都应该放到 CDN 上。但是什么是CDN存储？ CDN：内容分发网络（Content Delivery Network）依靠网络中的各个节点，就近发放静态资源。阅读全文

posted @ 2020-12-02 14:14 liumcb 阅读(1069) 评论(0) 推荐(0)

前端性能优化

摘要：从输入URL到页面加载完成的过程： 1.首先通过DNS(域名解析)，把URL解析为对应的IP地址； 2.然后与该IP地址确定的服务器建立起TCP链接(三次握手四次挥手); 3.然后客户端向服务器发送HTTP请求； 4.服务器处理完HTTP请求，然后把目标数据放到HTTP响应里面呈现给客户端； 5.客阅读全文

posted @ 2020-12-02 11:13 liumcb 阅读(89) 评论(0) 推荐(0)

web缓存

摘要：web缓存分为服务端缓存和客户端缓存。服务端缓存：CDN缓存；客户端缓存：浏览器缓存。浏览器缓存：浏览器缓存分为强缓存和协商缓存： 1、强缓存：浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存。强缓存如果命中，浏览器直接从子集的缓存中读取资源，不会发送请阅读全文

posted @ 2020-12-01 18:34 liumcb 阅读(233) 评论(0) 推荐(0)

面试题：promise

摘要：1.什么是promise 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 2、promise的使用方法： var fn = function (num) { return new Promise(f 阅读全文

posted @ 2020-11-30 18:57 liumcb 阅读(82) 评论(0) 推荐(0)

this的总结：默认绑定、隐式绑定、显式绑定、new绑定、箭头函数绑定

摘要：this绑定，在面试的时候被问到的频率几乎是百分之百。今天面试的时候，被问到了什么是显示绑定和隐式绑定(懵逼),还有解释各种不同绑定的问题，还有笔试题。所以弄懂this绑定特别重要。 this可以分为默认绑定，显示绑定，隐式绑定，new绑定，箭头函数绑定等。 1.默认绑定： this默认绑定我们可以阅读全文

posted @ 2020-11-30 16:32 liumcb 阅读(449) 评论(0) 推荐(0)

bind绑定过一次，第二次bind会改变this指向吗？

摘要：今天的面试中，被问到了一个问题：如果一个函数被bind绑定了，我再次绑定bind，会改变this指向吗？我当时回答的是会，现在回头看一塌糊涂。现在把bind绑定的知识点总结一下： MDN文档中讲解this与bind方法中写道： “ECMAScript 5 引入了 Function.protot 阅读全文

posted @ 2020-11-30 15:48 liumcb 阅读(1139) 评论(0) 推荐(0)

this指向问题

摘要：经常在代码中使用this，但是没有总结过this指向的问题。 var name = "Jake"; function testThis() { this.name = 'jakezhang'; this.sayName = function () { return this.name; } } co 阅读全文

posted @ 2020-11-30 15:03 liumcb 阅读(73) 评论(0) 推荐(0)

块级作用域 let const var的区别

摘要：1.JS作用域 JS中作用域有：全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。 2.var在块级作用域一：通过var定义的变量可以跨块作用域访问到。 { var a 阅读全文

posted @ 2020-11-27 13:45 liumcb 阅读(122) 评论(0) 推荐(0)

变量提升：函数表达式和函数声明在变量提升时的差异

摘要：1.什么是变量提升？ JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。例如：先使用后声明 console.log(a) // undefined var a = 2 相当于： var a; conso 阅读全文

posted @ 2020-11-27 10:14 liumcb 阅读(188) 评论(0) 推荐(0)

DOM操作

摘要：1.什么是DOM？ DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。 2.什么是DOM节点？ DOM节点分为三大类：元素节点、属性节点、文本节点； 3.获取元素节点的方法？ 3.1.查找节点方法属性 document.getElementById 通阅读全文

posted @ 2020-09-22 19:08 liumcb 阅读(112) 评论(0) 推荐(0)

JavaScript中的call和apply的用法？

摘要：call的用法： 1.修改this指向 obj = { name:'liumcb' } function func() { console.log(this); } func(); 指向window func.call(obj); 指向obj 2.借用别的对象的方法： var Person1 = f 阅读全文

posted @ 2020-09-16 17:14 liumcb 阅读(184) 评论(0) 推荐(0)

检测原型链的函数？

摘要：1、instanceof：规则：检测左侧的__proto__原型链上，是否存在右侧的prototype原型。 2、isPrototypeOf: 如果隐式原型__proto__指向调用isPrototypeOf()方法的对象原型( CreateObj ), 那么这个方法就返回true 3、Objec 阅读全文

posted @ 2020-09-15 17:38 liumcb 阅读(138) 评论(0) 推荐(0)

什么是原型链?

摘要：构造函数和原型链原型链：通过隐式原型把一些构造函数层层的串起来，因为所有的对象都是继承自Object。 function CreateObj(uName) { this.userName = uName; 写在构造函数，为this赋值的属性和方法 } CreateObj.prototype.sho 阅读全文

posted @ 2020-09-14 15:44 liumcb 阅读(6130) 评论(0) 推荐(0)

TCP/IP协议和三次握手四次挥手

摘要：TCP/IP 是一个四层体系结构，它包含:应用层，运输层，网际层和网络接口层。应用层：通过应用进程间的交互来完成特定网络进程的应用。应用层协议定义的是应用进程间的通信和交互规则。运输层：负责向两台主机进程之间的通信提供通用的数据传输服务。应用进程利用该服务传送应用层报文。网络层：选择合适的网间阅读全文

posted @ 2020-09-08 17:18 liumcb 阅读(230) 评论(0) 推荐(0)

js继承的几种方式

摘要：js想要继承，先创建一个父类。 function Person(name,age){ this.name = name; 属性 this.age = age; this.sayThing = function(){ 实例方法 console.log('say something'); } } 1、原阅读全文

posted @ 2020-09-08 13:37 liumcb 阅读(459) 评论(0) 推荐(0)

经常使用的js方法

摘要：1.数组去重 var arr = [1, 2, 3, 4, 5, 3, 4, 5, 6]; function uniqueArr(arrParam) { var newArr = []; 新的数组要写到for循环外面，才是全局变量，否则是局部变量 for (var i = 0; i < arrPar 阅读全文

posted @ 2020-09-02 20:35 liumcb 阅读(162) 评论(0) 推荐(0)

微信公众号 wx.chooseImage拍照或从手机相册中选图接口

摘要：微信公众号 wx.chooseImage拍照或从手机相册中选图接口： 1、调用微信接口 <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2、通过config接口注入权限验证配置 wx.config({ d 阅读全文

posted @ 2020-09-02 16:33 liumcb 阅读(1375) 评论(0) 推荐(0)

随笔分类 - JavaScript