- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 第180天:HTML5——本地存储
本地存储客户端存储数据的方法cookie 方法 localStorage方法 sessionStorage方法 一、localStorage1、存储特点: localStorage方法存储的数据没有时间限制。第二天、第二周甚至是第二年之后,数据依然可用。 不能跨浏览器读取数据 2、 API:保存数据:localStorage.setIt...
2018-02-28 22:34:00 77
原创 第179天:javascript中replace使用总结
ECMAScript提供了replace()方法。这个方法接收两个参数,第一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出现的几种情况。1. 两个参数都为字符串的情况1 var text = 'cat, bat, sat, fat';2 // 在字符串中找到at,并将at替换为ond,只替换一次3 ...
2018-02-27 22:14:00 72
原创 第178天:表单验证
1,CSS代码 1 CSS代码 2 3 @charset "gb2312"; 4 /* CSS Document */ 5 6 body,dl,dt,dd,div,form {padding:0;margin:0;} 7 8 #header,#main{ 9 width:650px; 10 margin:0 auto; 11 ...
2018-02-26 22:08:00 132
原创 第177天:常用正则表达式(最全)
常用正则表达式 1 <script> 2 /* 常用正则表达式大全!(例如:匹配中文、匹配html) 3 4 匹配中文字符的正则表达式: [u4e00-u9fa5] 5 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 6 匹配双字节字符(包括汉字在内):[^x00-xff] 7 评注:可以用来计算字符串的长度(一个双字节...
2018-02-25 22:36:00 81
原创 第176天:页面优化
SEO优化考虑的方面太多了。下面说说页面怎么优化从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。前端优化的途径有很多,按粒度大致可以分为两类,第一类是页面级别的优化,例如HTTP请...
2018-02-24 21:05:00 91
原创 第175天:正则的用法
定义正则:1 1 var re = new RegExp(“a”); //RegExp对象。参数就是我们想要制定的规则。有一种情况必须用这种方式,下面会提到。2 2 var re = /a/; // 简写方法 推荐使用 性能更好 不能为空 不然以为是注释 , 正则的常用方法 1,test() :在字符串中查找符合正则的内容,若查找到返回true,反之返回fa...
2018-02-13 21:04:00 70
原创 第174天:面向对象——公有属性、私有属性和静态属性
一,公有属性和私有属性 1 //对象构造函数 2 //私有属性好处: 安全 就类似闭包中的函数一样 减少污染 3 function Person(name){ 4 //私有属性,只能在对象构造函数内部使用 5 var className = "用户对象"; 6 //公有属性,在对象实例化后调用 7 this.name = name; 8 ...
2018-02-12 23:02:00 217
原创 第173天:面向对象——数据类型检测的四种方法
一中的typeof1 console.log(typeof 12); // number2 var str = 'iceman';3 console.log(typeof str); // string使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型,例如:“ number ”,“ string ”,“ boolean ”,“ undefine...
2018-02-11 22:16:00 119
原创 第172天:面向对象基本知识点
第172天:面向对象基本知识点 一、构造函数和普通函数的区别在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。在函数调用的时候:function fn() { } 构造函数:1. new fn( ) 2 .构造函数内部会创建一个新的对象,即f的实例 ...
2018-02-10 23:08:00 63
原创 第171天:面向对象——对象实例和原型对象进阶
第171天:面向对象——对象实例和原型对象进阶 一、实例拷贝原理当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值因为有的构造函数有默认值一旦你给实例赋给了新值,就会将内存空间替换掉Function对象定义的各种数据类型的变量最终其实都是一个对象var str = ‘1’var str = new String()var s...
2018-02-09 23:01:00 156
原创 第170天:面向对象-产品详情页开发
产品详情页开发思路详情产品页分为产品状语从句:状语从句:购物车 2个对象1,产品首先分析产品的属性 产品属性有:产品名称,产品价格,团购价,购买数量,产品描述,产品图片等其次绑定产品信息 (1)绑定基本信息(bindBasic) $('#pname')。html(this.name); $( '#价')HTML(this.price); ... ...
2018-02-08 22:17:00 104
原创 第169天:面向对象基础概念(有待完善)
1,函数(1)就是函数一个工具,我们只需要学会使用工具实现某个功能(2)封装性函数 - 面向对象函数 - 工具对象 - 工具包(把类似的功能放在一起管理)工具:函数 - 方法2,对象对象就是一个工具包,我们只需要学习如何使用工具整个js都是面向对象的,所有的函数,全部都是某个对象的方法字符串,日期,数学,数组,正则,窗口警报万物皆对象对象的优点:(1)将一些相似的函数,...
2018-02-07 22:04:00 84
原创 第168天:json对象和字符串的相互转换
json对象和字符串的相互转换1、json对象和字符串的转换在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj) 将JSON对象转为字符串。JSON.parse(string) 将字符串转为JSON对象格式。 1 //使用j...
2018-02-06 22:42:00 110
原创 第167天:canvas绘制柱状图
画布绘制柱状图1,HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, ini
2018-02-05 22:52:00 183
原创 第166天:canvas绘制饼状图动画
画布绘制饼状图动画1,HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, i
2018-02-04 23:00:00 220
原创 第165天:canvas绘制圆环旋转动画
画布绘制圆环旋转动画 - 面向对象版1,HTML注意引入Konva.js库 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用Konva绘制圆环旋转动画</ti
2018-02-03 23:18:00 779
原创 第164天:js方法调用的四种模式
JS方法调用的四种模式如图1所示,方法调用模式 1 function Persion() { 2 var name1 = "itcast", 3 age1 = 19, 4 show1 = function() { 5 console.log(this.name); 6 }; 7 8 return { 9 ...
2018-02-02 22:21:00 94
原创 第163天:js面向对象-对象创建方式总结
面向对象 - 对象创建方式总结1,创建对象的方式,json方式推荐使用的场合:作为函数的参数,临时只用一次的场景。比如设置函数原型对象。 1 var obj = {}; 2 //对象有自己的 属性 和 行为 3 // 属性比如: 年龄、姓名、性别 4 // 行为: 吃饭、睡觉、走路、讲课等... 动作 5 var obj2 = { 6 name: 'lao...
2018-02-01 22:52:00 91
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人