aler56010-CSDN博客

转载移动端侧滑删除demo

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt...

2018-12-28 17:01:00 162

转载移动端滑屏demo

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

2018-12-28 16:55:00 117

转载原生js写移动端触屏拖拽

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable=no, init...

2018-12-28 16:34:00 158

转载关于 H5 video 代码

//正常video 标签书写格式 <video width="" height=""> <source src="myvideo.mp4" type="video/mp4"></source> <source src="myvideo.ogv" type="video/ogg"></sourc...

2018-07-30 11:43:00 291

转载 H5 的 video

上个星期，项目需求是在公司服务器上放些视屏，通过二维码或链接分享出去，让客户访问。本来是一个很简单的东西，我首先想到的是H5的video 标签。这个标签已经被大多数主流浏览器支持(PC端的Chrome，安卓端浏览器，微信浏览器，QQ浏览器(自带播放器)，以及IOS的safari都支持h5的video标签)，而且使用简单。在写好了页面以后，我拿了项目中的一个格式...

2018-07-29 10:55:00 101

转载 MVC 与 MVVM

MVC （Model-View-Controller）M - Model ：数据保存V - View : 用户界面C - Controller ：业务逻辑MVC的流程：view（界面）触发了事件 ==>controller（业务）处理了业务，触发了数据更新（也就是让model改变了状态）==>model将新的数据发送给view==>vie...

2018-05-28 16:58:00 82

转载 js中原始值和引用值

在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。原始值-----存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置;引用值-----存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。如果一个值是引用类型的，那么它的存储空间将从堆中分配。由于引用值的大小会改变，所以不能把它放在...

2017-09-23 16:17:00 164

转载 js字符串函数

JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。var index1 = a.inde...

2017-04-20 19:46:00 67

转载断点调试

1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文...

2017-04-20 15:54:00 250

转载库和框架

很多人库和框架傻傻分不清楚，误以为库就是框架，或者认为指定语言的库就是框架。库是将代码集合成的一个产品，供程序员调用。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的库也叫函数库。在函数库中的可直接使用的函数叫库函数。开发者在使用库的时候，只需要使用库的一部分类或函数，然后继续实现自己的功能。框架则是为解决一个(一类)问题而开发...

2017-04-12 13:35:00 86

转载 Js 原型对象与原型链

原型对象　　每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下，每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。原型链　　由于原型对象本身也是对象，根据上边的定义，它也有自己的原型，而它自己的原型对象又可以有自己的原型，这样就组成了一条链，这个就是原型链，JavaScritp引擎在...

2017-04-07 00:23:00 108

转载 zepto

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的；因为它的最初目标在移动端提供一个精简的类似jquery的js库。核心方法$()$('div') //=> 所有页面中得div元素$('#foo...

2017-04-04 21:41:00 96

转载闭包的理解

出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。那就是在函数的内部，再定义一个函数。闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接...

2017-03-31 00:19:00 50

转载 JSON与XML的区别比较

JSON与XML的区别比较1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML使用DTD(document type definition)文档类型定义来组织数据;格式...

2017-03-30 00:26:00 59

转载 ajax 异步请求四个步骤

ajax异步请求详解ajxa定义：异步的JavaScript和xml1、XMLHttpRequst的出现才有了异步处理2、创建XmlHttpRequest对象var request=new XMLHttpRequest();注意：如果要兼容IE6以下浏览器则需要编写如下代码 var request; i...

2017-03-28 23:12:00 164

转载 angularJS之项目知识

多页应用与单页应用（SPA）多页应用：一个项目中有多个完整的.html页面单页应用：只有一个.html是完整的（缺少body主体），其它.html都是不完整的（可能只是一个div而已）多页应用：多个页面间的跳转可以使用超链接、表单提交、JS…单页应用：多个“伪页面”间的跳转可以使用超链接、JS(...)多页应用：页面切换是同步请求：客户端先删除第一个页面的DOM结构，发起HTTP请求，等...

2017-03-26 22:36:00 77

转载 AngularJS入门之如何快速上手

概述：AngularJS（ng）是一个纯JS框架，AngularJS易于构建CRUD应用(CRUD意思是增删改查)适用于以数据操作为主的SPA（Single Page Application）应用。基于jQuery对传统的DOM操作进行进一步的封装---使用MVC操作代替了所有的DOM操作。不再是“先查找元素再操作元素”，所有的操作都是以“业务数据“为中心 ...

2017-03-26 22:25:00 126

转载 JavaScript 字符串（String）对象

JavaScript字符串（String）对象String 对象用于处理已有的字符块。JavaScript 字符串一个字符串用于存储一系列字符就像 "John Doe".一个字符串可以使用单引号或双引号：实例var carname="Volvo XC60";var carname='Volvo XC60';你使用位置（索引）可以访问...

2017-03-25 00:43:00 84

转载 h5 新的 input 类型

Input 类型: colorcolor 类型用在input字段主要用于选取颜色，从拾色器中选择一个颜色如下所示：<input type="color" name="favcolor">Input 类型: datedate 类型允许你从一个日期选择器选择一个日期。<input type="date" name="day"&gt...

2017-03-25 00:26:00 109

转载 flex 弹性布局

布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 Flexbox布局功能主要有以下几点：屏幕和浏览器窗口大小...

2017-03-22 23:29:00 114

转载 javascript 值类型与引用类型数据类型间的转换

在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。原始值和引用值在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。原始值存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。引用值存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。为变量赋值...

2017-03-20 23:23:00 101

转载 css 布局之定位

往往在网页布局中会出现覆盖，这时我们需要使用定位技术了。什麽是定位，通俗来说就是你想让元素在哪个位置。CSS定位的基本思想很简单，它允许定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。相对定位(position：relative)-元素依然是占位的使用相对定位的盒子的位置常以标准流的排版方式为基础...

2017-03-19 15:00:00 71

转载 css 浮动

在css中，有一个我们又爱又恨的属性，浮动。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7。很多初学者不明白浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？下面我们一起来学习一下吧！首先，为什麽要设置浮动呢？而在网页布局中，我们常常需要将两个或者是多个div并排放置。由于div独占一行，并排是不可能实...

2017-03-18 23:44:00 82

转载关于html5

HTML5是是对 HTML 标准的第五次修订，它的设计目的是为了在移动端上支持多媒体。新的语法被引进并支持了这一点：如video ,audio，canvas标记。html5还引进了新的功能，可以真正的改变用户与文档的交互方式。包括新的解析规则增强了灵活性，新属性，淘汰过时的或冗余的属性，离线编辑，信息传递的增强，在sql数据中存储数据的通用标准。 ...

2017-03-15 23:56:00 79

转载网页样式

CSS和html一样也是一种标记语言，在网页制作中非常重要，一些非常重要的显示，交互效果都是通过css来完成，css的最新版本是css3。html中添加css样式的三个位置有：1.内部样式 2.外部样式 3.行内（内联样式）。样式的预设:*{ margin：0；padding:0; }body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,in...

2017-03-15 00:05:00 91

转载 html 常用标签

昨天写到html不是编程语言是超文本标记语言，它是所有网页标签的一个容器。今天来说说html的常用标签；一些标签不常用，只要了解就好。常用标签<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title...

2017-03-14 00:27:00 52

转载 html 和 css基础一

今天不想写太多，就来说说html到底是什麽。html不是一种编程语言，而是一种标记语言，是用来描述网页的；它使用标签来描述网页，标签是由尖括号包围的关键字；例如：<html> <head> <meta charset="UTF-8"> <title></title></head> &lt...

2017-03-12 23:53:00 38

aler56010的博客