暂时未有相关云产品技术能力~
热衷于研究前端新知识,学习新技术。精通HTML5+CSS3,Javascript,jQuery,Angular,Bootstrap。
一、构造函数方式 1 //构造函数 2 function People(){ 3 this.race = '汉族'; 4 } 5 People.prototype={ 6 eat:function(){ 7 console.
一、常用string原型扩展 1、在字符串末尾追加字符串 1 /** 在字符串末尾追加字符串 **/ 2 String.prototype.append = function (str) { 3 return this.
一、数组 1、删除数组中指定索引的数据 1 /** 删除数组中指定索引的数据 **/ 2 Array.prototype.deleteAt = function (index) { 3 if (index < 0) { 4 return this; 5 } 6 return this.
一、内置对象的原型链 1、Object原型 1 function test() {} 2 alert(test.toString()); 3 4 //新增属性 5 Object.
一、caller---返回函数调用者 1 //返回函数调用者 2 //caller的应用场景 主要用于察看函数本身被哪个函数调用 3 function fn() { 4 //判断某函数是否被调用 5 if (fn.
一、普通方式 1 /*普通模式*/ 2 3 // 声明一个函数,并调用 4 function func() { 5 console.log("Hello World"); 6 } 7 func(); 二、函数表达式 1 /*函数表达式*/ ...
一、call 1、call供爷法则 1 // 对象1 2 var myclass={ 3 getAllStudentsNumbers:function(num1,num2){ 4 return num1+num2; 5 }}; 6 // 对象...
一、函数即对象 1 function add1(a,b){ 2 return a+b; 3 } 4 5 //Function对象的实例 -- 高级技巧 --- 写框架必须用的。
一、Math 随机选取 1 //随机选取 2 function getRandom (begin,end){ 3 return Math.floor(Math.random()*(end-begin))+begin; 4 } 二、Error 1、try---ca...
Date对象构造函数重载方法 一、第一种重载方法---基本 当前时间 1 //构造函数 - 第一种重载方法:基本 当前时间 2 console.log('构造函数 - 第一种重载方法:基本 当前时间') 3 date = new Date(); //返回时间对象 以调用getDate(),内容为当前时间 4 console.
Array---常用属性和方法总结 1、Array对象构造函数 1 /*Array对象构造函数*/ 2 3 /*组合记忆 shift unshift pop push 4 添加和删除 5 shift unshift 从数组开头开始添加或者删除 6 p...
String常用属性和方法 一、string对象构造函数 1 /*string对象构造函数*/ 2 console.log('字符串即对象');//字符串即对象 3 //传统方式 - 背后会自动将其转换成对象 4 // 所以我们才可以访问string对象中方法 5 var zhangsan ='张三' 6 zhangsan.
一、BOM---location 1、访问页面 1 location.href = "http://www.baidu.com"; 2 location.assign("http://www.baidu.com"); 3 location.replace("http://www.baidu.com"); replace和assign的区别 replace()方法所做的操作与assign()方法一样, 但它多了一步操作,即从浏览器的历史记录中删除了包含脚本的页面, 这样就不能通过浏览器的后退按钮和前进按钮来访问它了,assign()方法却可以通过后退按钮来访问上个页面。
一、拷贝创建对象的原理 1 //拷贝创建对象核心代码 2 function extend(target,source) { 3 //遍历对象 4 for(var i in source){ 5 target[i] = so...
BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM。 一张图了解一下先 1、window 对象——BOM核心 window,顾名思义,窗口对象。
1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例。但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propotype chains)实现的。
面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新的对象 多态:多对象的不同形态 一、创建对象的几种方式 javascript 创建对象简单的来说,无非就是使用内置对象或各种自定义对象,当然还可以使用JSON,但写法有很多,也能混合使用。
一、内存分配 1、数值型内存分配 1 2 var num1; //这个时候不进行内存分配 3 var num3=9;//分配内存 4 var num4=num3;//会不会分配 5 6 // 这里到底分配还是不分配内存?? 7 // 答案 --分配内存 彼此拥有独立的内存空间,互不影响 8 console.
HTML5 Geolocation(地理定位) HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 浏览器支持情况 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位) 注意:Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。
一、HTML5新增的video、source标签 1
本地存储 客户端存储数据的方法 cookie 方法 localStorage方法 sessionStorage方法 一、localStorage 1、存储特点: localStorage方法存储的数据没有时间限制。
ECMAScript提供了replace()方法。这个方法接收两个参数,第一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出现的几种情况。
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{ ...
常用正则表达式 1 2 /* 常用正则表达式大全!(例如:匹配中文、匹配html) 3 4 匹配中文字符的正则表达式: [u4e00-u9fa5] 5 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 6 匹配双字节字符(包括汉字在内):[^x0...
SEO优化考虑的方面太多了。 下面说说页面怎么优化 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
春节休息,2018.2.13-2018.2.25号休息。
定义正则: 1 1 var re = new RegExp(“a”); //RegExp对象。参数就是我们想要制定的规则。有一种情况必须用这种方式,下面会提到。 2 2 var re = /a/; // 简写方法 推荐使用 性能更好 不能为空 不然以为是注释 , 正则的常用方法 ...
一、公有属性和私有属性 1 //对象构造函数 2 //私有属性好处: 安全 就类似闭包中的函数一样 减少污染 3 function Person(name){ 4 //私有属性,只能在对象构造函数内部使用 5 var className = "用户对象"; 6 //公有属性,在对象实例化后调用 7 this.
一、typeof 1 console.log(typeof 12); // number 2 var str = 'iceman'; 3 console.log(typeof str); // string 使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型...
一、构造函数和普通函数的区别 在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。 在函数调用的时候: function fn() { } 构造函数:1. new fn( ) 2 .
一、实例拷贝原理 当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值 因为有的构造函数有默认值 一旦你给实例赋给了新值,就会将内存空间替换掉 Function对象 定义的各种数据类型的变量最终其实都是一个对象 var str = ‘1’ var str = new String() var sum = 1; var = new Number() 同样的,函数也是这样: 所有函数其实都是Function的实例 constructor属性其实就是Function对象的一个属性而已 对象又是通过函数实现的 对象其实就是一个Function 的一个实例而已。
产品详情页开发思路 产品详情页分为产品和和购物车2个对象 1、产品 首先分析产品的属性 产品属性有:产品名称、产品价格、团购价、购买数量、产品描述、产品图片等 其次绑定产品信息 (1)绑定基本信息(bindBasic) $('#pname').
1、函数 (1)函数就是一个工具,我们只需要学会使用工具实现某个功能 (2)封装性 函数——面向对象 函数——工具 对象——工具包(把类似的功能放在一起管理) 工具:函数——方法 2、对象 对象就是一个工具包,我们只需要学习如何使用工具整个js都是面向对象的,所有的函数,全部都是某个对象的方法字符...
json对象和字符串的相互转换 1、json对象和字符串的转换 在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
canvas绘制柱状图 1、HTML 1 DOCTYPE html> 2 3 4 5 6 06柱状图面向对象版本 7 8 body { 9 padding: 0; 10 ma...
canvas绘制饼状图动画 1、HTML 1 DOCTYPE html> 2 3 4 5 6 饼状图面向对象版本 7 8 body { 9 padding: 0; 10 ma...
canvas绘制圆环旋转动画——面向对象版 1、HTML 注意引入Konva.js库 1 DOCTYPE html> 2 3 4 5 使用Konva绘制圆环旋转动画 6 7 8 9 10 11 12 13 14 15 //创建舞台 16 var stage=new Konva.
js方法调用的四种模式 1、方法调用模式 1 function Persion() { 2 var name1 = "itcast", 3 age1 = 19, 4 show1 = function() { 5 console.
面向对象-对象创建方式总结 1、 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象。 1 var obj = {}; 2 //对象有自己的 属性 和 行为 3 // 属性比如: 年龄、姓名、性别 4 // 行为: 吃饭、睡觉、走路、讲课等.
本篇接着上一篇:第157天:canvas基础知识详解 继续来写。 五、Konva的使用快速上手 5.1 Konva的整体理念 Stage | +------+------+ ...
CSS实现兼容性的渐变背景(gradient)效果 一、有点俗态的开场白 在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中,目前不支持Opera浏览器。
一、HTTP协议 超文本传输协议(HyperText Transfer Protocol),缩写HTTP。通过HTTP或者HTTPS协议请求的资源由统一资源标识符(Uniform Resource Identifiers,URI)来标识。
1.布局框架: Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.
一、什么是对象 我们先来看对象是如何进行定义的 "无序属性的集合,其属性可以包括基本值、对象或者函数",对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个名字,每个名字都映射到一个值。 简单来理解对象就是由属性和方法来组成的 二、面向对象的特点 封装 对于一些功能相同或者相似的代码,我们可以放到一个函数中去,多次用到此功能时,我们只需要调用即可,无需多次重写。
一、变形 1.1 translate translate(x, y) 用来移动 canvas 的原点到指定的位置 translate方法接受两个参数。x 是左右偏移量,y 是上下偏移量,如右图所示。
一、添加样式和颜色 在前面的绘制矩形章节中,只用到了默认的线条和颜色。 如果想要给图形上色,有两个重要的属性可以做到。 fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形轮廓的颜色 备注: 1. `color` 可以是表示 `css` 颜色值的字符串、渐变对象或者图案对象。
一、canvas简介 是 HTML5 新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。
HTML标签 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省的它的容器的100%,除非设定一个宽度。
在做前端界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型。 一般对齐就是在中间打空格或者用 来空开,但是效果并不好,兼容性有问题,造成不美观。经过一番折腾, 找到了比较好的办法解决。
今天分享一个在网页中插入百度地图的方法,不需要密钥哦,前两天,我试了好多次百度开发平台上使用百度地图的方法,都需要申请密钥,申请了,还是用不了,后来,终于发现了一个不需要密钥的方法,希望对需要的朋友有帮助! 1、打开百度地图生成器链接:http://api.