aa1143258364-CSDN博客

转载 vue-评论、input上传图片

前端基于YDUI框架开发<template> <div class="discuss"> <div style=""> <yd-cell-group> <yd-cell-item> <yd-textarea ...

2019-01-16 11:26:00 376

转载弹出蒙版后禁止底层滑动

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <title></tit...

2018-09-14 15:33:00 210

转载向上循环滚动 / 滚动到固定位置停2秒继续滚动

1 <div style="background-color:#fff;margin-bottom: 10px;"> 2 <p style="margin:0 10px;height: 40px;line-height: 40px; 3 font-size: 16px; 4 ...

2018-09-13 20:08:00 293

转载移动端-左右滑动

1 <div id="picBox" style="overflow: hidden;"> 2 <ul class="hotPic" style="display:flex;padding-bottom:15px;"> 3 {loop $news_category $item} 4 <li class="h...

2018-09-13 19:59:00 132

转载 JQ-第一次点击改变图片，再次点击恢复原本图片//下载图片到本地(移动端下载是ZIP)...

1 <div style="background-color: #fff;width: 100%;height: 26px;margin: 5px 0;"> 2 3 <p style="width: 50%;float: left;border-right: 1px solid #eee; mar...

2018-09-13 19:49:00 308

转载事件对象

事件对象 event所有事件触发，回调函数中都能得到eventDOM： d1.onmousemove = function(event){ e = e || window.event; // 兼容 console.log("move",e); } //输出获取：screenX/scree...

2017-11-17 21:01:00 66

转载事件类型

事件类型JS中所有事件类型都是小写，无驼峰命名法鼠标事件键盘事件3种HTML事件与网页相关鼠标事件onclick 当用户点击某个对象时调用的事件句柄。oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发ondblclick 当用户双击某个对象时调用的事件句柄。onmousedown 鼠标按钮被按...

2017-11-11 21:56:00 84

转载事件

事件定义：在某一时刻，发生的事事件流定义：把触发的事件延一个方向进行传播。两个方向，从里向外（冒泡事件），从外向里（捕获事件）分类(三类)：冒泡事件: 用于IE浏览器捕获事件：用于Netscape（网景）DOM事件：用于DOM浏览器，且IE、Netscape也支持例： div——/picture/p/span ：对di...

2017-11-10 20:47:00 102

转载节点样式

style 改变节点样式写法：节点.style访问属性每个节点都有一个style属性，访问可以直接节点.style.color；如果是两个单词的：如font-size，节点.style.fontSize，去掉“-”(在css中使用“-”)，使用驼峰命名法。值是一个字符串。changeBtn.onclick=function(){ d...

2017-11-05 21:00:00 201

转载节点

节点元素节点：标签是元素节点属性节点：例：Id , name , type , value文本节点：例：title、h1、p下的文档节点属性nodeType：节点类型，输出数值。例 1，2,3，，，nodeName：（文本#text）nodeValue：属性值，文本内容，可为null。let h = docume...

2017-11-04 13:17:00 80

转载 Location, History, Screen, Navigator对象

Location 对象跳转Location 对象包含有关当前 URL 的信息。 Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。Location 对象属性hash 返回一个URL的锚部分host 返回一个URL的主机名和端口hostname 返回URL的主机名href 返回完整的URLpath...

2017-10-29 11:35:00 85

转载 Window 对象

Window 对象所有浏览器都支持 window 对象。它表示浏览器窗口。全局变量是 window 对象的属性。全局函数是 window 对象的方法。 this访问全局。Window 对象属性window.onload：整个页面的所有东西加载完以后执行。对应方法。代码尽量写在window.onload里 window.onload=function(){...

2017-10-28 23:55:00 108

转载回调函数，setTimeout，Promise

回调函数在函数里调用传进来的函数（参数），该函数叫回调函数。好处：让封装的函数更灵活异步forEach使用的回调函数let ary = [];ary.forEach(function(){});let ary=[2,3,4,5,6,7,8]let sort=function(ary,func){ for(let...

2017-10-22 00:14:00 266

转载闭包

闭包广义，闭包：所有函数狭义，闭包：满足2个条件一个函数嵌套一个内部函数，且内部函数访问外部变量。内部函数必须被外部引用。好处：让局部变量持续保存。劣势：局部变量一直存在，占内存，导致内存浪费。let outer=function(){ let a=100; let inner=function(){ a++;...

2017-10-20 22:38:00 69

转载 this

this指向当前对象。各种情况：全局上下文node.js对全局上下文this特殊处理。console.log(this); ——输出 {}this 全局上下文和函数指向全局函数 var func=function(){ console.log(this); } func(); ...

2017-10-14 21:40:00 150

转载函数内部运作机制—上下文

函数内部运作机制执行上下文(Context)代码执行的环境全局上下文： JS引擎产生代码环境，运行代码；声明变量——全局变量；函数上下文：声明变量——局部变量；随上下文的销毁而销毁；eval上下文：eval：把字符串以JS的方式运行；变量对象 (VO)所有上下文中都有一个变量对象存放所有变量(不包含值).没有声明变全局变量...

2017-10-13 23:01:00 114

转载 set , map 集合

es6 常用的对象集合：set , mapsetlet set=new Set();set add(1);set add('');set add(true);set add({age:20});console.log(set);console.log(set.size); // 4for(let value of set){ con...

2017-10-08 15:35:00 84

转载正则表达式 RegExp 对象

正则表达式 RegExp 对象概念：通过特定符号组成表达式，并通过该表达式匹配字符串。好处：方便搜索、匹配字符串。缺陷：匹配、搜索速度不高。（复杂的表达式，解析效率不高)主要用于搜索、验证、匹配（或特殊环境使用）写法：/ /[ ]方括号:括号里的内容任取其一表达式：abc查找方括号之间的任何字符。^abc查找任何不在方括号之间的字符。...

2017-10-07 21:29:00 284

转载字符串与JSON互转

JSON 转字符串let obj={ name:'ww'; age:22; sex:'女';}let str=JSON.stringify(obj); //{'name':'ww',age:22,sex:'女'}console.log(typeof string,string); // string{'name':'ww',age:...

2017-10-01 15:04:00 130

转载循环数组方法

伪数组伪数组：没有数组的方法，用数字做属性arguments是伪数组arguments{'0':11,'1':22}arguments[0]; //访问属性0的值或：let stu=function(){ console.log(arguments);}stu(11,22,33); // {'0':11,'1':22,'2'...

2017-09-30 20:13:00 94

转载内置对象

对象(es 5): 1、原生对象 2、内置对象 3、宿主对象1、全局对象常用的：parseIntparseFloatNumberisNaN: isNan(x);let num=100*'abc';console.log(num); // NaNconsole.log(num==NaN); //false，不能比较console...

2017-09-23 19:12:00 59

转载对象—封装、继承

对象2面向对象的三大特征：1、封装 2、继承 3、多态封装概念：实现隐藏细节的过程。好处：1、重用2、隐藏实现的细节（可设置访问权限/级别）不限于面向对象，无处不在纯面向对象的访问级别：public 级别最低,均可访问protected 仅限父与子之间package 作用域,命名空间private 级别最高JS都是publi...

2017-09-22 22:03:00 80

转载对象—构造函数

编程范式(方式)命令式编程如：JS、Java过程化对象化：对象，一组属性的集合；类，对对象的描述；JS没有类对象 → 原型 → object → null(源)声明式编程如：HTML、CSS、SQLDSL领域的特定语言函数式编程JS支持命令式、函数式编程，包容性强，有各类写法，不纯粹。对象字面量对象l...

2017-09-16 20:23:00 106

转载函数-理论

函数可重复使用的一段代码；把所需的东西封装在一个函数里（代码块），随时调用。函数声明函数声明时，会产生一个作用域，在函数内部声明时，叫局部变量；只有当前函数内部可调用.函数和用var声明变量一样，也存在变量提升。（var:会有变量提升，到当前代码块顶部； let：不会有变量提升；）console.log(add)function add(a,b){...

2017-09-15 22:10:00 136

转载关于数组

数组使用单独的变量名来存储一系列的值；let user=[1,2,3,4,5]; 数组的值，可以放任何东西；let arr=[[],'helo',2];二维数组当我们把一个数组作为另一个数组的值时，叫二维数组。let users=[[1,1,'f42',31],[2,2,'f43',30]]; 创建数组的几种常用...

2017-09-10 12:45:00 76

转载 JS-变量

什么是变量？什么是变量提升？ var 和 let1，当为内存的某个区域指定一个有意义的标识符时，该标识符就叫做变量，这样，在编写代码时，我们就不必关心变量所表示的内存的实际位置了。变量所代表的是某个内存区域，存储在这个内存区域的数据在程序运行时是可以改变的。也就是说变量的取值在程序运行时是可以改变的，所以称为“变”量2，在es5中用var进行申明3...

2017-09-09 20:50:00 56

转载 JavaScript的运算符

JavaScript的运算符算术运算加法运算符（Addition）：x + y减法运算符（Subtraction）： x y乘法运算符（Multiplication）： x * y除法运算符（Division）：x / y余数运算符（Remainder）：x % y自增运算符（Increment）：++x 或者 x++自减运算符（Decrement）：--x 或者 ...

2017-09-03 10:34:00 52

转载 JS-数据类型之间的转换

隐式转换1，当不同数据类型进行相互运算的时候，2，当对非布尔类型的数据求布尔值的时候预期为数字的时候：算术运算的时候，我们的结果和运算的数都是数字，数据会转换为数字进行计算(- * / %)类型转换前转换后number44...

2017-09-01 23:17:00 86

转载 JS 数据分类

js的数据分类原始数据类型和引用数据类型区别原始数据类型 1,简单的数据段 2，存放的值(栈)引用数据类型 1,有多个值构成的对象 2，存放的地址(堆)原始数据类型或基本数据类型 6种1,null （空，不存在）2,undefined (1,申明未赋值，2，函数没有返回值)3,nu...

2017-08-27 17:08:00 103

转载关于JS

什么是js？JS，是JavaScript的缩写形式，JavaScript是一种基于对象和事件驱动并且具有相对安全性的客户端脚本语言。借用java之名，但和java没有关系javascript历史1，js是运行在浏览器上的。在最开始的时候，是验证页面数据而来产生的。2，在1995年时，由Ne...

2017-08-27 16:04:00 55

转载语义化标签

语义化标签：如header, nav, footer, section 等，标签的意思就代表着页面结构使用语义化标签：1、可以让页面结构优化，结构更清晰，方便浏览器搜索和搜索引擎解析2、即使在没有CSS样式的情况下，也以一种文档格式显示，容易阅读，方便维护3、便于搜索引擎抓取4、对盲人设备友好语义化标签：< strong > 使...

2017-08-20 15:15:00 67

转载 DTD & Hack

DTD文档类型定义（ Document Type Definition ）,可定义合法的标准通用标记语言、可扩展标记语言文档构建模块标准模式:排版样式和JS运行模式都是按照浏览器支持的最高标准运行。准标准模式混杂||怪异模式doctype缩写DTDBackCompat:标准兼容模式未开起；（混杂模式、怪异模式）（没有doctype,html的返回结...

2017-08-20 14:46:00 65

转载浏览器基础知识

出现浏览器兼容原因浏览器兼容性问题，是指：因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。浏览器内核也称为“引擎”，可大概以为“渲染引擎”，不过一般称之为“浏览器内核”。浏览器间内核的差异是产生兼容性问题的根本原因。TridentIE浏览器的内核：该内核程序在1997年的IE4中首次使用被采用并沿用到IE11.Trident...

2017-08-13 18:18:00 85

转载 flex 弹性盒模型

其它属性（block ，inline-block）转变为flex属性display : flex容器的属性flex-direction：决定主轴方向（即项目的排列顺序）row ：默认值，主轴在水平方向，起点在左端row-reverse ：主轴在水平方向，起点在右端column ：主轴在垂直方向，起点在上沿column-reverse ：主轴在垂直方向，起点在...

2017-08-12 00:22:00 69

转载行内元素与块级元素的区分

块级元素列表<address> 定义地址<caption> 定义表格标题<dd> 定义列表中定义条目<div> 定义文档中的分区或节<dl> 定义列表<dt> 定义列表中的项目<fieldset> 定义一个框架集<for...

2017-08-06 22:08:00 56

转载转义符

　前段时间学的知识，为免忘记，一点点整理。　　　　　　　转义符　　　　　　　　　　　　　代表的意义　　　　　　　　　　　　＼＂　　　双引号　　　　　　　　　　　　＼‘　　　单引号　　　　　　　　　　　　＼ｎ　　　换行符　　　　　　　　　　　　＼ｔ　　　制表符（相当于按下了Ｔａｂ键）　　　　　　...

2017-08-06 21:55:00 48

转载 BEM命名规范

　　谨以此文告诫自己浪费12个小时的教训。 BEM的意思是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种命名方法让你的css类对其他开发者来说更加透明而且更有意义。在此介绍的是在原始的BEM的基础上改进的版本。命名约定模式如下：.block{}.block_element{}...

2017-08-06 21:18:00 94

转载变量

变量是一块存储数据的内存空间，切该内存区域的数据内容可变化（新数据覆盖原数据）。变量必须先声明后赋值。变量的声明声明指定一块内存空间存放数据。书写格式：数据类型变量名;变量名必须一致，数据与数据类型匹配。例：int number=12；string str=“123”；变量的赋值赋值：将数据存放到变量的内存空间书写格式：变量名=数据;...

2017-07-30 20:56:00 101

转载ＨＴＭＬ　标签

基础标签描述＜！ＤＯＣＴＹＰＥ＞定义文档类型＜ｈｔｍｌ＞定义一个ＨＴＭＬ文档＜ｈｅａｄ＞定义关于文档的信息＜ｍｅｔａ＞定义关于ＨＴＭＬ文档的元信息＜ｔｉｔｌｅ＞为文档定义一个标题＜ｂｏｄｙ＞定义文档的主体＜ｈ１＞　ｔｏ　＜ｈ６＞定义ＨＴ...

2017-07-30 09:47:00 64

转载 Hello，Future !

　　未来，从２０１７年７月开始。　　在此之前对计算机的了解仅限于电脑交流、娱乐。接触了计算机行业才知道，能随时使用的聊天工具、娱乐软件背后是多少人没日没夜敲代码换来的。对于一个把电脑当娱乐工具的人而言，看着新鲜的代码（虽然只是很简单的入门）真是亚历山大啊。因为没有学过计算机知识，现在从C#语言开始学起。通过一周的学习，整理了一点C#中关于数据类型的知识。一、C...

2017-07-23 23:42:00 131

空空如也

空空如也