- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 this与bind apply call
thisthis 机制是 JavaScript 特有的，它是为了解决在对象内部的方法中使用对象内部的属性的需求。如果不使用 this 来实现对对象内部的属性 JavaScript 可以使用对象.属性访问到：let people = { name: 'litangmm', logName: function(){ console.log(people.name) }}这种方法，方法与对象强耦合。对象变量变化，方法必须接着改变。如果有一个匿名对象数组，那么对象位置
2021-03-23 14:14:07
181
原创 web安全
CSP简介全称content-security-policy，内容安全策略。网络是开放的，所以http协议规定，网页可以加载第三方资源，而这也带来了安全问题。黑客可以注入恶意脚本，通过操作DOM获取用户信息，或修改DOM，影响用户体验。所以，就出现了CSP，通过CSP，设置资源白名单，可以限制第三方资源的加载，由此防范跨站脚本攻击。另外，CSP可以上报违例报告。设置方法服务器返回返回 Content-Security-Policy HTTP头部。Content-Security-Pol
2021-03-22 14:56:06
311
原创 公众号网页获取openid
前端需要做的事App.vue：监听路由，如果发生变化，就去localStorage里检查token，如果没有token，即没有进行授权。同时，如果路由不是授权页面，那么需要进行跳转到授权页面进行授权。// App.vuewatch: { '$route' () { const token = localStorage.getItem('token') if (this.$route.path === '/auth' || this.$route.path === '
2021-03-03 17:11:18
435
1
原创 前端面试题：信号控制灯
题目使用Vue实现一个信号控制灯控制器，要求：默认情况下红灯亮20秒，并且最后闪烁5秒绿灯亮20秒，并且最后闪烁5秒黄灯亮10秒灯的个数、颜色、持续时间、闪烁时间、灯光次序都可配置。如：[{color:'#fff',duration: 10000,twinkleDuration: 5000}, ...]分析可以简单的分成两部来做：信号灯控制器信号灯需要做的事情：接受颜色亮、闪烁结束后通知控制器控制器需要做的事情：接收创建信号灯接受信号灯的结束
2021-02-28 14:02:25
757
原创 万字：长文彻底弄懂ES5中的类和继承
前置知识原型定义每个构造函数都有一个原型对象①，原型有一个属性指回构造函数②，而实例有一个内部指针指向原型③。问题function Person(){ this.name = "litangmm";}Person.prototype.getName = function(){ return this.name;}let instance = new Person();console.log(instance.getName()); // litangmm那么这段代
2021-02-26 14:25:20
162
原创 浏览器运行原理
渲染过程按照时间顺序分为：构建DOM树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。构建DOM树浏览器无法解析HTML，将HTML解析为浏览器可以理解的DOM树样式计算浏览器无法理解CSS，转换为stylesheets。转换样式表中的属性值，使其标准化（长度->px，颜色->rgb，变量->数值）。计算DOM树中每个节点的具体样式。继承和层叠。最终输出每个节点的ComputedStyle值。布局过程计算DOM树中***可见元素***的几何位置。创建布局树
2021-02-25 00:01:28
87
原创 一个vant组件是如何创建的
首先，从Vant组件的使用开始。// jsimport Vue from 'vue';import { Button } from 'vant'; // 导入 ButtonVue.use(Button); // 注册 Button// template<van-button type="primary">主要按钮</van-button>源码第一部分// src/button/index.tsx 01 这里主要导入一些函数和类型// 函数：useRoute c
2021-02-24 23:58:15
1246
2
原创 JavaScript 并发控制
目的：现有多个异步请求，需要并发请求，并限制并发数。用例let request = (delay, id) => { return new Promise((resolve) => { setTimeout(resolve, delay, id) })}let test_requests = [ request(6000, 1), request(3000, 2), request(4000, 3), request(60
2021-02-04 15:04:02
407
原创 学习笔记-JavaScript高程-函数
函数定义方式函数声明function a(){...}函数表达式let a = function(){...}箭头函数let a = ()={...}Function构造函数let a = new Function('','','')1. 箭头函数适合嵌入函数的场景只有一个参数可以不用括号可以不用大括号，箭头后接一行代码或一个表达式、赋值操作，隐式返回这行代码的值不能用arguments super 和 new.target，已不能用作构造
2021-02-04 14:24:07
176
原创 学习笔记-算法
算法1. 算法复杂度一些递归算法的复杂度算法时间复杂度二分O(log n)二叉树遍历O(n)二维搜索O(n)归并排序O(n longn)2. 数组与链表206. 反转链表迭代解法/** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { v
2021-02-04 14:22:35
93
原创 学习笔记-JavaSE(3)
单元测试黑盒测试:不需要写代码,给输入值,看程序是否能够输出期望的值白盒测试:需要写代码.关注程序具体的执行过程Junit测试:白盒测试步骤:定义一个测试类(测试用例)建议:测试类名:被测试类名Test包名:xxx.xx.xx.test定义测试方法:可独立运行建议:方法名:test测试方法名返回值:void参数列表:空参数给方法加 @Test导入Junit的依赖断言:Assert.function(except,res)public class
2021-02-04 14:18:11
106
原创 学习笔记-JavaSE(2)
7. 集合(存储引用类型)主要有三种集合:List: 有序集合,可以放重复的数据Set:无序集合,不能重复Map:无序集合,键值对[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CK4j5u8o-1612419431401)(C:\Users\LiTangMM\AppData\Roaming\Typora\typora-user-images\image-20191202110439361.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直
2021-02-04 14:17:31
162
1
原创 学习笔记-JavaSE(1)
1. 概述计算机语言简史主要阶段机器语言（打孔机）低级语言（汇编）高级语言（Java）Java发展简史Java语言特性简单面向对象可移植性（一次编译，到处执行）健壮性（自动垃圾回收机制）多线程Java的加载与执行编译阶段graph TB源文件-->字节码文件运行阶段graph TB字节码文件-->类装载器类装载器-->JVMJVM-->操作系统操作系统-->硬件平台2. Java语言基础标识符可以标识类名、变量名、接口名
2021-02-04 14:16:36
253
原创 学习笔记-MySQL
数据库DataBase(DB)用于存储和管理数据的仓库特点:持久化存储数据方便存储和管理数据使用了统一的方式操作数据库MySQL的安装 卸载 配置安装卸载配置启动MySQL服务MySQL登录mysql -uroot -prootmysql -hip -prootmysql --host=ip --user=root --password=rootMySQL退出exitquitMySQL目录结构MySQL安装目录 配置文件
2021-02-04 14:15:55
310
原创 学习笔记-小程序
小程序学习一、小程序1. 轮播图swiper组件indicator-dots 导航器autoplay 是否自动播放interval 播放间隔duration 动画时长image标签mode：scaleToFill （默认值） 不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素。aspectFit 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。意思就是说，将图片缩放到刚好能居中放入 image 中，此时 image 可以有空白部分
2021-02-04 14:14:41
191
原创 学习笔记-Array
Array属于引用类型创建数组使用Array构造函数var array0 = new Array();var array1 = new Array(3);var array2 = new Array("red","blue","green");// new 操作符可以省略var array3 = Array(4);var array4 = Array("red,"blue","green");字面量创建var array0 = [];var array1 = [1,2,];var
2021-02-04 14:13:07
142
原创 学习笔记-CSS(1)
day1CSS注释/* 注释内容 */字体样式属性font-size 字号大小px 像素font-family 字体分号包裹、逗号隔开CSS Unicode字体字体可以为汉字、英文，也可使用汉字的Unicode编码font-weight 字体粗细让加粗的不加粗可选值备注normal默认值bold加粗bolder更粗lighter细100~900(100整数)400等价normal，700等价boldfont-style 字
2021-02-04 14:10:53
308
原创 手撕Promise.all()
要实现Promise.all()，首先我们得知道这个函数的接受什么、做了什么和返回了什么。引用MDN的描述：Promise.all() 方法接收一个promise的iterable类型（注：Array，Map，Set都属于ES6的iterable类型）的输入，并且只返回一个Promise实例， 那个输入的所有promise的resolve回调的结果是一个数组。这个Promise的resolve回调执行是在所有输入的promise的resolve回调都结束，或者输入的iterable里没有promise
2021-01-28 16:10:43
419
原创 快速掌握软件测试
1.两种集成测试1.1自顶向下测试特点：是从程序的初始模块开始测试。（1）该方法会在早期发现顶层的错误。（2）早期的程序框架可以进行演示（3）需要开发桩模块辅助测试。有些甚至需要多个桩模块辅助，加大了桩模块本来的错误影响。（4）测试完一个上层模块后，挑选哪个模块作为下一个测试模块，以及测试的顺序没有唯一的界定标准。优点：较早地验证了主要控制和判断点；按深度优先可以首先实现和验证一个完...
2019-08-22 14:51:28
148
原创 百度新闻爬虫搜索引擎实战---爬虫篇（3）
爬虫部分书接上回，我们讲到，要用elasticsearch来存储信息，那么我们首先就得安装elasticsearch。这里就不介绍了，默认已经装好elasticsearch，那我们就正式开始写爬虫了。1. Scrapy创建爬虫项目(baidunewsspider) C:\Users\LiTangMM\PycharmProjects>scrapy startproject baiduNe...
2019-08-16 15:12:39
1137
1
原创 leetcode-206.反转链表
题目描述反转一个单链表。示例:输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL进阶:你可以迭代或递归地反转链表。你能否用两种方法解决这道题？来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/reverse-linked-li...
2019-08-16 08:03:49
86
原创 百度新闻爬虫搜索引擎实战---爬虫篇（2）
爬虫部分新闻链接爬取（2）书接上回，我们获取到了使用动态加载技术加载的新闻链接，但是，有些不是动态加载的新闻链接，我们还没有处理。我们将doc类型文档拷贝下来，放入HBuilder X编辑器中，然后打开内置浏览器，打开开发者工具。这里不直接使用chrome定位元素，因为chrome看到的html实际上不是我们这个请求获取到的代码。我们定位到了一个 div 它子元素 是一个 div 和...
2019-08-15 18:03:49
2905
原创 百度新闻爬虫搜索引擎实战---爬虫篇（1）
爬虫部分首先，我们得爬取百度新闻的信息。爬虫分为两部分：获取新闻链接通过链接爬取新闻信息1.获取新闻链接1.1 分析请求打开chrome浏览器，输入百度新闻链接，按F12打开开发者工具，依次点击Network->Doc，再刷新一次网页，效果如下：我们看到了所有返回doc的请求。接着，我们点击Preview选项卡：通过预览，我们可以看到这个请求热点要闻、热搜新闻词和百...
2019-08-14 12:49:17
4257
1
原创 Django 数据库操作（增删查改）
序Django是一个Python的轻量级服务器框架。在Django中，数据库的操作都是建立于在模型上。Django中有个重要的概念，模型Model，数据库的增删查改都是在操作模型。建在Django中建一个表实际上就是 model.py 文件中写一个Model子类。from django.db import models class User(models.Model): ...
2019-04-26 21:13:59
366
elasticsearch-analysis-ik-7.3.0.7z
2019-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人