0

ES6 - 基础学习(9): Class 类

概述 在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。 class 的本质是 function。上海11选5_[官网首页]它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法。 在ES5中经常使用方法或者对象去模拟类的使用,虽然可以实现功能,但代码复杂且不优雅,ES6 ...

帝鸿琬琰 发布于 2020-02-28 23:22 评论(0)阅读(5)
0

通过H5C3完成响应式网页(VIVO官网)

该响应式网页是通过CSS3中的媒体查询完成的 HTML代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vivo智能手机官方网站-5G智慧旗舰NEX 3</title> <link rel="styl ...

陈太浪 发布于 2020-02-28 23:12 评论(0)阅读(8)
0

作为前端,你需要了解的js构造函数和原型

1.1 概述 在典型的OOP的语言中,都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。对象不是基于类创建的,而是用一种构造函数的特殊函数来定义对象和它们的特征。 创建对象可以通过以下三种方式: 1. 对象字面量 2. new Object 3. 自定义构 ...

前端岚枫 发布于 2020-02-28 22:50 评论(0)阅读(7)
1

ES6学习笔记(三):教你用js面向对象思维来实现 tab栏增删改查功能

前两篇文章主要介绍了类和对象、类的继承,如果想了解更多理论请查阅《 "ES6学习笔记(一):轻松搞懂面向对象编程、类和对象" 》、《 "ES6学习笔记(二):教你玩转类的继承和类的对象" 》,今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。 要实现的功能分析 1. 点击ta ...

前端岚枫 发布于 2020-02-28 22:49 评论(1)阅读(61)
0

jquery滑动效果的运动模块封装

效果图 move.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>move</title> <link rel="stylesheet" href="../css/base.css"> <link ...

陈莺莺呀 发布于 2020-02-28 22:13 评论(0)阅读(9)
0

node 上传图片到七牛

搞了一天终于搞定了 用node上传图片到七牛 代码如下: const qiniu_sdk = require('qiniu') qiniu_sdk.conf.ACCESS_KEY = '***********************'; qiniu_sdk.conf.SECRET_KEY = '** ...

到此灬一游丿 发布于 2020-02-28 21:29 评论(0)阅读(5)
0

jquery幻灯片淡入淡出组件封装

效果图 slider.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>slider</title> <link rel="stylesheet" href="../css/base.css"> <l ...

陈莺莺呀 发布于 2020-02-28 21:08 评论(0)阅读(5)
0

JS基础概念整理与简单练习-Part1

(写在前面:想着本身也会整理,不如把整理的内容放到博客里,能帮助到检索这篇博客的人一点点也好。没想到之前写的一点内容也有人浏览,挺惊讶的,这几天多整理一些之前写的本地笔记上传吧。) if 练习1 小结: ① else if条件累赘了; ② 需要判断值是否合法// 空字符转换为数值是0; ③ prom ...

兔子大叔 发布于 2020-02-28 20:18 评论(0)阅读(5)
1

函数的默认值与动态参数arguments的总结

在js函数与作用域,了解函数基本概念中,我们发现当函数的实参有一个没有上传的时候,对应的形参time展示的值就是undefined,那么如何在不上传time的情况下,解决这个默认值了?方法2种:1.if(time==undefined) 2. time=7;除此之外,函数的另外一个重要特征动态参数a... ...

大灰牛博客 发布于 2020-02-28 18:07 评论(0)阅读(8)
0

nodejs对字符串进行base64转换和解析

nodejs不支持使用atob和btoa 进行字符串base64转换,转换方法如下: // 转为base64 var strToBase64 = new Buffer('aaabbbccc').toString('base64'); // base64反解析为字符串 var base64ToStr ...

蓓蕾心晴 发布于 2020-02-28 17:42 评论(0)阅读(11)
0

[javascript] 利用chrome的overrides实时调试线上js

chrome的开发者工具,在source选项卡下,可以看到js的源代码,有一个断点调试功能,就是在js的源代码行号那里点击一下,出现一个箭头,当再次刷新页面并且进行了相应操作时,就会停在断点的地方。上海11选5_[官网首页]我们可以查看相应的变量值,在右侧可以手动改变变量值,进行调试。 这个地方有一个缺点,就是没有办法对代码 ...

陶士涵 发布于 2020-02-28 17:06 评论(0)阅读(12)
0

浏览器中常见的html语义化标签

html标签默认在浏览器中展示的样式,html标签的用途:语义化(明白每个标签的用途,在什么情况下使用此标签合理);标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。html常见标签诸如:文本段落<p>,标题<h1-h6>,空格 换行<br/>,强调<strong>or<e... ...

大灰牛博客 发布于 2020-02-28 17:03 评论(0)阅读(17)
0

Vue.js 监听属性

可以通过 watch 来响应数据的变化 以下实例通过使用 watch 实现计数器: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <script src="http:/ ...

陈莺莺呀 发布于 2020-02-28 15:58 评论(0)阅读(14)
0

Vue.js 计算属性

计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 下面是字符串反转的一些写法,看起来有点复杂 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> ...

陈莺莺呀 发布于 2020-02-28 15:45 评论(0)阅读(10)
0

vue循环语句

上海11选5_[官网首页]循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: <!DOCTYPE html> <html> <head> <meta charset= ...

陈莺莺呀 发布于 2020-02-28 15:28 评论(0)阅读(11)
0

Vue.js 条件与循环

条件判断使用 v-if 指令: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <script src="http://cdn.staticfile.org/vue/2. ...

陈莺莺呀 发布于 2020-02-28 15:18 评论(0)阅读(12)
0

Vue.js 起步

通过实例来看下 Vue 构造器中需要哪些内容 测试时这段代码我直接写在index.html中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script ...

陈莺莺呀 发布于 2020-02-28 14:37 评论(0)阅读(11)
0

vue目录结构熟悉

给项目的入口文件做点小改变: 【补充:编辑器建议使用vscode,我还没装,暂时先用phpstorm】 打开 APP.vue 文件,代码如下(解释在注释中) <!-- 展示模板 --> <template> <div id="app"> <img src="./assets/logo.png"> < ...

陈莺莺呀 发布于 2020-02-28 13:20 评论(0)阅读(7)
0

npm安装Vue.js

我之前是有安装过npm的 使用淘宝 NPM 镜像 $ npm install -g cnpm --registry=http://registry.npm.taobao.org 查看nmp版本 $ npm -v 使用 NPM 安装vue $ cnpm install vue 在命令行中快速搭建大型 ...

陈莺莺呀 发布于 2020-02-28 13:13 评论(0)阅读(9)
0

彻底搞懂flex弹性盒模型布局

为什么要用flex 基于css3简单方便,更优雅的实现,浏览器兼容性好,传统的css实现一个div居中布局要写一堆代码,而现在几行代码就搞定了,没有理由不用flex。 兼容性: Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...

Tonysoul 发布于 2020-02-28 11:15 评论(1)阅读(47)

页面底部区域 foot.htm