- 博客(99)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 秋招前端面经总结
1、<meta>标签的用法以及相关属性和值？如何设置编码？2、http请求到加载整个页面的全过程？3、http请求有哪些方法，各类请求的区别？get和post的区别？put和post的区别？4、DNS查找的过程，如何对DNS进行优化？5、ES6对函数的扩展，有哪些新的特点？6、ES5中继承的方法，各类继承方法的优缺点？7、ES6中的如何实现继承？为什么需要在子类...
2018-10-21 13:12:15
544
原创 Vue组件间常用的通信方式总结
在使用 vue-cli 创建的 vue 项目中进行组件间的通信，以下是三种常用的组件间通信的方式总结。1、父组件向子组件传递数据----------------------------> 通过Prop2、子组件向父组件发送消息---------------------------->使用 $emit3、组件间与组件间通信---------------------------...
2018-08-31 17:36:27
567
转载 Babel的使用及其工作原理
Babel的包构成核心包babel-core：babel转译器本身，提供了babel的转译API，如babel.transform等，用于对代码进行转译。像webpack的babel-loader就是调用这些API来完成转译过程的。 babylon：js的词法解析器 babel-traverse：用于对AST（抽象语法树，想了解的请自行查询编译原理）的遍历，主要给plugin用 ba...
2018-08-29 15:10:05
3229
原创 ES6中的常用知识点总结
1、let 和 const ES5 只有全局作用域和函数作用域，没有块级作用域，ES6中新增了let命令和const命令用于声明变量，且类似于C+、Java等语言是块级作用域。const声明一个只读的常量，必须在定义的时候初始化。let和const声明的变量不存在变量提升，但存在暂时性死区。而且相比于var 语法更加严格，不允许在相同作用域内重复声明同一个变量。let命...
2018-08-28 17:29:05
540
原创 Vue学习笔记--Vue双向绑定实现原理
我们知道Vue可以实现数据双向绑定，Angular和Vue都是采用的MVVM 模式，意思就是当M（模型层）层数据进行修改时，VM层会监测到变化，并且通知V（视图层）层进行相应的修改，反之修改V层则会通知M层数据进行修改，实现了视图与模型层的相互解耦。其中Angular是采用的脏值检测实现的，Vue是采用的发布-订阅模式+数据劫持 实现的。 Vue是通过O...
2018-08-13 22:17:22
550
转载 高性能滚动scroll（防抖和节流）
滚动优化的由来滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁触发的事件。var i = 0;window.addEventListener('scroll',function(){ console.log(i++);},false);在绑定 scroll 、resize 这类事件时，当它发生时，它被触发的频次非常高，间...
2018-08-11 16:56:13
13709
2
转载 JavaScript实现继承的几种方式
1.原型链基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。原型链实现继承例子：function SuperType() { this.property = true;}SuperType.prototype.get...
2018-08-07 11:37:14
166
原创 用html+css+js实现一个无限级树形控件
题目描述：用html+css+js实现一个无限级树形控件，功能如下：1.利用html、css展示一个树形菜单2.点击箭头图标展开子项3.点击父节点勾选图标能全选或全取消，点击叶节点勾选图标可以选中或取消 思路：以上是一道题的题目描述，但是树形结构是如何给出的题目并没有说明，所以每个人都有不同的想法。（自己百度了一顿也没有百度到 (⊙⊙) ）想法：1、假如给...
2018-07-30 15:06:44
23002
4
转载 HTTP协商缓存与HTTP强缓存
1、浏览器缓存缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。浏览器第一次请求时：浏览器后续在进行请求时： 从上图可以知道，浏览器缓存包含两种类型，即强缓存（也叫本地缓存）和协商缓存...
2018-07-25 11:22:48
534
原创 JavaScript 用typeof来判断是否是对象的弊端
题目：使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么？如何避免这个陷阱？ 1：使用typeof 首先看下面的代码:var carr=[];var cobj={};function cfun(){ console.log('cc');}console.log(typeof carr=='object'); ...
2018-07-24 11:25:39
3095
原创 vue-cil+vuex 构建一个简单的记事本应用
学习vuex文档稍微了解了一下vuex，这个练习用于应用一下vuex。构建一个简单的单页笔记本应用，加深对vuex的理解。Demo：https://ccessl.github.io/test/实现效果： 安装npm和vue-cli这里就略过了，首先创建一个webpack模板项目在命令提示符终端输入： npm init webpack之后输入项目名称、描述等信息。因...
2018-07-18 21:23:32
1459
转载 vuex入门与学习
安装、使用 vuex首先我们在 vue.js 2.0 开发环境中安装 vuex :npm install vuex --save然后 , 在 main.js 中加入 :import vuex from 'vuex'Vue.use(vuex);var store = new vuex.Store({//store对象 state:{ show:fal...
2018-07-17 21:27:47
214
原创 前端经典题型总结
1、var a = 100;function fn() { alert(a); var a = 200; alert(a);}fn();//undefined 200alert(a);//100var a;//没有求改window.a的值alert(a);//100var a = 300;alert(a);//300考点1：scope作用域，var定义的变量提前在器作用域的最顶端...
2018-07-11 21:59:50
583
原创 分页组件
分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)2、total为0时，隐藏整个元素（如demo2所示）3、如果total<=5，则显示全部页数，隐藏“首页”和“末页”元素（如demo3所示）4、当current居中不足5页，向后(前...
2018-07-09 20:47:12
655
转载 前端解决跨域问题的8种方案
1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www.a.com/b.js同一域名，不同端口不允许http://...
2018-07-09 11:24:10
272
原创 异步与延迟加载JavaScript的方法
默认情况JavaScript是同步加载的，也就是JavaScript的加载是阻塞的，后面的元素要等待JavaScript加载完毕后才能进行再加载，有多种无阻赛下载JavaScript的方法。（1）defer Defer属性指明本元素所含的脚本不会修改DOM，因此代码能安全地延迟执行。该属性只有IE4 +和Firefox 3.5+的浏览器支持。带有defer属性的<script>元素是在...
2018-07-07 11:29:44
606
转载 HTTP1.0 、 HTTP1.1、HTTP2.0的主要区别
HTTP1.0 VS HTTP1.1长连接：HTTP1.0需要使用keep-alive参数来告知服务器端要建立一个长连接，而HTTP1.1默认支持长连接（PersistentConnection）和请求的流水线（Pipelining）处理，在一个TCP连接上可以传送多个HTTP请求和响应，减少了建立和关闭连接的消耗和延迟，在HTTP1.1中默认开启Connection： keep-alive，一定...
2018-07-05 15:09:18
989
原创 HTTP状态码
状态码的类别类别原因短语1XXInformation(信息性状态码) 接收的请求正在处理2XXSuccess(成功状态码) 请求正常处理完毕3XXRedirection(重定向状态码) 需要进行附加操作以完成请求4XXClient Error(客户端错误状态码) 服务器无法处理请求5XXServer Error(服务器错误状态码) 服务器处理请求错误常用状态码200 ok 表示从客户端发来的请求...
2018-07-05 14:51:53
171
原创 牛客网 [编程题]数字和为sum的方法数
题目描述：给定一个有n个正整数的数组A和一个整数sum,求选择数组A中部分数字和为sum的方案数。 当两种选取方案有一个数字的下标不一样,我们就认为是不同的组成方案。输入描述:输入为两行: 第一行为两个正整数n(1 ≤ n ≤ 1000)，sum(1 ≤ sum ≤ 1000) 第二行为n个正整数A[i](32位整数)，以空格隔开。输出描述:输出所求的方案数示例1输入5 155 5 10 2 ...
2018-06-29 10:24:27
963
1
原创 牛客网 [编程题]餐馆
题目描述：链接：https://www.nowcoder.com/questionTerminal/d2cced737eb54a3aa550f53bb3cc19d0来源：牛客网某餐馆有n张桌子，每张桌子有一个参数：a 可容纳的最大人数； 有m批客人，每批客人有两个参数:b人数，c预计消费金额。 在不允许拼桌的情况下，请实现一个算法选择其中一部分客人，使得总预计消费金额最大 输入描述:输入包括m+2...
2018-06-28 19:09:11
1082
原创 Leetcode 335. 路径交叉(Self Crossing)
题目描述：给定一个含有 n 个正数的数组 x。从点(0,0)开始，向北移动x[0]米，然后向西移动x[1]米，向南移动x[2]米，向东移动x[3]米，持续进行。换句话说，每次移动后你的方向都会逆时针变化。以 O(1)的空间复杂度写一个一遍扫描算法，判断你的路径是否交叉。示例 1:给定 x = [2, 1, 1, 2],?????? ????????> ?返回 true ...
2018-06-25 15:46:53
993
原创 LeetCode 312. 戳气球（Burst Balloons）
题目描述：有 n 个气球，编号为0 到 n-1，每个气球上都标有一个数字，这些数字存在数组 nums 中。现在要求你戳破所有的气球。每当你戳破一个气球 i 时，你可以获得 nums[left] * nums[i] * nums[right] 个硬币。 这里的 left 和 right 代表和 i 相邻的两个气球的序号。注意当你戳破了气球 i 后，气球 left 和气球 right 就变成了相邻的气...
2018-06-22 15:39:57
1124
1
原创 LeetCode 315. 计算右侧小于当前元素的个数(Count of Smaller Numbers After Self)
题目描述：给定一个整数数组 nums，按要求返回一个新数组 counts。数组 counts 有该性质： counts[i] 的值是 nums[i] 右侧小于 nums[i] 的元素的数量。示例:输入: [5,2,6,1]输出: [2,1,1,0] 解释:5 的右侧有 2 个更小的元素 (2 和 1).2 的右侧仅有 1 个更小的元素 (1).6 的右侧有 1 个更小的元素 (1)....
2018-06-22 10:41:59
1220
1
原创 LeetCode 123. 买卖股票的最佳时机 III（Best Time to Buy and Sell Stock III）
题目描述：给定一个数组，它的第 i 个元素是一支给定的股票在第 i 天的价格。设计一个算法来计算你所能获取的最大利润。你最多可以完成 两笔 交易。注意: 你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。示例 1:输入: [3,3,5,0,0,3,1,4]输出: 6解释: 在第 4 天（股票价格 = 0）的时候买入，在第 6 天（股票价格 = 3）的时候卖出，这笔交易所能获得利润 ...
2018-06-21 17:01:24
944
原创 LeetCode 451. 根据字符出现频率排序(Sort Characters By Frequency)
题目描述：思路：JavaScript：
2018-06-21 16:49:21
564
原创 LeetCode 84. 柱状图中最大的矩形(Largest Rectangle in Histogram)
题目描述：给定 n 个非负整数，用来表示柱状图中各个柱子的高度。每个柱子彼此相邻，且宽度为 1 。求在该柱状图中，能够勾勒出来的矩形的最大面积。以上是柱状图的示例，其中每个柱子的宽度为 1，给定的高度为 [2,1,5,6,2,3]。图中阴影部分为所能勾勒出的最大矩形面积，其面积为 10 个单位。 示例:输入: [2,1,5,6,2,3]输出: 10思路：...
2018-06-21 14:34:06
920
原创 LeetCode 397. 整数替换（Integer Replacement）
题目描述：给定一个正整数 n，你可以做如下操作：1. 如果 n 是偶数，则用 n / 2替换 n。2. 如果 n 是奇数，则可以用 n + 1或n - 1替换 n。n 变为 1 所需的最小替换次数是多少？示例 1:输入:8输出:3解释:8 -> 4 -> 2 -> 1示例 2:输入:7输出:4解释:7 -> 8 -> 4 -> 2 ...
2018-06-20 21:13:03
532
原创 LeetCode 396. 旋转函数（Rotate Function）
题目描述：给定一个长度为 n 的整数数组 A 。假设 Bk 是数组 A 顺时针旋转 k 个位置后的数组，我们定义 A 的“旋转函数” F 为：F(k) = 0 * Bk[0] + 1 * Bk[1] + ... + (n-1) * Bk[n-1]。计算F(0), F(1), ..., F(n-1)中的最大值。注意:可以认为 n 的值小于 105。示例:A = [4, 3, 2, 6]F(0) ...
2018-06-20 21:02:04
1362
原创 JavaScript this绑定规则
每个函数的this是在调用时被绑定的，完全取决于函数的调用位置。1 默认绑定function foo(){ console.log(this); //输出：Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …} console.log(this.a); //输出：2}var...
2018-06-20 15:25:30
367
原创 CodeM 倒水
题目描述有一个大水缸，里面水的温度为T单位，体积为C升。另有n杯水（假设每个杯子的容量是无限的），每杯水的温度为t[i]单位，体积为c[i]升。现在要把大水缸的水倒入n杯水中，使得n杯水的温度相同，请问这可能吗？并求出可行的最高温度，保留4位小数。注意：一杯温度为t1单位、体积为c1升的水与另一杯温度为t2单位、体积为c2升的水混合后，温度变为(t1*c1+t2*c2)/(c1+c2)，体积变为c...
2018-06-12 14:10:47
324
原创 LeetCode 410. 分割数组的最大值
题目描述：给定一个非负整数数组和一个整数 m，你需要将这个数组分成 m 个非空的连续子数组。设计一个算法使得这 m 个子数组各自和的最大值最小。注意:数组长度 n 满足以下条件:1 ≤ n ≤ 10001 ≤ m ≤ min(50, n)示例:输入:nums = [7,2,5,10,8]m = 2输出:18解释:一共有四种方法将nums分割为2个子数组。其中最好的方式是将其分为[...
2018-06-07 20:23:19
4052
原创 LeetCode 5. 最长回文子串
题目描述：给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为1000。示例 1：输入: "babad"输出: "bab"注意: "aba"也是一个有效答案。示例 2：输入: "cbbd"输出: "bb"思路：动态规划考虑 \textrm{“ababa”}“ababa” 这个示例。如果我们已经知道 \textrm{“bab”}“bab” 是回文，那么很明显，\textrm{...
2018-06-07 14:56:39
477
原创 LeetCode 223. 矩形面积
题目描述：在二维平面上计算出两个由直线构成的矩形叠加覆盖后的面积。每个矩形由其左下顶点和右上顶点坐标表示，如图所示。示例:输入: A = -3, B = 0, C = 3, D = 4, E = 0, F = -1, G = 9, H = 2输出: 45说明:假设矩形面积不会超出 int 的范围。思路：覆盖后的面积=矩形1的面积+矩形2的面积-矩形交叉的面积；其中矩形的交叉有多重情况，这里先观察...
2018-06-06 21:29:02
400
转载 MySQL 创建联结
建表在这里呢我们先来建立两张有外键关联的张表。CREATE DATABASE db0206;USE db0206;CREATE TABLE `db0206`.`tbl_dept`( `id` INT(11) NOT NULL AUTO_INCREMENT, `deptName` VARCHAR(30), `locAdd` VARCHAR(40), PRIMARY KEY ...
2018-06-04 19:11:29
484
原创 MySQL SQL语句知识点总结
检索数据检索单个列： （列名为prod_name，表名为products）SELECT prod_name FROM products; 检索多个列： （列名为prod_id,prod_name,prod_price，表名为products）SELECT prod_id,prod_name,prod_price FROM products; 检索所有列：（使用星号*通配符）SELECT * F...
2018-06-03 21:06:34
461
原创 bootstrap-table使用 带条件查询翻页及数据更新的问题。
bootstrap-table很容易上手，方便易用。自己在使用bootstrap-table时查询的参数如下：{ limit: params.limit, //页面大小 offset: params.offset, //页码 order: params.order, //排位命令（desc，asc） month:month ...
2018-05-15 20:47:47
16415
1
原创 Select2的使用 联动筛选框的一个例子
本文使用的select2版本为select2 4.0.2 数据库中的表格信息如下，month字段包含了年、月信息。使用select2插件作为筛选框,以年度和月份信息筛选表格数据。年度和月份这两个筛选框作为联动的筛选框。HTML 筛选框部分 <span class="c_lable" >年度</span> <select id="se...
2018-05-14 20:28:33
3818
原创 jQuery源码分析 Callbacks
jQuery版本 version = "1.11.1" 前言$.Callbacks() 提供了一种强大的方法来管理回调函数队列，采用了观察者模式，通过add添加操作到队列当中，通过fire去执行这些操作。$.Callbacks是1.7版本从$.Deferred对象当中分离出来的，主要是实现$.Deferred功能。$.Callbacks() 通过字符串参数的形式，提供四种可选参数。...
2018-04-13 16:32:50
300
原创 jQuery源码分析 Sizzle选择器
jQuery版本 version = "1.11.1"前言 Sizzle是jQuery里面的选择器引擎，在jQuery版本1.11.1中。Sizzle 这部分可以看做jQuery中相对独立的一部分，大概有2000多行的代码。Sizzle选择器非常注重效率，优先使用浏览器自带的选择器进行选择比如：getElementById 、getElementsByTagName、getEle...
2018-04-11 20:16:04
621
原创 jQuery源码分析 整体框架部分及部分常用方法
最近尝试看看jQuery的源码。 版本 version = "1.11.1" 相对于看一本jQuery如何使用的书，看jQuery源码对它可以有更深层次的理解。jQuery中大量使用了正则表达式，对于全面提升JavaScript的能力也有很大帮助。由于考虑到了各种边界情况，以及对不同版本的浏览器的兼容等，jQuery整体代码都很严谨。前言 jQuery源码中大量使用了&...
2018-04-09 22:19:26
210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人