My-Lady-CSDN博客

原创 tomcat闪退的解决办法

tomcat 启动的时候会闪退可以通过如下方法进行解决：进入到tomcat的bin文件中，找到startup.bat文件，右键—》编辑在文件头部中添加 SET JAVA_HOME=C:\Program Files\Java\jdk1.8.0_65 （jdk的路径） set JRE_HOME=C:\Program Files\Java\jre1.8.0_65（jre的路径） SET TOMCAT

2017-11-20 13:15:42 648

原创【笔试集锦】百度2018前端笔试笔试第一题

题目描述：有一个div容器，容器中的内容如下<div id="jsContainer"> 这里会，给出一段随机文本，可能包含一些链接，比如https://www.baidu.com，或者 www.baidu.com?from=onlineExam，如果出现链接文本，请给该链接文本加上链接标签，用户点击后能直接在新窗口中打开该链接。</div>实现link函数，要求：（1）jsCont

2017-09-12 10:36:47 1908

原创【学习笔记】百度前端面经知识点

一、img标签中的src为空会导致什么情况通常有时候会有两次请求的情况出现，如果页面中有img标签或者是href标签，则要注意其中的src或者是href是否为空的情况，当两者为空时，同时当前页面的URL请求带有参数时，首先浏览器默认为缺省值，会请求当前网页的路径，然后利用当前路径去掉参数在再载入一次，所以会出现重复载入的情况。由上面知，在src没有进行初始化时，最好不要设置该属性，这样可以防

2017-09-11 21:35:29 489

原创【学习笔记】实现顶部滚动条

静态实现顶部滚动条主要使用以下的两种方式：（1）利用CSS3 的animation属性实现（2）利用jQuery的animation动画实现以下附上代码： CSS实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>顶部进度条</title> <style type="t

2017-09-11 12:07:01 1483

原创【学习笔记】笔试中的知识盲点

一、nth-child()和nth-of-type()的区别 1、和nth-child()一类的伪类选择器还有：（1）el:first-child（2）el:last-child（3）el:nth-child(n)（4）el:last-nth-child(n)该选择器都是选择父元素的第指定个元素，不管类型，当元素和el匹配时，则添加相应的样式，如果元素不匹配则不进行处理，nth-child中

2017-09-09 14:39:29 471

原创【学习笔记】jQuery知识点

一、jQuery中的隐式迭代在对普通的DOM进行操作时如果获取的是nodeList，如果要添加样式则需要手动循环为每个元素添加，$(“.color”).addClass(“name”),这样就可以为所有类名为color的元素添加上类name。不需要手动进行迭代，即隐式迭代。二、DOM元素和jQuery元素之间的转换（1）将jQuery转换为DOM有两种方式，[index]或者get(ined

2017-09-07 22:20:19 325

原创【学习笔记】面试集锦【3】

一、实现深拷贝的方法在对象中不含有function属性时可以直接利用JSON.stringify(obj)将其转换为字符串，然后利用JSON.parse(str)转换为对象。 var obj = JSON.parse(JSON.stringify(objA)); 但是当传入的对象中包含有function属性以及原型属性、值为undefined的属性时，会自动将该属性进行忽略。所以当对象中包含

2017-09-06 22:30:10 321

一、数组中的reduce、reduceRight方法的参数以及其使用reduce（callback(previous，current，index，arr),initial）,reduce和reduceRight方法得使用一样，只是后者是逆序对数组进行遍历。方法中一共接受两个参数，一个数回调函数，一个是初始值，用于初始化回调中的第二个参数，该参数是可选的。在没有initial参数时则previous的

2017-09-06 15:29:52 395

原创【学习笔记】面试中的一些盲区

一、前端如何对DNS解析进行优化解析：在CDN内容分发网络时，如果使用的域名不一样，虽然会增加浏览器加载的并发量，但是由于多增加了域名，所以会导致DNS解析耗时增多，所以这两者是相互矛盾的，在此基础上应该对DNS解析进行优化。除了利用缓存技术外可以借助其他的方式行进行预加载。 HTML5中在link标签rel属性（表示的是当前文档和链接之间关系）新增值dns-prefetch，添加该属性

2017-09-06 11:45:46 361

原创【今日头条】今日头条三面面经

一面：（1）算法题，编程实现nsum （2）实现元素的居中并且宽高比为3:4 （3）代码实现继承（4）给了一段代码给出输出结果，这个是和异步相关（5）http的状态码有哪些（6）cookie和session的区别，以及如何生成session （7）给代码写输出和原型链相关（8）变量声明提升二面（1）算法题，实现二维数组的笛卡尔积（2）一道和闭包相关的输入输出题

2017-09-06 09:45:36 7750

原创【学习笔记】jQuery中的prop()、attr()、data()方法的对比

一、prop和attr对比（1）prop：property指的是元素对象的属性如：className、nodeType、nodeName等 attr:attribute指的是元素标签的属性如：type、name、class等 $("input").attr("type") = "text";$(input).prop("nodeName") = "input"; （2）在利用attr和pr

2017-09-04 14:34:58 659

原创【学习笔记】你不得不知道的跨域小知识

什么是跨域？跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不到保障了就。什么事，都是安全第一嘛。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。

2017-09-03 10:46:43 406

原创【CVTE笔试题】HTML中出现次数最多的元素标签

利用JS实现查找HTML中标签中出现次数最多的标签，并统计出现的次数。思路：这题在做的时候脑袋有点蒙蔽，其实并不复杂，很简单，就是深度遍历，查找所有的元素节点，并进行统计出现的次数。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st

2017-09-02 21:26:39 807

原创【CSS实现正方形】CSS实现自适应正方形、等宽高比矩形

自适应正方形就是在浏览器屏幕大小不一样或者采用小屏设备的时候，正方形要能够自适应的保持宽高比进行缩放，具体的实现有以下几种方式：一、利用vw、vh、vmin、vmax vw表示的是viewport的宽度，也就是视口的宽度，vh表示的是视口的高度，vmin=min{vw,vh}取的是两者中较小的值，vmax ={vw,vh}，1vm = 1% viewport width其他同理，所以利用上诉的

2017-09-01 10:17:04 5768

原创【面试】常见的前端面试题（1）

一、undefined和null的区别解答：undefined表示“无”的原始值，null表示“无”的对象。（1）undefined == null //true（2）undefined === null //false（3）利用Number转换时：Number（null） = 0；Number（undefined）=NAN（4）typeof null ="object"；ty

2017-08-30 16:30:57 369

转载【设计模式】JS中常见的设计模式

设计模式太多了，貌似有23种，其实我们在平时的工作中没有必要特意去用什么样的设计模式，或者你在不经意间就已经用了设计模式当中的一种。本文旨在总结平时相对来说用的比较多的设计模式。什么是设计模式百度百科：　　设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。　　使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫

2017-08-30 11:38:03 620

原创【中兴笔试】

思路：利用数组对象存储数据结构，对象中有两个成员一个是输入的数组中的数据num,另外一个是num对应的1的个数，数据结构建构好后，按题意对数组对象进行排序，排序规则是:先用1的个数进行从大到小排序，当1的个数相同时，利用num排序，最后输出排序后的结果中的num即可。代码：import java.util.Arrays;public class Solution { class Data im

2017-08-29 20:09:08 716

原创【中兴笔试题】求两个圆的交叉区域的面积

问题：给定两个圆的半径以及圆心的位置，求两个圆的相交区域的面积思路：分三种情况讨论假设半径小的圆为c1，半径大的圆为c2。c1的半径r1，圆心坐标（x1,y1)。c2的半径r2,圆心坐标（x2,y2)。d为两圆圆心连线的长度。相交面积为Sd=sqrt((x1-x2)^2+(y1-y2)^2)（1）如果r1+r2<=d那么两圆相离，相交面积S=0（2）如果r2-r1>=d那么半

2017-08-29 20:00:05 7292

原创【笔试集锦】多益网络二笔

一、下面的结果返回的结果var a = new Date("2014-03-19");var b = new Date(2014,03,19);a.getDay() == b.getDay();a.getMonth() == b.getMonth();解答：在利用Date对象时其中有几种传值的方式：（1）new Date（"2014-01-19"）（2）new Date("2014/0

2017-08-29 19:49:26 524

原创【学习笔记】jQuery库扩展

jQuery库中有可以进行实力扩展也可以进行对象属性的扩展，所以在对jQuery进行扩展时，要注意是扩展类的属性还是实例的属性。（下面的jQuery均可以利用$进行替代）在进行扩展前先介绍下jQuery中对对象进行扩展的方法jQuery.extend， jQuery.extend([deep], target, object1, [objectN]) （1）当其中只有一个参数时表示的是对jQ

2017-08-29 15:04:22 372

原创【学习笔记】jQuery的实现原理

JQuery是用于操作页面元素的便捷之道，里面封装了兼容各个浏览器的hack 处理，在幅DOM操作的运用环境中引用jQuery作为辅助工具将会是一个很不错的选择。一、诞生在没有jQuery之前要获取DOM元素非常的繁琐：（1）querySelector（2）querySelectorAll（3）getElementById （4）getElementsByTagName（5）getE

2017-08-28 16:36:02 415

原创【学习笔记】JQuery学习笔记

一、选择器在CSS规则中两个选择器中添加空格和不添加空格是有区别的：加空格表示的是后代选择器（可以不是直接子元素），而不加空格则表示的是在一个元素上同时满足两个条件，即不加空格表示的是“且”的关系。.example .pp{ color: orange;}.example.pp2 { color: green;}第一个表示的是具有.example类元素中具有.pp类的子元素：<p

2017-08-28 11:00:28 496

原创【学习笔记】Vue响应式原理

一、vue中的响应式属性Vue中的数据实现响应式绑定1、对象实现响应式：是在初始化的时候利用definePrototype的定义set和get过滤器，在进行组件模板编译时实现water的监听搜集依赖项，当数据发生变化时在set中通过调用dep.notify进行发布通知，实现视图的更新。2、数组实现响应式：对于数组则是通过继承重写数组的方法splice、pop、push、shift、unshift

2017-08-25 22:40:13 350

原创【学习笔记】Vue中实现双向数据绑定的原理

在实现双向数据绑定的方法中主要有如下几种方式：（1）发布订阅者模式（backbone.js）（2）脏检查（angular.js）（3）数据劫持在vue中是结合了（1）和（3）两种方式来实现的，主要通过Object.defineProperty（）方式进行数据劫持，然后订阅发布者模式监测数据的变化并进行广播。可以参考下面的文章：文章里介绍的比较详细下面附上自己实现的代码：<!DOC

2017-08-25 22:23:30 1680

原创【笔试题】阿里前端笔试题---两列布局，不需要自适应

昨天不知道因为网速的原因还是怎么会回事，该题的图片没有显示，但是感觉是要实现两栏式布局，不要求自适应，应该利用BFC的知识就好了，只要两个子元素分别形成BFC即可。形成BFC的方式：（1）float：Left、right （2）position: absolute、fixed （3）display：inline-block、table-caption、inline-table （4）o

2017-08-24 10:09:13 308

原创【笔试题】阿里内推---CSS实现元素居中的几种方式

给定基础结果如下所示：实现content的水平和垂直居中的方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>居中</title> <style type="text/css"> .container{ width:100px;

2017-08-23 22:39:47 273

原创【今日头条笔试题】找一组坐标点的右边界点

题目描述：给定一组坐标点集合，当其中的x点使得集合p中的所有的点均不在x的右上方时（横纵坐标均大于x的点）称为最大点，找出点集合中所有的最大点。解析：该题意就是要找边界点，思路就是对点集合按x进行排序，从x最大的点进行开始进行遍历，当Y的值逐渐变大时则满足条件，即呈阶梯状。var P =[];var count = parseInt(read_line());var line ;

2017-08-23 14:34:48 1544

原创【面试集锦】好未来前端面试题---JS实现轮播图

思路： 1、首先要有个盛放图片的容器，设置为单幅图片的宽高，且overflow：hidden，这样保证每次可以只显示一个图片 2、container内有个放图片的list进行position的定位，其中的图片采用float的方式，同时当图片进行轮播时，改变list的Left值使得其显示的图片发生变化。 3、图片的轮播使用定时器，通过定时器改变list的Left值是的图片循环展示 4、当鼠标

2017-08-23 11:48:37 4661

转载【学习笔记】vue-router路由的两种实现机制

【源码拾遗】从vue-router看前端路由的两种实现【源码拾遗】从vue-router看前端路由的两种实现本文由浅入深观摩vue-router源码是如何通过hash与History interface两种方式实现前端路由，介绍了相关原理，并对比了两种方式的优缺点与注意事项。最后分析了如何实现可以直接从文件系统加载而不借助后端服务器的Vue单页应用。随着前端应用的业务功能越来越复杂、

2017-08-20 17:23:45 2330

原创【常见面试题】网易游戏前端面试题集锦1

一、块级元素和行内元素的区别，行内块级元素是什么东西？解答：（1）块级元素独占一行，可以单独设置宽高等特性，块级元素内可以包含非块级元素和块级元素（2）行内元素不独占一行，在一行内可以完整显示时会在一行内显示元素，设置宽高以及垂直方向上的margin、padding将不会起作用（可以设置line-height），当然替换元素除外。其中只能包含非块级元素（3）行内块级元素：displa

2017-08-20 17:18:27 3137

原创【学习笔记】DOM中的节点操作函数以及属性

一、节点相关的属性 parentNode：获取元素的父节点 childNodes：获取元素的子节点其中包括文本节点等 firstChild：元素的第一个子节点 lastChild：元素的最后一个子节点 nextSibling：下一个兄弟元素 previousSibling：前一个兄弟元素以上的一组属性中除了parentNode外，其他的属性获取的节点中都有可能会含有文本节点，如下面的

2017-08-19 17:40:33 528

原创【JS数据类型】JS中的判断数据类型函数

一、JS中的基本数据类型 string、boolean、null、undefined、number，symbol（ES6）基本数据类型通常指的是直接利用字面量的方式进行赋值的情况，其中要注意的是，对于已经初始化的基本数据类型（即var a = 1234），是可以直接调用其对应对象的方法的，再调用方法的时其本质是浏览器实现了对基本数据类型的装箱和拆箱操作，再调用方法时将其转换为对引得对

2017-08-19 14:24:15 1160

原创【事件绑定的方式】兼容浏览器的事件监听器的设计

一、兼容浏览器的事件监听器主要是兼容IE8以前的浏览器，addEvent方法中介绍了三种绑定事件的方式，其中要注意：（1）在IE的事件绑定方式中，事件处理函数里面的事件对象时挂在window上面的，所以获取event对象时需要利用window.event来获取（2）addEventListener添加监听器时注意事件的冒泡和事件的捕获，即该方法的第三个参数，事件的冒泡和捕获注意的事项参见

2017-08-19 11:33:59 402

原创【CSS布局】三栏式布局，左右定宽，中间内容区域自适应

实现三栏式布局的经典方法有：双飞翼布局、圣杯布局，两者都是利用了父margin来达到想要的效果，同时也是遵循重要的内容优先加载的原则（先加载center），只是在实现上稍微有些不同，同时利用CSS3的flex布局也可以实现以上效果。下面介绍下具体的实现方法：（1）圣杯布局原理：三个部分均被一个div元素进行包裹，同时优先加载center，利用float使元素进行浮动，其中的主要点就是利

2017-08-19 10:48:25 910

原创 [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一、原生JS事件绑定方法：1、通过ＨＴＭＬ属性进行事件处理函数的绑定如：　＜a href="#" onclick="f()"＞2、通过JavaScript对象属性进行绑定：var a=document.getElementById("a"); a.onclick=function(){alert("你好！")};//这里也可以不用匿名的函数直接赋方法名也是可以

2017-08-18 09:45:27 735

原创 [TOP]利用jQuery对插件进行扩展时，方法$.extend()、$.fn.extend()区别与联系

利用JQ开发插件的方法： 1、jQuery.extend(); 2、jQuery.fn.extend(); 3、通过$.widget()应用jQuery UI的部件工厂方式创建。由于第三种方式通常用于开发比较高级的jQuery的部件，开发难度较大，所以第一种和第二种方式用的更为广泛，下面主要对前两种方式的区别和联系以及使用的方法做一些介绍。简要的说明一下： jQuery

2017-08-18 09:45:24 286

原创阿里前端内推笔试题

利用面向对象思想完成买家信息删除功能，每一条信息包含：姓名（name）性别（sex）电话号码（number）省份（province）实现以下要求：不能借用任何第三方库，需要使用原生代码实现。结合给出的基本代码结构，在下方2处code here补充代码，完成买家信息的删除功能，注意此页面要在手机上清晰显示。 js代码可以任意调整，例如和使用es6代码完成。

2017-08-18 09:45:19 1554

原创 Js中有关变量声明和函数声明提升的问题

在ECMAScript5中没有块级作用域一说，只有函数作用域和全局作用域，在其中声明的变量和函数和其他语言的展现形式不同，在某些情况下不一定需要先定义后使用，函数和变量的使用可以在其声明之前，这到底是怎么回事呢？让我们一起揭开变量声明提前的神秘面纱！！！一、变量声明提升1 var a = 10;2 function test() {3 a = 100;4 a

2017-08-18 09:45:14 353

原创 ES6中的export以及import的使用多样性

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。一、export导出模块使用部分的几种方式一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。（1）

2017-08-18 09:45:09 1622

原创 JS以及CSS对页面的阻塞

一、JS阻塞所有的浏览器在下载JS文件的时候，会阻塞页面上的其他活动，包括其他资源的下载以及页面内容的呈现等等，只有当JS下载、解析、执行完，才会进行后面的操作。在现代的浏览器中CSS资源和图片image资源是并行下载的，在IE6中默认的并行的加载数目是2个，在IE6以后以及其他的浏览器中的默认的并行加载数目是6个。在浏览器从服务器接收到HTML文档后，并把HTML在内存中转换为DOM

2017-08-18 09:45:04 374

空空如也

空空如也