前端小白菜小龙-CSDN博客

原创使用面向对象思维制作轮播图（构造函数模式+原型模式）

最近看了一位大佬的博客，讲的是他对面向对象思维的理解，我看了也受益良多，所以活学活用利用面向对象思维制作了一个具有完整功能的轮播图：功能：点击图片两侧的黑灰色按钮可以实现页面的前后切换。点击图片下面的小圆点可以实现指定跳转。使用定时器，实现图片的自动轮播。代码：<!DOCTYPE html><html lang="en"><hea...

2019-01-21 09:42:34 783

原创面向对象编程思维190120

什么是面向对象编程：使用对象的思想去写代码，就是面向对象编程。特点：抽象：抓住核心问题点。封装：只能通过对象来访问。继承：从已有对象上继承出新的对象。多态：多对象的不同形态属性。对象的组成：属性：对象下面的变量叫做属性。方法：对象下面的函数叫做方法。 var arr = []; arr.number = 20; //对象下面的变量叫做属性。 ...

2019-01-20 20:54:30 277

花了一天时间仿照完成，这个网站是很出名的bootCDN中文网，通观整个网页，其布局主要用到了，nav,jumbotron,list-group,最主要的就是container类,对于我来说，也还算是简单，现将代码发到博客供自己学习总结，如有侵犯，马上删除：源网页链接：https://www.bootcdn.cn/总结：1.input框设置宽度并居中：将整个form-grop包裹在一个容器sr...

2018-12-12 09:01:53 465

原创制作第一个响应式网页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 331

原创 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 146

原创 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 186

原创 HTML统一资源定位器

URL是一个网页地址。URL可以由字母组成，入“runoob.com”，或互联网协议（IP）地址：192.68.20.50.大多数人进入网站使用网站域名来访问，因为名字比数字更容易记住。URL-统一资源定位器web浏览器通过URL从web浏览器请求页面。当你点击HTML页面中的某个链接时，对应的<a>标签指向万维网上的一个地址。一个统一资源定位器（URL）用于定位万...

2018-12-28 10:38:12 853

原创 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 111

原创 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 132

原创 Vue组件基础

示例：组件是可复用的Vue实例，且带有一个名字：在这个例子中是<app-text>我们可以通过new Vue创建的Vue根实例中，把这个组件作为自定义元素来使用。<div id="app"> <app-text></app-text> </div> <div id="app1">

2018-12-19 21:45:21 99

原创 javascript引用类型--Object

引用类型的概念：在ECMAscript中，引用类型是一种数据结构，用于将数据和功能组织在一起，引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。我们看到的大多数引用类型值都是Object类型的实例；而且，Object也是ECMAscript中使用最多的一个类型。虽然Object的实例不具备很多的功能，但对于应用程序中存储和保存数据而言，它们确实是非常理想的选择。...

2018-12-19 09:42:31 100

原创函数的执行环境和作用域

函数的执行环境和作用域：执行环境：执行环境定义了变量或者函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据的时候在后台会使用它。全局执行环境是最外围的一个执行环境，web浏览器中全局执行环境被认为是window，因此所有的全局变量和函数都是作为window...

2018-12-17 21:10:05 567

原创 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 134

原创（补）我的第一个静态页面

原网站链接：http://www.boyaa.com/静态页面效果图（我的代码布局）：html代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>博雅论坛</title> <link rel="styleshee

2018-12-17 16:39:05 416 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 125

原创使用原生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 309

weixin_43734973的博客