• CSS3弹性盒子

    经过这段时间的学习,对于HTML+CSS的一些基础知识有了一定的了解。所谓好记性不如烂笔头,多做笔记一点点的累积,才能汇聚成知识的海洋,不懂的地方多跟同学交流或者向老师咨询。下面我说一下CSS3中的弹性盒子:以往的网页布局方式方式:基于盒模型,依赖display属性+margin属性+padding属性+float属性。特殊布局比较麻烦(比如元素的垂直居中)。2009年w3c推出flex布局,可以简便,完整,响应式的实现网页布局。任何元素都可以使用,弹性盒子是CSS3的一种新的布局模式。一、fl

    弹性盒子
  • CSS图片下面如有间隙的6种解决方法

    1、将图片转换为块级对像即设置img为:display:block;2、设置图片的垂直对齐方式即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决。3、设置父对象的文字大小为0px即,在样式中添加一行: font-size:0px;可以解决问题。但这也引发了新的问题,在父对像中的文字都无法显示。就算文字部分被子对像括起来,设置子对像文字大小依然可以显示,但在CSS效验的时候会提示文字过小的错误。4、改变父对象的属性如果父对象的

    HTML
  • JavaScript函数,定时器

    JavaScript函数,定时器通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。**定时器在javascript中的作用**1、制作动画2、异步操作一、定时器类型及语法:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码 setInterval() 和 setTimeout() 是 Window对象的两个方法。定时器: setTim

    JavaScript
  • JavaScript基本数据类型与引用数据类型

    JavaScript基本数据类型与引用数据类型1、栈(stack)和堆(heap)stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小也不一定会自动释放。 2、数据类型  JS分两种数据类型:   基本数据类型:Number、String、Boolean、Null、 Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。   引用数据类型:Object(在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象

    JavaScript
  • JavaScript正则表达式

    正则表达式正则表达式,又称规则表达式、计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本,许多程序设计语言都支持利用正则表达式进行字符串操作。正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。目的:给定一个正则表达式和另一个字符串,我们可以达到如下的目的:1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”):2. 可以通过正则表达式,从字

  • 前端性能优化方法

    前端性能优化方法随着前端引用变得越来越复杂,前端的性能优化变得越来越重要。大家都有这样一种体验,如果打开一个网站的速度非常快,那么在的上面的停留时间相对较长,反之,则可以以后再也不想访问这个网站了。可见性能优化的重要性,决定的用户的去留。那么具体如何来提高前端的性能呢?要提高前端网页的性能,首先你要对当前的网站性能水平有个量化的认知,那么我们如何去查看一个网页的性能呢?非常简单,我们可以使用chorme的一个插件叫做lightHouse,该插件能够自动的分析当前网页的各项性能指标,更贴心的是,它

    优化
  • JQuery总结

    JQuery总结1.JQuery库中的$()是什么?  $()函数是JQuery()函数的别称。$()函数用于将任何对象包裹成JQuery对象,接着你就被允许调离定义在JQuery对象上的多个不同方法。你可以将一个选择器字符串传入$()函数,它会返回一个包含所有匹配的DOM元素数组的JQuery对象2.如何找到所有 HTML select 标签的选中项?  $('[name=selectname]:selected')3.$(this) 和 this 关键字在 jQuery 中有何不同?   $

    JQuery
  • JavaScript闭包与回调函数

    JavaScript闭包与回调函数一、闭包函数  闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收  闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量。使用闭包有一个优点,也是它的缺点,闭包的主要作用将需要的数据封装在一个私有区域,避免外界的干扰,又

    JavaScript
  • 箭头函数的优点和缺点

    箭头函数的优点和缺点ES6标准新增了一种新的函数:Arrow Function(箭头函数)箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。举个例子,foo和bar在做同样的事情。let foo = function() {  console.log('BAZ')}let bar = () => {  console.log('BAZ')}foo()

    箭头函数