![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
啾啾哒
一个热爱前端的女孩
展开
-
Javascript之字符串的基本操作
var 关键字alert 弹出对话框prompt 弹出输入框console.log(a);//将结果在控制台输出document.write();//输出到文档上js变量命名规范:1.不能以数字开头2.不能使用js的关键字和保留字3.以字母_$开头是允许的4.变量命名有意义5.变量严格区分大小写注意:当j原创 2017-06-05 17:04:25 · 364 阅读 · 0 评论 -
前端面试准备-2
1.一次完整的http事务是怎么样的过程? (1)通过域名寻找ip地址 浏览器会首先搜索自己的浏览器缓存里面有没有DNS缓存,如果找到则结束,里面有域名对应的Ip地址。如果浏览器缓存没有找到,则会继续往操作系统中查找是否有DNS缓存,如果找到则结束,否则进行下一步。在操作系统中没有找到,就会尝试读取hosts文件,看看文件里面有没有对应的ip地址,否则继续下一步。浏览器会向本地的DNS服务提供商原创 2017-08-31 09:32:17 · 255 阅读 · 0 评论 -
绿盟一面
1.谈谈cookie,session和localStorage的区别? 共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递;cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所原创 2017-09-09 19:33:30 · 388 阅读 · 0 评论 -
面试准备三
1.在Javascript中什么是伪数组?如何将伪数组转化为标准数组?var guiseArr={‘0’:’AAA’,’1’:’BBB’,’2’:’CCC’,length:3}它虽然是个对象,但是也拥有数组的length方法,也可以通过索引取到里面的值,但是没有数组的pop,push方法。伪数组转化为数组(1)Array.prototype.slice.call(arr,0);(2)直接利用for循转载 2017-09-01 10:03:37 · 165 阅读 · 0 评论 -
事件绑定
一.解决非IE浏览器事件绑定的问题? 1.支持同一元素的同一事件句柄可以绑定多个监听函数。 2.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略。 3.函数体内的this指向的应当是正在处理事件的节点(如当前正在运行事件句柄的节点) 4.监听函数的执行顺序应当是按照执行的顺序执行。 5.在函数体内不用使用event=event||window.event,原创 2017-09-01 16:45:56 · 165 阅读 · 0 评论 -
博客前端--插件
设置一个接受插件的方法 Base.prototype.extend=function(name,fn){ Base.prototype[name]=fn; };$().extend(‘drag’,function(tags){ };封装css选择器 //通过构造函数来传递节点 if(typeof args==’string’){ case ‘#’: this.原创 2017-09-01 18:10:07 · 231 阅读 · 0 评论 -
弹性布局学习笔记
Flexbox 实现了帮助我们脱离 CSS 苦海(例如垂直居中)的目标,但想精通它却需要你应对一些挑战。所以,我们将通过一些动画让你直观地了解 Flexbox 的工作原理,并使用它来构建灵活的布局。Flexbox 的基本原则是提供一种构建灵活、直观的布局方式。为了达成这一目标,它让容器决定如何分配容器成员的大小以及空间。这听起来相当不错,那么,让我们来看看实践中它是如何工作的。在本文中,我们将深入的原创 2017-09-11 15:10:29 · 238 阅读 · 0 评论 -
git版本控制工具学习笔记
Git是目前世界上最先进的分布式版本控制系统,版本控制是一种记录一个或若干文件内容变化,以便将来查阅待定版本修订情况的系统。 工作区与版本库 工作区 就是你在电脑里能看到的目录 版本库 工作区有一个隐藏目录.git,就是Git的版本库 创建版本库 切换目录位置cd F:/task 显示当前目录位置 pwd 创建respository mkdir (在工作区生成文件夹) 初始化r原创 2017-09-11 16:47:30 · 287 阅读 · 0 评论 -
js--闭包
一.变量的作用域 两种:全局变量和局部变量 var n=100; function f1(){ alert(n); } f1();//100 在函数外部无法读取到函数内 function f1(){ var n=22; } alert(n);//error 函数内部声明变量时要用var命令,不然,相当于声明了一个全局变量。 function f1(){ n=1; }原创 2017-06-12 16:03:51 · 170 阅读 · 0 评论 -
弹性布局学习笔记
Flexbox 实现了帮助我们脱离 CSS 苦海(例如垂直居中)的目标,但想精通它却需要你应对一些挑战。所以,我们将通过一些动画让你直观地了解 Flexbox 的工作原理,并使用它来构建灵活的布局。Flexbox 的基本原则是提供一种构建灵活、直观的布局方式。为了达成这一目标,它让容器决定如何分配容器成员的大小以及空间。这听起来相当不错,那么,让我们来看看实践中它是如何工作的。在本文中,我们将深入的原创 2017-09-12 16:59:13 · 352 阅读 · 0 评论 -
Vue+Echarts
先附上代码:<template> <div id="main" style="width:600px;height:400px"></div></template><script> import echarts from 'echarts' export default{ name:'', data(){ ret原创 2017-09-15 22:48:00 · 484 阅读 · 0 评论 -
node+mongodb建站攻略(1)
入口文件 var express=require(‘express’) var port=process.env.PORT||3000 var app=express()app.set(‘views’,’./views’) app.set(‘view engine’,’jade’) app.use(express.bodyParser()) app.use(express.static(原创 2017-09-15 21:59:28 · 434 阅读 · 0 评论 -
BFC和overflow解决部分问题的原理
关于BFC普通文档流的盒子属于一种格式化上下文,它可能是块状或者行内元素,但是不可能同时是二者。块状盒子属于块状格式化上下文(BFC),行内盒子属于内格式化上下文。1.创建BFC的条件:float的属性不是none;overflow的属性不是visibleposition的属性是absolute,fixeddisplay的属性是:inline-block,table-cel原创 2017-08-29 18:07:16 · 2105 阅读 · 0 评论 -
Javascript之数组的基本操作
一.1.数组的创建var arrayObj=new Array();//创建一个数组var arrayObj=new Array([size]);var arrayObj=new Array(element1,element2...elementn);2.数组的元素的访问var testGetArray=arrayObj[1];arrayOb转载 2017-06-05 17:03:36 · 259 阅读 · 0 评论 -
js实现字符串的查找和替换
#box{ width: 600px; margin: 0 auto; border: 10px solid #9632cc; } #span1{ display:block; width: 560px; overflow:hidden; background: #ccc; font-size: 20px; pad原创 2017-06-05 17:15:37 · 7275 阅读 · 1 评论 -
星级评分原理和实现
知识点: 1.5-6种实现方式 2.snippets.css和script标签位置,使用jquery cdn的好处.事件委托 3。糟粕:全局变量的依赖.没有块级作用域 4.设计模式(代码易于维护.扩展和复用) 原理分析–html结构 <ul id="rating" class="rating"> <li class="rating-item" title="很不好"></l原创 2017-06-09 16:56:28 · 1033 阅读 · 0 评论 -
fullPage.js
fullPage.js是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站。主要功能有: 支持鼠标滚动 多个回调函数 支持手机.平板触摸事件 支持css3动画 窗口缩放 如何获取fullPage github地址:https://github.com/alvarotrigo/fullPage.js插件最新版本为2.6.7,需要先引入jQuery cdnjs网站插件的选原创 2017-06-11 19:34:40 · 233 阅读 · 0 评论 -
es6学习
1.let命令 基本用法: es6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只有let命令所在的代码块内有效。 { let a=10; var b=1; }a//ReferenceError:a is not defined b//1for(let i=0;i原创 2017-09-05 09:12:07 · 164 阅读 · 0 评论 -
vue+vuex+localStorage实现记事本
vue实现记事本vue数据双向绑定的原理 实现简单版vue的过程,主要实现{{}}.v-model和事件指令的功能。实现数据绑定 的做法: 数据劫持: vue.js采用数据劫持结合发布者-订阅者模式的方式,通过object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。思路整理: 已经了解到vue是通过数据劫持的原创 2017-09-05 20:43:15 · 1225 阅读 · 0 评论 -
文章标题
本文来自:高爽|Coder,原文地址:http://blog.csdn.net/ghsau/article/details/17027893,转载请注明。 XSS又称CSS,全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,当其它转载 2017-09-05 21:11:06 · 164 阅读 · 0 评论 -
谈谈两栏布局和三栏布局
1、左侧固定宽度,右侧自适应 方法一:左侧设置float: left,右侧设置margin-left为左侧的宽度。 注意:右侧不能设置float: left。<!doctype html> <html> <head> <style type="text/css"> #left{原创 2017-09-05 22:18:01 · 301 阅读 · 0 评论 -
前端面试准备(1)
1.什么是盒子模型? 首先盒子模型包括分两种:w3c盒子模型和IE盒子模型 标准盒子模型:总width=content+padding+border+margin IE盒子模型:总width=margin+border+padding+content-width 可以通过box-sizing:content-box(标准盒子模型) border-box(IE盒子模型)自定义采用哪一种盒子模原创 2017-08-29 17:39:28 · 352 阅读 · 0 评论 -
Node.js学习笔记(1)
Node.js的模块加载 module.esports指定这个模块对外暴露的部分 require(path||moduleName)可引入其他模块exports的部分 module可以使nodejs的核心自带也可以引入第三方模块 . 当前目录 .. 上一级目录 / 系统根目录 第三方模块的安装 node.js包管理器npm npm init :建立package.json npm原创 2017-11-06 15:42:53 · 228 阅读 · 0 评论