- 博客(25)
- 收藏
- 关注
RSS订阅原创 最长回文字串
vars='abbaaddeeeedda'varaa=function(s){varresult=''for(vari=0;i<s.length;i++){for(varj=i+1;j<=s.length;j++){varstr=s.slice(i,j)//console.log(str)...
2019-09-30 23:43:06
103
原创 Vue-封装-$on $emit $off（封装事件订阅）
vue封装 $on、$emit、$off1.$on 事件的订阅 1 2 3 4 5 6 7 8 9 10 11 $on(eventName,callback) 参数1:事件名称 参数2:事件函数 判断当前事件名称是否存在，如果不存在则创建一个key值为事件名称 v...
2019-09-30 20:59:47
457
原创 前端 Web Workers 到底是什么？
以前我们总说，JS是单线程没有多线程，当JS在页面中运行长耗时同步任务的时候就会导致页面假死影响用户体验，从而需要设置把任务放在任务队列中；执行任务队列中的任务也并非多线程进行的，然而现在HTML5提供了我们前端开发这样的能力 - Web Workers API，我们一起来看一看 Web Worker 是什么，怎么去使用它，在实际生产中如何去用它来进行产出。1. 概述Web Workers...
2019-09-30 14:52:04
337
原创 闭包让一个函数只能执行一次以及用闭包实现函数累加
一个函数只执行一次function countAdd(fn){ let result; return function(){ if(fn){ result = fn.call(this,arguments) fn = null } return result } }var countPrintOne = countAdd(...
2019-09-25 17:56:02
778
原创 同一个盒子，同时绑定事件冒泡与事件捕获两个事件
当同一个容器绑定两个事件，遵循先捕获，后冒泡 ，有一个前提是点击的事件先执行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
2019-09-23 10:35:08
702
原创 css margin引起的塌陷
一、同级元素引起的塌陷解决方案一：给相应的盒子外包裹一个盒子，设置属性overflow:hidden解决方案二：因为发生margin合并问题，采取两者中的最大值进行显示，可以设置一个值取那两者的和<!DOCTYPE html><html><head><title>同级元素margin塌陷</title><met...
2019-09-22 10:36:31
132
原创 http状态码
206HTTP/206 “Partial Content”响应是在客户端表明自己只需要目标URL上的部分资源的时候返回的.这种情况经常发生在客户端继续请求一个未完成的下载的时候(通常是当客户端加载一个体积较大的嵌入文件,比如视屏或PDF文件),或者是客户端尝试实现带宽遏流的时候....
2019-09-21 21:36:39
88
原创 webpack面试常见问题
webpack常见配置问题1.plugin配置2.loader配置2.1style-loader配置style-loader的功能就一个，在DOM里插入一个<style>标签，并且将CSS写入这个标签内简单来说就是这样：const style = document.createElement('style'); // 新建一个 style 标签...
2019-09-21 20:38:14
332
原创 webpack打包后为防止缓存对文件名md5
用webpack打包已有一段时间，并且项目也成功上线。但是为了防止文件更新之后用户无法获取最新代码，查看webpack的api，发现输出的时候有hash配置选项，默认为16位的长度，经过一番思索，发现妙招，如下：output:{ path: 'build/script', filename: '[name].[hash:5].js' }...
2019-09-21 20:35:38
558
原创 移动端封装rem
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>...
2019-09-19 08:18:12
145
原创 ie盒模型与标准盒模型下的设置颜色区域的宽度
<style> .boxSty{ width: 100px; height: 100px; padding: 10px; background: red; } </style> <div class="boxSty"> 6666666666 <...
2019-09-19 07:58:47
281
转载 http meta标签详解
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。meta标签作用META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。PS：便于搜索引擎机器人查找、分类，互联网应用应该要注意。大网站都是...
2019-09-17 15:30:54
865
转载 浏览器协商缓存与强制缓存经典版
浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图HTTP响应(Response)报文，报文格式为...
2019-09-16 16:35:34
641
原创 js动态规划零花钱问题
coins = [1,2,5]amount = 11组成11元所需要的最少的钱币的个数let coins = [1,2,5];let count =11;let dp =[0];for(let i=1;i<=count;i++){ dp[i]=count}for(let i=1;i<=count;i++){ for(let j=0;j<coi...
2019-09-12 08:16:55
221
原创 js利用动态规划求最长上升子序列的长度
var arr = [2,3,5,10,7,20,100,0];let dp =[];for(let i=0;i<arr.length;i++){ dp[i]=1;}let res = 0;for(let i=1;i<arr.length;i++){ for(let j=0;j<i;j++){ if(arr[j]<arr[i]){...
2019-09-12 08:13:48
1171
原创 js 求最长不重复子串
var lengthOfLongestSubstring = function(s) { var res = 0; // 用于存放当前最长无重复子串的长度 var str = ""; // 用于存放无重复子串 var len = s.length; for(var i = 0; i < len; i++) { var char = s.char...
2019-09-11 23:37:59
797
原创 css绘制自适应三角形 矩形一个div里面最多可以绘制几个圆
一 .三角形绘制样式如下：<style> .triple { width: 0px; height: 0px; border-top:100px solid transparent; border-left: 100px solid transparent; border-bot...
2019-09-11 15:24:48
620
原创 li标签绑定事件比如有1000个li标签需要点击，显示对应li标签的内容，有什么高效的方法
关于在前端面试中，经常会被技术人员问道在ul标签中有一组li标签，你如何点击每个li并显示相应的内容，最初我的想法是用for循环给每个li添加click事件，然而产生了闭包的效果，为了解决这个问题，我又对代码进行了下面的更改。<ul><li>1</li><li>2</li><li>3</li>...
2019-09-11 13:52:41
1782
2
原创 2020秋招面试过程中算法集锦
目录1.求数组的每一项，作为key，在对象中对应的值2.数组flattern展开3.删掉字符串中出现次数最少的字符4. 记住展开的层级，用-代表深度5.对数组对象中的年龄进行分类6.实现数组乱序滴滴 2020年9月7日1.求数组的每一项，作为key，在对象中对应的值var arr = ['b','c','d','e']let obj = { 'b':...
2019-09-09 10:29:44
376
原创 echarts做数据统计，统计每月占总年份的比例，给的数组对象是具体的某年某月某天的人数
let arr = [ {year:2018,month:8,day:2,n_birth:6}, {year:2018,month:8,day:3,n_birth:6}, {year:2018,month:8,day:5,n_birth:6}, {year:2018,month:7,day:2,n_birth:6},...
2019-09-06 15:40:36
914
转载 前端页面优化二
主要包括网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构协议类等几类；1、网络加载类（1）减少HTTP资源请求次数：在前端页面中，通常建议尽可能合并静态资源图片、JavaScript或CSS代码，减少页面请求数和资源请求消耗，这样可以缩短首屏加载时间，通过构建工具合并雪碧图、CSS、JavaScript文件等都是为了减少HTTP资源请求...
2019-09-06 11:29:32
167
转载 前端页面性能优化
网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上...
2019-09-05 10:49:40
334
原创 浅谈cookie
cookie的格式Cookie由变量名和值组成，类似Javascript变量。其属性里既有标准的Cookie变量，也有用户自己创建的变量，属性中变量是用“变量=值”形式来保存。 根据Netscape公司的规定，Cookie格式如下： Set－Cookie: NAME=VALUE；Expires=DATE；Path=PATH；Domain=DOMAIN_NAME；SECURE N...
2019-09-04 15:23:46
171
原创 bfc详解
BFC与多列布局定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。规则1:内部的box一行一行排列2:属于同一个BFC的两个box在垂直方向的margin会发生重叠3:每个元素的margin ...
2019-09-03 10:52:44
548
原创 js 10进制转换成64进制
var line = '666666'var count = 0var obj = {}var result = []for (var i = 0; i < line.length; i++) {if (obj[line[i]] !== undefined) {obj[line[i]]++} else {obj[line[i]] = 1}}for (var key i...
2019-09-01 17:40:07
1885
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人