dgj18042-CSDN博客

转载 ajax的原理和优缺点

ajax所包含的技术大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经...

2017-09-05 10:05:00 124

转载用面向对象写一个拖拽，并实现继承

思路：先用面过过程的方法将要实现的效果实现出来，然后按照以下步骤将拆分成面向对象　　　　//面向过程的程序改写成面向对象程序不能有函数嵌套　　//将window.onload初始化整个程序改为构造函数初始化整个对象　　//将面向过程中的变量改为属性　　//将面向过程中的函数改为方法 index.html代码：<!DOCTYPE html><html l...

2017-09-02 13:46:00 186

转载封装好的运动框架

//获取元素属性值的封装function getStyle(obj,name){ 　　if(obj.currentStyle){ 　　　　return obj.currentStyle[name]; 　　}else{ 　　　　return getComputedStyle(obj,false)[name]; 　　}}//运动框架function startMove(obj,jso...

2017-09-02 13:30:00 123

转载 JavaScript零散笔记

javascript基础js组成：DOM BOM ECMAScript ECMAScript：“翻译功能” js中最核心的部分，专业叫做解释器几乎没有兼容 DOM： Document Object Model 操作HTML的能力---》document 有一些不兼容 BOM： Browser Object Model 操作浏览器能力---》window ...

2017-09-02 13:25:00 93

转载 Web前端开发常见的漏洞

1、测试的步骤及内容这些安全性测试，据了解一般是先收集数据，然后进行相关的渗透测试工作，获取到网站或者系统的一些敏感数据，从而可能达到控制或者破坏系统的目的。2、SQL注入漏洞的出现和修复　　SQL注入定义：　　SQL注入攻击是黑客对数据库进行攻击的常用手段之一。随着B/S模式应用开发的发展，使用这种模式编写应用程序的程序员也越来越多。但是由于程序员的水平及经验也参...

2017-09-02 13:16:00 644

转载常见的web前端性能优化

一、　　语义化HTML：语义化HTML的好处是可以使代码简洁清晰、支持不同设备、利于搜索引擎、便于团队开发；　　减少DOM节点：加速页面渲染；　　给图片加上正确的宽高值：这可以减少页面重绘，同时防止图片缩放；　　防止src属性和link的href属性为空：当值为空时，浏览器很可能会把当前页面当成其属性值加载；　　正确的闭合标签：如避免使用<div/>，浏览...

2017-09-02 13:01:00 126

转载什么是web标准

WEB标准不是某一个标准，而是一系列标准的集合。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”（什么是css+div）。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。　　网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三...

2017-09-02 12:38:00 329

转载 ES6入门学习

　　ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。　　虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式讲解ES6语法之前，...

2017-05-26 15:50:00 186

转载 JavaScript中null和undefined的区别

在JavaScript中，将一个变量赋值为undefined 或者null。几乎没有什么区别undefined == null --->true但是严格的说： undefined === null ---> false你或许可以认为undefined是表示系统级的，出乎意料的或类似错误的值的空缺，而null是表示程序级的、正常的或在意料之中的值的空缺。如果...

2017-05-25 21:00:00 64

转载零碎知识点（随手记）

sudo是以管理员身份执行命令，一般会要求输入电脑密码npm是安装node模块的工具，执行install命令cnpm安装：npm install -g cnpm --registry=http://registry.npm.taobao.org；$.extend(dest,src1,src2,src3...);//它的含义是将src1,src2,src3...合...

2017-05-24 19:41:00 78

转载正则表达式

语法要点：正则：强大的字符串匹配工具1、写法：　　　　js写法：var reg = new RegExp();括号内填要匹配的内容　　　 prel写法： var reg = / /gim; --->> g表示全局匹配，i表示忽略大小写，m表示多行匹配；2、正则表达式的关键词　　search 表示查找需要匹配的内容，输出的结果有两种（i...

2017-05-24 12:02:00 89

转载前端构建工具gulp.js的使用介绍及技巧

一、gulp的安装　　1、首先确保已经安装了node.js的环境，然后以全局的方式安装gulp　　　　全局安装gulp---》》》npm install -g gulp　　2、全局安装后，切换到gulp项目中在单独安装一次，将目录切换到gulp项目中去　　　　局域安装gulp---》》》npm install gulp　　3、安装依赖，即在安装的时候把gulp写进项目...

2017-05-23 20:42:00 145

转载关于offsetX，clientX，pageX,offsetHeight，clientHeight ,scrollHeightX的区别

一、关于offsetX，clientX，pageX,scrollX的区别　　offsetX表示点击点到所点击物体左边距的距离；　　clientX表示点击点到浏览器左边的距离,该点击点会随着滚动条的移动而发生变化；　　pageX表示点击点到浏览器左边的距离，但点击点不会因滚动条的移动而变化；　　scrollX表示点击点到屏幕左边的距离　　二、关于offsetH...

2017-05-23 19:50:00 326

dgj18042的博客