- 博客(16)
- 收藏
- 关注
原创 使用面向对象思维制作轮播图(构造函数模式+原型模式)
最近看了一位大佬的博客,讲的是他对面向对象思维的理解,我看了也受益良多,所以活学活用利用面向对象思维制作了一个具有完整功能的轮播图:功能:点击图片两侧的黑灰色按钮可以实现页面的前后切换。 点击图片下面的小圆点可以实现指定跳转。 使用定时器,实现图片的自动轮播。代码:<!DOCTYPE html><html lang="en"><hea...
2019-01-21 09:42:34 790
原创 面向对象编程思维190120
什么是面向对象编程: 使用对象的思想去写代码,就是面向对象编程。特点:抽象:抓住核心问题点。 封装:只能通过对象来访问。 继承:从已有对象上继承出新的对象。 多态:多对象的不同形态属性。对象的组成:属性:对象下面的变量叫做属性。方法:对象下面的函数叫做方法。 var arr = []; arr.number = 20; //对象下面的变量叫做属性。 ...
2019-01-20 20:54:30 300
原创 我的第二个bootstrap响应式页面
花了一天时间仿照完成,这个网站是很出名的bootCDN中文网,通观整个网页,其布局主要用到了,nav,jumbotron,list-group,最主要的就是container类,对于我来说,也还算是简单,现将代码发到博客供自己学习总结,如有侵犯,马上删除:源网页链接:https://www.bootcdn.cn/总结:1.input框设置宽度并居中:将整个form-grop包裹在一个容器sr...
2018-12-12 09:01:53 495
原创 制作第一个响应式网页181209
在csdn上看到一个大佬分享的静态网页,尝试着仿造出了一个,效果如下:该页面愿网页:https://blog.csdn.net/xun527/article/details/78021305HTML代码如下:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&
2018-12-09 14:33:03 334
原创 JS劝退
题目:计算一个字符串中有重复字符的个数:例:var str = '112233' // 3var str1 ='aabbccdd' //4let demo = (str)=>{ let array = str.toString().split(''); let obj = {}; let number = 0; array.map((ite...
2019-02-18 09:17:44 167
原创 VueResource基本操作
安装、引入Vue-resource:NPM: npm install vue-resource --save-dev/*引入Vue框架*/import Vue from 'vue'/*引入资源请求插件*/import VueResource from 'vue-resource'/*使用VueResource插件*/Vue.use(VueResource)也可以使用CD...
2019-01-22 13:13:45 208
原创 HTML统一资源定位器
URL是一个网页地址。URL可以由字母组成,入“runoob.com”,或互联网协议(IP)地址:192.68.20.50.大多数人进入网站使用网站域名来访问,因为名字比数字更容易记住。URL-统一资源定位器web浏览器通过URL从web浏览器请求页面。当你点击HTML页面中的某个链接时,对应的<a>标签指向万维网上的一个地址。一个统一资源定位器(URL)用于定位万...
2018-12-28 10:38:12 875
原创 ES6学习笔记
let声明:let声明类似于var,但是声明的所有变量,只在let命令所在的代码块内有效。{var a = 10; let b = 1; }console.log(a); //10console.log(b); //b is not definedlet不允许在相同作用域内,重复声明同一个变量。//报错 function(){ let a = 1; let a ...
2018-12-23 21:32:23 117
原创 javascript引用类型值Array
定义:1.使用Array构造函数。var arr = new Array()2.使用数组字面量定义:var arr = []以上两种定义方法是等价的。查询和修改数组:alert(arr[0]) //查询arr数组索引为0的一项得值arr[0]='hello' //修改arr数组索引为0的一项的值属性:a.数组的项数保存在其length属性中,这个...
2018-12-20 21:06:44 138
原创 Vue组件基础
示例:组件是可复用的Vue实例,且带有一个名字:在这个例子中是<app-text>我们可以通过new Vue创建的Vue根实例中,把这个组件作为自定义元素来使用。<div id="app"> <app-text></app-text> </div> <div id="app1">
2018-12-19 21:45:21 105
原创 javascript引用类型--Object
引用类型的概念:在ECMAscript中,引用类型是一种数据结构,用于将数据和功能组织在一起,引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。我们看到的大多数引用类型值都是Object类型的实例;而且,Object也是ECMAscript中使用最多的一个类型。虽然Object的实例不具备很多的功能,但对于应用程序中存储和保存数据而言,它们确实是非常理想的选择。...
2018-12-19 09:42:31 108
原创 函数的执行环境和作用域
函数的执行环境和作用域:执行环境:执行环境定义了变量或者函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据的时候在后台会使用它。全局执行环境是最外围的一个执行环境,web浏览器中全局执行环境被认为是window,因此所有的全局变量和函数都是作为window...
2018-12-17 21:10:05 597
原创 javascript学习记录---基础知识
1.日常学习js的笔记,只要是我主观认为重要的知识,都会记录下来:2.基本的数据类型有:undefined、number、string、null、Boolean; 引用数据类型有:Object。3.函数里面的全局变量://定义函数:function text() { msg = "hello world!";}//引用函数:text();alert(msg); /...
2018-12-17 17:48:51 140
原创 (补)我的第一个静态页面
原网站链接:http://www.boyaa.com/静态页面效果图(我的代码布局):html代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>博雅论坛</title> <link rel="styleshee
2018-12-17 16:39:05 442 1
原创 Javascript DOM编程艺术(第二版)读书笔记
今天,刚好把这本书看完第一遍,但是感觉囫囵吞枣式的看书方法并没有让我有更多的收获,故决定回头再过一遍,一下是我的读书(复习)笔记:1.平稳退化:所谓平稳退化就是如果用户在浏览你的网页关闭了javascript选项仍然能够顺利地浏览你的网页,这就是所谓的平稳退化。例如:&amp;lt;body&amp;gt; &amp;lt;h1&amp;gt;Snapshots&amp;lt;/h1&amp;gt; &
2018-11-28 14:10:50 129
原创 使用原生js写轮播图效果
## 原生js实现轮播 我自学js一个月自己摸索出来的方法,第一次将我的代码上传到博客上面,方便以后查略。html代码:&amp;amp;lt;ul id=&amp;quot;box&amp;quot;&amp;amp;gt; &amp;amp;lt;li&amp;amp;gt; &amp;amp;lt;ul id=&amp;quot;pic&a
2018-11-24 11:56:09 314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人