- 博客(40)
- 收藏
- 关注
转载 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
转载 转义符
前段时间学的知识,为免忘记,一点点整理。 转义符 代表的意义 \" 双引号 \‘ 单引号 \n 换行符 \t 制表符(相当于按下了Tab键) ...
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
转载 HTML 标签
基础标签描述<!DOCTYPE>定义文档类型<html>定义一个HTML文档<head>定义关于文档的信息<meta>定义关于HTML文档的元信息<title>为文档定义一个标题<body>定义文档的主体<h1> to <h6>定义HT...
2017-07-30 09:47:00
64
转载 Hello,Future !
未来,从2017年7月开始。 在此之前对计算机的了解仅限于电脑交流、娱乐。接触了计算机行业才知道,能随时使用的聊天工具、娱乐软件背后是多少人没日没夜敲代码换来的。对于一个把电脑当娱乐工具的人而言,看着新鲜的代码(虽然只是很简单的入门)真是亚历山大啊。 因为没有学过计算机知识,现在从C#语言开始学起。通过一周的学习,整理了一点C#中关于数据类型的知识。 一、C...
2017-07-23 23:42:00
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人