js
SunPowerZ
这个作者很懒,什么都没留下…
展开
-
ES6的Set和Map
Set和Map两个容器的特性对用过c++和python的人来说已经非常熟悉了,我学js的时候只见到了数组,我还纳闷js还有其他的容器吗?终于在ES6中看到了它们,下面我写一下它们的简单用法。Set//Set类似数组, 它的成员是唯一的,里面没有重复的值let set = new Set(['yellow', 'green']);set.add('red')set.add...原创 2018-05-16 23:42:28 · 116 阅读 · 0 评论 -
html+jQuery+node.js实现一个简单的查询天气网页
曾经写过一篇文章使用python查询天气,是调用中国天气网的接口实现的天气查询,下面还是用该接口实现一个本地网页的天气查询。如图: 服务端代码:const http = require("http");const url = require("url");const querystring = require("querystring");const server = h...原创 2018-07-29 17:01:33 · 1381 阅读 · 0 评论 -
jQuery了解
jQuery是最广泛使用的javascript库,之所以广泛使用,是因为有以下几个优势:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;简洁的操作DOM的方法:写$(‘#test’)肯定比document.getElementById(‘test’)来得简洁;轻松实现动画、修改CSS等各种操作。  jQuery版本目前j...原创 2018-07-15 17:56:40 · 165 阅读 · 0 评论 -
vue学习之路由
路由需要引入库“vue-router”  动态路由我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = { templat...原创 2019-02-22 22:44:16 · 208 阅读 · 0 评论 -
vue学习之自定义事件
通过自定义事件可以实现vue组件”子->父”的数据传递由子组件$emit事件的名称,父组件监听这个名称的事件,事件名称的命名推荐使用 “kebab-case” 的形式。下面代码中,子组件给父组件传递了一个弹框信息。<!DOCTYPE html><html><head> <meta charset="utf-8" /&...原创 2018-06-18 16:01:56 · 296 阅读 · 0 评论 -
vue学习之Prop
我们可以使用prop进行“父->子”的数据通信 代码中将当父组件”nameValue的值传递给子组件”name” 子组件通过props来接收数据:方式1:props: ['name']方式2 :props: { name:String}方式3: props:{ name:{ type:S...原创 2018-06-18 15:46:23 · 324 阅读 · 0 评论 -
npm查看安装模块
查看本文件夹所有的安装模块npm list --depth=0查看全局所有的安装模块npm list --depth=0 -global原创 2018-06-10 08:48:57 · 5406 阅读 · 0 评论 -
vue学习之组件——全局组件和局部组件
vue有两种组件的注册类型:全局注册和局部注册。注册组件时传入的配置和创建Vue实例差不多,但也有不同,其中一个就是data属性必须是一个函数。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &a原创 2018-06-16 23:52:42 · 174 阅读 · 0 评论 -
vue学习之监听属性
监听属性属性关键词: watch通过 watch 来响应数据的变化 &nbsp;例子代码:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&a原创 2018-06-16 20:01:13 · 160 阅读 · 0 评论 -
vue学习之计算属性
计算属性关键词: computed计算属性可以通过写一些方法用于处理元数据。例子中messageUpper函数将message的值变为大写。计算属性默认只有 getter ,setter 需要自己提供。例子中输入栏提供修改message的值。 例子:代码:<!DOCTYPE html><html><head> <...原创 2018-06-14 00:59:39 · 162 阅读 · 0 评论 -
vue学习之v-for和v-on
v-for 指令可以绑定数组的数据来渲染一个项目列表。v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法。&nbsp;使用二者写了一个简单的例子代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8&q原创 2018-06-12 00:45:10 · 1139 阅读 · 0 评论 -
ES6之Promise
Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点:Promise对象代表一个异步操作,它只有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败),并且该状态不会受外界的影响Promise对象的状态改变,只有两种可能:从 Pending 变为 Resolved 或者从 Pending 变为 Rejected,...原创 2018-05-23 23:53:41 · 104 阅读 · 0 评论 -
ES6之字符串模板
ES6中提供了模版字符串,用`(反引号)标识,用${}将变量括起来。let array = new Array('World', 'Python', 'C++', 'js');for (value in array) { name = array[value]; console.log(`Hello, ${name}!`);}...原创 2018-05-23 22:37:52 · 157 阅读 · 0 评论 -
EJS模板学习
“E” 代表 “effective”,即【高效】。EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。特性快速编译与绘制输出简洁的模板标签:<% %>自定义分割符引入模板片段同时支持服务器端和浏览器 JS 环境JavaScript 中间结果静态缓存模板静态缓存兼容 Express 视图系统使用服务端使用 ...原创 2018-05-28 00:19:08 · 681 阅读 · 0 评论 -
ES6之generator函数
由于 Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的函数。yield表达式就是暂停标志.遍历器对象的next方法的运行逻辑:遇到yield表达式,就暂停执行后面的操作,并将紧跟在yield后面的那个表达式的值,作为返回的对象的value属性值。下一次调用next方法时,再继续往下执行,直到遇到下一个yield表达式...原创 2018-05-23 01:32:41 · 122 阅读 · 0 评论 -
ES7之async/await
async/await是写异步代码的新方式,基于Promise实现的,在语法上更加简洁。Async/Await基本规则async 表示这是一个async函数,await只能用在这个函数里面。await 表示在这里等待promise返回结果了,再继续执行。await 后面跟着的应该是一个promise对象(当然其他返回值也可以,只不过会立即执行,就没有意义了)例子let ...原创 2018-05-27 10:23:38 · 254 阅读 · 0 评论