town456-CSDN博客

原创 BOM 浏览器对象模型

BOM 浏览器对象模型javascript 是由ECMAscript BOM DOM 组成 ▲对象是window window的常见方法： alert( )； //弹出信息框 prompt (提示信息 )； //弹出输入框，点击确定，返回字符串，点击取消，返回null ...

2018-08-16 15:09:12 143

原创数组

数组：一组数据或多个数据组名，可以包含六大数据类型var arr = [1,2,3]; //字面量创建方式var arr = new array(1,2,3) //构造函数方式数组的操作： arr.push( )在数组的末尾添加元素，返回新长度 arr.pop( )在数组的末尾删除元素，返回新长度 arr.unshift( ) 在数组的开头添加元素...

2018-08-15 19:14:59 124

原创函数function

含义：函数就是由事件驱动的或者当他被调用时执行的可重复使用的代码块。好处：重复使用，忽略细节，选择执行函数的参数和arguments：形参：定义一个函数时实参：调用函数的时候特点：形参和实参不一致，形参比实参数量多，多出来的形参，为undefined；形参比实参少，多出来的实参，传递到arguments中...

2018-08-09 19:59:17 167

原创模块化开发

开发中将项目的划分为许多模块，模块其实就是将功能相关的代码封装在一起，方便维护为什么通过模块化方式开发？1高内聚低耦合，有利于团队作战，当项目复杂的时候，将项目划分为子模块分给不同的人开发最后组合在一起，可以降低模块与模块之间的依赖关系体现低耦合，模块又有特定功能体2可重用，方便维护，模块的特点就是有特定功能，当两个项目都需要某种特定功能的时候，只需要在两个项目中引入这个模块就能实...

2018-08-05 17:52:21 176

原创圆角属性和rgba

border-radius:10px; 设置圆角属性纯圆：border-radius:50%；边框颜色：border-color: # # # #图片边框：border-image : 图片路径 4 个方向宽度平铺方式stretch 拉升 round 平衡*...

2018-08-02 18:30:11 210

原创新增标签

语义化：header nav 导航，section栏目 article aside侧边导航栏， mark footer video audio canvas

2018-08-02 18:29:52 129

原创浏览器的内核

Trident-------IEGecko--------火狐Webkit原谷歌现苹果Blink现在的opera和谷歌presto原歌剧放弃了兼容

2018-08-02 18:29:31 221

原创移动端的常用布局

移动端布局和pc端差不多，只是单位的转变，pc端是以像素px为计量单位，而移动端是以vw 和rem 计量单位布局。现在我们来介绍vw是什么，vw是是获取屏幕宽度的百分比，1vw = 100/屏幕宽度的1/100;rem是获取值得单位，1rem = 100px; 度量的字体或者宽高px; 就用多少px/100 rem;主轴横向对齐 (设置在父类容器上)justify-content...

2018-08-02 18:29:01 178

原创 vue和react区别

vue和react 相似和区别 vue和react的区别相似之处他们都是JavaScript的UI框架，专注于创造前端的富应用不同于早期的JavaScript框架“功能齐全”，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。 Vue.js(2.0版本)与React的其中最大一个相似之处，就是他们都使用了一种叫’Virtual DOM’的东西都...

2018-08-02 18:28:44 1046

原创 jqyery选择器

选择器：id选择器：$("#box")class选择器：$(".box")后代选择器：$("#box>h2") $("#box").children("p") 方法： .find( ) .children( ) 为子选择器提供的方法伪类选择器：：first 选取第一个元素单个元素..

2018-08-02 18:28:21 275

原创 css3属性

css3渐变linear-gradient(方向，color1，color2)线性渐变一个方向到另一个方向笔直进行动画过度transtion:2s linear all 2秒匀速定义过度属性： property:all 或属性名2D转换属性transform : translate( x,y )移动接收两个值 rotate （）旋转正值顺负值逆scale...

2018-08-02 18:28:07 134

原创鼠标事件键盘事件

鼠标事件：onmouseover 鼠标放上去onmouseout 鼠标离开onmouseup 鼠标抬起onmousedown鼠标放下onclick 单机ondblclick 双击鼠标事件click：单击dblclick：双击mousedown：鼠标按下mouseup：鼠标抬起mouseove...

2018-08-02 18:27:52 169

原创标签语义化

一. 语义化背景讲到语义化，我们首先来聊聊html语义化的背景，HTML结构语义化，是最近几年才提出来的，以前的html结构，都是一堆的没有语义的冷冰冰的标签。最泛滥的就是div+css,以前的页面，你一打来就是一堆的div+css, 为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且官方w3c，也在HTML5给出了几个新的语义化的标签。二. 什么是语义化？语义化之...

2018-08-02 18:27:41 162

原创版本管理之svn

svn 集中式管理svn是subverSion的简称，是一个开源代码的集中式的版本控制系统集中式代码管理的核心是服务器，所有开发者在开始新一天的工作之前必须从服务器获取代码，然后开发，最后解决冲突，提交。所有的版本信息都放在服务器上。如果脱离了服务器，开发者基本上可以说是无法工作的。如果服务器不能连接上，就不能提交，还原，对比等等。最大的缺点：集中式的版本管理，所有的数据都是经过中央服...

2018-08-02 18:27:30 270

原创版本管理之git

版本管理是软件配置管理的基础，它管理并保护开发者的软件资源。版本管理种类：集中式的版本管理和分布式的版本管理。实现的控制软件分别有SVN 和Git 。 SVN 是集中式版本管理，大家都提交文件到同一个地方，这服务器的存储压力就大了。因此它对于文件的版本控制，只记录修改部分，不产生多余的数据。 Git的是目前世界上最先进的分布式版本控制系统。S VN的存储需要依赖一个服务器，而g...

2018-08-02 18:27:15 126

原创 gulp sass

gulp，使用的是Node.js中stream也就是流的概念，首先获取需要的stream，然后通过stream的pipe()的方法把流导入到你想要的地方，比如说gulp的插件中，经过插件处理后的流又可以继续导入到其他的插件中，当然也是可以把流写入到文件中，所以我们使用的gulp是以stream为媒介的，他不需要频繁的生成临时文件.pipe管道gulp.src指定需要处理的源文件的路径，gu...

2018-08-02 18:27:04 341

原创 position定位属性

position:static 默认值没有定位absolute绝对定位relative相对定位fixed固定定位fixed永远根据HTML来定位永远固定在浏览器的某处absolute随着网页滚动而滚动一个网页中的快捷返回键，用position:fixed;-------------------------------------------------------...

2018-08-02 18:26:51 391

原创 json跨平台数据

json数据首先HTML body写一个大框，内容为json数据，example,var json = [{ src :"(为图片的存放处)在线图片或者自己的图片" ， name:"名称"， pri :"价格"， }，{ }，]声明一个str 将数据存储，var str ="";fo...

2018-08-02 18:26:21 647

原创 touch.js

加载zepto.js加载touch.jstouch.js的文档 api http://cloudajs.org/docs/step4_API_Documentation#h2_7window.onload = function( ){ }$(document).ready(function( ){ } )$(function( ) { } )事件绑定touch...

2018-08-02 18:26:12 663

原创 ajax

ajax原理通过xmlhttprequest对象来向服务器发送请求，从服务器获得数据，然后js来操作DOM更新页面；JavaScript 通过用户或其他浏览器相关事件捕获交互行为xmlhttprequest 对象，通过这个对象可以在不中断其他浏览器任务的情况下向服务器发送请求服务器上的文件，以xml HTML 或json格式保存文本数据使用：创建对象 var ajax = ...

2018-08-02 18:26:01 155

原创 zepto.js

zepto.js的文档 http://www.zeptojs.cn/#modules加载zepto.js 加载fx.js 动画模块fx_methods 动画方法selector 扩展选择器移动版的jquery小库完成移动的功能css3能代替的，都没有封装...

2018-08-02 18:25:38 390

原创加载windowonload

网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:一.将脚本代码放在网页的底端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。二，通过window.onload执行脚本。第一种方式感觉比较凌乱（其实推荐使用），往往我们需要将脚本代码放在一个更为合适的地方，那么wind...

2018-08-02 18:25:18 201

原创 jq动画

方法 .show( )显示 .hide( )隐藏 .toggle( )切换点击自动执行显示隐藏用： .toggle( 时间，arguments.callee)滑动：slideUp( )向上滑动（隐藏）slideDown( ) 向下滑动（显示）slideToggle( ) 滑动（自动）淡入淡出fadeOut( )淡出fa...

2018-08-02 18:25:04 244

原创页面技术栈

页面的跳转用<a href="login.html"><span>登录</span></a> 2.鼠标移动到图片上放大或者缩小：用css3属性transition:all 2s :hover{ transform : scale (倍数) } 3.win...

2018-08-02 18:24:48 251

town456的博客