2020年07月_CV工程师呀

12月 10月 09月 08月 07月 06月 04月 03月 01月

原创 ES5 中的新增方法

1.数组方法array.forEach(function(currentValue, index, arr))currentValue：数组当前项的值index：数组当前项的索引arr：数组对象本身array.filter(function(currentValue, index, arr))filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组注意它直接返回一个新数组currentValue: 数组当前项的值index：数

2020-07-28 21:38:52 79

原创构造函数和原型（E6之前没有类的概念，只能用这个）

1. 构造函数和原型1.1 概述在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前，JS 中并没用引入类的概念。ES6，全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。在 ES6之前，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式：

2020-07-28 21:32:44 119

原创 JavaScript 面向对象

1.ES6 中的类和对象1.1类 class语法：class name { // class body} 创建实例：var xx = new name();1.2 类 constructor 构造函数语法：class Person { constructor(name,age) { // constructor 构造方法或者构造函数 this.name = name; this.age = age; } } 创建实例：var ldh = new Person

2020-07-28 21:21:03 79

原创 jQuery 事件

1. jQuery 事件注册语法：element.事件(function(){}) $(“div”).click(function(){ 事件处理程序 })2. jQuery 事件处理2.1 事件处理 on() 绑定事件语法：element.on(events,[selector],fn)on() 方法优势1：可以绑定多个事件，多个处理事件处理程序。$(“div”).on({ mouseover: function(){}, mouseout: function(){},

2020-07-23 09:58:59 92

原创 jQuery概述

1. jQuery 的基本使用1.1 jQuery 的入口函数$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; $(document).ready(function(){ ... // 此处是页面DOM加载完成的入口});1.2jQuery 对象和 DOM 对象DOM 对象转换为 jQuery 对象： $(DOM对象)$('div') jQuery 对象转换为 DOM 对象（两种方式）$('div') [index] index

2020-07-22 12:33:06 83

原创移动WEB开发之flex布局

1. flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局 =flex布局当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。2.flex布局父项常见属性2.1flex-direction 设置主轴的方向2.2justify-content 设置主轴上的子元素排列方式注意

2020-07-15 09:19:55 241

原创移动WEB开发基础

1.视口<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">2.二倍图2.1 背景缩放 background-sizebackground-size: 背景图片宽度背景图片高度;单位：长度|百分比|cover|contain;cover把背景图像扩展至足够大，以使背景图像完

2020-07-13 21:56:49 90

原创 JS中PC 端网页特效

1. 元素偏移量 offset 系列offset的所以属性都是针对有定位的，没有定位的是根据body元素来确定

2020-07-13 15:33:54 100 1

原创 BOM 浏览器对象模型

1. window 对象的常见事件1.1 窗口加载事件①window.onload = function(){}或者window.addEventListener("load",function(){});window.onload 传统注册事件方式只能写一次，如果有多个，会以最后一个 window.onload 为准。如果使用 addEventListener 则没有限制②document.addEventListener('DOMContentLoaded',function(

2020-07-12 15:43:22 109

原创 JS案例——模拟京东快递单号查询

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2020-07-11 18:36:20 2288

原创 JS案例——跟随鼠标的天使

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2020-07-11 18:35:42 330