2020年01月_A-Select °

原创 jQuery 对象可以调用 DOM 对象的方法吗

jQuery 对象可以调用 DOM 对象的方法吗？我们知道，在 DOM 中，可以使用对象.style.background 为对象设置背景色，现在我们用一个 jQuery 对象，看是否也可以调用它，如下所示HTML 代码<body> <div id="chinese">语文</div> </body>jQuery 代码$(...

2020-01-31 16:33:09 2896 2

原创 JavaScript/JS闭包理解

JavaScript/JS闭包理解1.实用的闭包闭包很有用，因为它允许将函数与其所操作的某些数据（环境）关联起来。这显然类似于面向对象编程。在面向对象编程中，对象允许我们将某些数据（对象的属性）与一个或者多个方法相关联。因此，通常你使用只有一个方法的对象的地方，都可以使用闭包。2.闭包的概念JavaScript中的函数会形成闭包。闭包是由函数以及创建该函数的词法环境...

2020-01-30 16:19:50 121

原创 HTML和HTML5、css和css3的区别

HTML和HTML5的区别:其实说白了，就是ES5和ES6的区别，HTML是前端搭建页面的必须品，但是随着人们开发的需求和速度，后期维护和代码可读性，各个方面的需求不断增加，会发现HTML里面的一些标签满足不了，所以就更新换代，不断的更具需求整合添加了一部分新的元素标签进来，其中常用的有如下这些，如有不全请谅解，仅供参考:新增的结构标签：1、header元素表示页面中一个内容区块或真个页面...

2020-01-28 16:43:55 1384

1).使用!!将变量转换成boolean类型有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用!!（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或NaN，其他的都返回true。我们来看看这个简单的例子function Account(cash){ ...

2020-01-27 18:10:50 135

原创 JavaScript实现动画效果

在一些动画设置中，我们可以用CSS中已有的动画属性方便的设置动画效果，比如说animation动画，transition过渡，它们结合一些2D，3D变换可以达到可观的动画效果，但是涉及到更多更加复杂的动画这个时候我们还要基于JavaScript实现。在这里我们定义一个JavaScript中一个实用的函数以便今后的设置。动画基础（1）定时器setTimeout动画的设置是在一个连续间隔的时间...

2020-01-27 18:04:26 1203

原创 jQuery 动画效果

一、基本动画效果是指元素的隐藏和显示1、隐藏匹配元素使用hide()方法可以隐藏匹配元素，相当于把CSS样式属性display的值设置为none，它的语法格式如下：hide(speed,[callback])其中，speed是指定动画的时长，可以是数字（单位：毫秒ms），也可以是默认参数（slow(600ms)、normal(400ms)、fast(200ms)）！使用默认参数时候需要...

2020-01-26 17:26:46 186

原创 jQuery 放大镜效果

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> /** {*/ /* margin: 0px;*/ /* padding: 0px;*/ ...

2020-01-25 18:27:16 69

原创 SVG

一、svg与canvas画布的区别canvas是html5提供的新元素，而svg存在的历史要比canvas久远，svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。1.canvas依赖分辨率,放大后失真；不支持事件处理器；文本渲染力弱；能够以 .png 或 .jpg 的格式保存结果图形最合适图像密集型的游戏，其中许多的对象会被...

2020-01-23 17:25:25 114

原创碰撞小球

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2020-01-22 20:05:35 151

原创代码的规范要点

常量命名全部大写，单词间用下划线隔开，力求语义表达完整清楚，不要嫌名字长。抽象类命名使用Abstract或Base开头；异常类命名使用Exception结尾；测试类命名以它要测试的类的名称开始，以Test结尾。杜绝完全不规范的缩写，避免望文不知义如果使用到了设计模式，建议在类名中体现出具体模式。Service/DAO层方法命名规约1）获取单个对象的方法用get做前缀。2）获取多个对象的...

2020-01-21 20:00:05 166

原创 50道 CSS 经典题

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W...

2020-01-20 10:48:20 425

原创 js函数

JavaScript 函数定义JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。函数声明在之前的教程中，你已经了解了函数声明的语法 :function functionName(parameters) { 执行的代码}函数声明后不会立即执行，会在我们需要的时候调用到。实例 function myFunction(a, b...

2020-01-19 16:51:02 88

原创 Bootstrap组件（6）页面标题、缩略图

Bootstrap 页面标题（Page Header）页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把您的标题放置在带有 class .page-header 的 <div> 中：实例<div clas...

2020-01-18 20:14:48 247

原创小结常见布局技巧

1.0 子绝父相，盒子塌陷，创建BFC当浮动解决不了问题的时候，会考虑用定位实现，而为了页面的稳定性，要给父元素相对定位当嵌套的标准流，块级子盒子设置上外边距就会出现塌陷触发BFC能解决日常网页开发中很多不必要的麻烦2.0 布局规律从上到下，从外到内，从左到右，实体化盒子，再考虑内容浮动解决一行多个的问题，浮动解决不了的就用定位能用宽度就不用padding，能用padding...

2020-01-17 16:10:55 82

原创 Bootstrap组件（5）分页、徽章、超大屏幕

Bootstrap 分页默认的分页添加class .pagination 来在页面上显示分页。实例：<ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li&...

2020-01-16 16:12:12 337

原创 Bootstrap组件（4）导航栏、面包屑导航

Bootstrap 导航栏默认的导航栏向 <nav> 标签添加 class .navbar、.navbar-default。向上面的元素添加 role=“navigation”，有助于增加可访问性。向 <div> 元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 <a> 元素。这会让文...

2020-01-15 16:56:10 1131

原创 HTML5新增元素，标签总结

HTML5新增元素，标签总结1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。<input formaction="ne...

2020-01-14 10:05:27 282

原创 Bootstrap组件（3）导航元素

Bootstrap 导航元素表格导航或标签创建一个标签式的导航菜单：以一个带有 class .nav 的无序列表开始。添加 class .nav-tabs。实例：<p>标签式的导航菜单</p><ul class="nav nav-tabs"> <li class="active"><a href="#">Home&lt...

2020-01-13 18:13:28 159

原创 es6种for循环中let和var区别

let和var区别： 1 for(var i=0;i<5;i++){ 2 setTimeout(()=>{ 3 console.log(i);//5个5 4 },100) 5 } 6 console.log(i);//5 7 console.log('=============') 8 9 for(let j=0;j<5;j++...

2020-01-12 16:40:26 254

原创 Bootstrap组件（2）按钮下拉菜单

Bootstrap 按钮下拉菜单如需向按钮添加下拉菜单，只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。示例：<div class="btn-group"> <button type="button" class="btn bt...

2020-01-11 17:24:13 162

原创 svg 放大缩小后的比例

svg 放大缩小后的比例function getCoords(evt) { // 计算出当前屏幕与svg的比例 var canvas = document.getElementById("canvase"); var viewbox = svgRoot.getAttributeNS(null, "viewBox"); //获取ViewBox属性 var para...

2020-01-11 17:15:41 725

原创函数中的this的指向

函数中的this的指向普通函数中的this是谁?-----window对象.方法中的this是谁?----当前的实例对象定时器方法中的this是谁?----window构造函数中的this是谁?-----实例对象原型对象方法中的this是谁?—实例对象 //严格模式: "use strict";//严格模式 function f1() { conso...

2020-01-10 19:13:09 96

原创数组排序

web开发中，获取的json数组对象，有时候需要按不同的字段排序，为了减少对服务器请求的次数，可以使用js的数组排序方法sort()对数组排序。一.简单的数字数组排序 1.1 升序 var array=[5,3,1,2,7,4]; var resulet=array.sort(); console.log(resulet); 输出结果：[1, 2, 3, 4, 5, 7] 1...

2020-01-09 17:11:11 140

原创 Bootstrap组件（1）下拉菜单、按钮组

Bootstrap 下拉菜单.dropdown 指定下拉菜单，下拉菜单都包裹在 .dropdown 里 .dropdown-menu 创建下拉菜单 .dropdown-menu-right 下拉菜单右对齐 .dropdown-header 下拉菜单中添加标题 .dropup 指定向上弹出的下拉菜单 .disabled 下拉菜单中的禁用项 .divider 下...

2020-01-08 15:18:28 219

原创 Bootstrap （4）表格、按钮、图片

Bootstrap 表格下表样式可用于表格中：.table 为任意 <table> 添加基本样式 (只有横向分隔线).table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)3. .table-bordered 为所有表格的单元格添加边框 .table-hover 在 <tbody> 内的...

2020-01-07 10:16:43 588

原创 Bootstrap（3）排版

Bootstrap 排版Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。如果在标题内添加<small>标签或者添加small类名，将会得到浅颜色的小一号字体想要到更大更粗、行高更高的文本添加lead类名Bootstrap 提供了一些用于强调文本的类，如下面实例所示：<small>设置文本为父文本大小的 85%</small&gt...

2020-01-06 15:41:41 227

原创 js对当前时间进行处理

//1、JS获取两个日期之间相差的天数 function getDaysBetween(dateString1, dateString2) { var startDate = Date.parse(dateString1); var endDate = Date.parse(dateString2); var days = (endDate - startDate) / ...

2020-01-04 21:01:21 102

原创改变input[type=range]的样式动态滑动

改变input[type=range]的样式动态滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2020-01-02 10:30:25 589 1

原创 css3新增属性有哪些？css3中常用的新增属性总结

一、css3新增边框属性1、css3新增属性之border-color：为边框设置多种颜色p { border-style:solid; border-color:#ff0000 #0000ff; }这里说一下题外话，需要注意：“border-width” 属性如果单独使用的话是不会起作用的。请首先使用 “border-style” 属性来设置边框。2、css...

2020-01-01 08:40:34 1448

A-Select °