baiduTemplate 基本知识总结
摘要:html template 使用模板 总结: 1 定义模板 使用script type为 text/html或者text/template 需要使用id标示 火或者存放在textarea中,使用css dispaly none; 使用id标示 demo 模板也可以直接存储在一个变量中 2 分隔符为<
阅读全文
posted @
2017-03-29 16:15
半夏微澜ぺ
阅读(3284)
推荐(0) 编辑
jquery $(function(){}) $(document).ready(function(){}); (function(){}); 的区别以及作用
摘要:$(function)是$(document).ready(function(){});的简写方法 用来在DOM加载完之后执行一系列预先定义好的函数 (function(){});表示一个匿名函数。 function(arg){}定义一个参数为arg的匿名函数。然后使用(function(arg){
阅读全文
posted @
2017-03-29 11:02
半夏微澜ぺ
阅读(343)
推荐(0) 编辑
echart x轴 type
摘要:x轴类型有三种(y轴类似) 1 category 类目轴,适用于离散的类目数据 ,就是x周的类别是自定义的,都是字符串,需要通过data设置类目数据 与series 中data对应,data是一维数组 demo 2 time 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计
阅读全文
posted @
2017-03-28 15:22
半夏微澜ぺ
阅读(6599)
推荐(1) 编辑
vue中引入jQuery和Bootstrap
摘要:一。引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中。 然后修改webpack.base.conf.js(在build文件下)两个地方: 1:加入 2 在module.
阅读全文
posted @
2017-03-23 15:11
半夏微澜ぺ
阅读(9867)
推荐(1) 编辑
vue的学习网址
摘要:Vue官网:http://cn.vuejs.org/v2/guide/index.html 淘宝镜像:http://npm.taobao.org/ Vue-router:https://router.vuejs.org/zh-cn/ Vuex:http://vuex.vuejs.org/zh-cn/
阅读全文
posted @
2017-03-23 14:45
半夏微澜ぺ
阅读(464)
推荐(1) 编辑
vue实例以及生命周期
摘要:1.Vue实例API 1.构造器(实例化) var vm = new Vue({ //选项 | DOM(3) | | el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。) | | template (一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂
阅读全文
posted @
2017-03-23 14:44
半夏微澜ぺ
阅读(4502)
推荐(0) 编辑
vue 目录结构介绍
摘要:1 初始目录如下: 2 目录结构介绍 bulid:最终帆布的代码存放位置 config:配置目录,包括端口号等 node_modules:npm加载的项目依赖模块 src:z这里是我们要开发的目录,基本上要做的事情在这个目录里面。: assets:放置一些图片,如logo等; components:
阅读全文
posted @
2017-03-23 14:42
半夏微澜ぺ
阅读(757)
推荐(0) 编辑
使用vue-cli启动项目出错
摘要:Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 Vue
阅读全文
posted @
2017-03-23 11:02
半夏微澜ぺ
阅读(7981)
推荐(0) 编辑
vue 基础知识 随笔
摘要:const ES6的规范 定义一个常量 export 相当于 model.export() 就是导出这个对象 //导出的方法放在这里 //ES6d的语法,定义一个方法 相当于save:function(){//return sonmething;} vue推荐使用save(){//return so
阅读全文
posted @
2017-03-23 10:34
半夏微澜ぺ
阅读(225)
推荐(0) 编辑
require.js的用法
摘要:为什么要用require.js 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去
阅读全文
posted @
2017-03-22 10:05
半夏微澜ぺ
阅读(328)
推荐(0) 编辑
模块化编程:AMD规范
摘要:目前,通行的Javascript模块规范共有两种:ComonJS和AMD。 CommonJS node.js的模块系统,就是参照CommonJS规范实现的。在ConmonJS中,有一个全局方法require(),用于模块加载。假定有一个数学模块math.js,就可以像下面这样加载。 然后,就可以调用
阅读全文
posted @
2017-03-21 17:35
半夏微澜ぺ
阅读(305)
推荐(0) 编辑
javascript 模块化编程----模块的写法
摘要:一、原始写法 模板就是实现特定功能的一组方法 只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。 这种做法的缺点很明显:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系
阅读全文
posted @
2017-03-21 17:13
半夏微澜ぺ
阅读(239)
推荐(0) 编辑
D3 data
摘要:D3.js data() 方法详解 Binding data(数据绑定) D3各种图表的作用体现在将数据(Data)转换成可视化的过程。 比如将一个月的气温数据,通过树形图来展现,能够直观的看到气温走势,下个月还需不需要穿秋裤 :) 我们通过D3的 selection.data() 方法来将 dat
阅读全文
posted @
2017-03-21 16:32
半夏微澜ぺ
阅读(256)
推荐(0) 编辑
cubism.js
摘要:Cubism.js 是时间序列化的一个D3插件,使用Cubism构建更好的实时指示板,从Graphite,Cube 和其他的资源中拉拉取数据。在GitHub的Apache License上可以获取Cubism 可称量的(scalable) Cubism 逐步地获取时间序列数据:在初始化显示之后,Cu
阅读全文
posted @
2017-03-21 16:29
半夏微澜ぺ
阅读(664)
推荐(0) 编辑
git
摘要:版本控制 版本控制是一种记录若干文件内容变化,以便将来查阅特定版本修订情况的系统。 版本控制系统可以将摸个文件回溯到之前的状态,甚至将整个项目都退到过去某个之间点的状态。你可以比较文件的变化细节,查出最后是谁修改了那个地方,从而导致出现诡异问题,又是谁在何时报告了某个功能缺陷等等。使用版本控制系统通
阅读全文
posted @
2017-03-21 10:02
半夏微澜ぺ
阅读(219)
推荐(0) 编辑
Render函数
摘要:Vue推荐在绝大多数情况下使用template来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力,这就是render函数,它比template更 接近编译器。
阅读全文
posted @
2017-03-20 16:24
半夏微澜ぺ
阅读(277)
推荐(0) 编辑
Vue 响应式原理
摘要:Vue 嘴显著的特性之一便是响应式系统(reactivity system),模型层(model)只是普通JavaScript对象,修改它则更新视图(view)。 Vue 响应式系统的底层细节 如何追踪变化 把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象的所有属
阅读全文
posted @
2017-03-20 14:23
半夏微澜ぺ
阅读(790)
推荐(0) 编辑
JSSDK使用步骤
摘要:绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注:登录后可在“开发者中心”查看对应的接口权限。 引入js文件 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.
阅读全文
posted @
2017-03-17 14:15
半夏微澜ぺ
阅读(17085)
推荐(0) 编辑
用js获取access_token
摘要:尝试用js获取access_token 最终失败告终,哈哈 1需要 appId和AppSecret 这两个参数是要保密的,建议不要暴露在外面,以防被别有用心的人利用。 Ajax跨域请求报错:XMLHttpRequest cannot load ''. No 'Access-Control-Allow
阅读全文
posted @
2017-03-17 11:51
半夏微澜ぺ
阅读(9833)
推荐(1) 编辑
微信公众平台appid和appsecret在哪
摘要:1.appid和appsecret是微信公众平台服务号才有的,如果自己家的公众平台不是服务号,需要升级为服务号。 2.登录服务号,登录“服务”条目,“服务中心”如图。 3.点击“自定义菜单”-“开发模式”。 4.下翻页面,就可以看到自己公众平台帐号的appid和appsecret,其中appsecr
阅读全文
posted @
2017-03-16 18:39
半夏微澜ぺ
阅读(7064)
推荐(0) 编辑
组件
摘要:渲染后的DOM绑定click事件add().点击组件的局部变量counter+1;this.$emit("increment")触发increment事件,increment事件对应的incrementTotal 什么是组件 组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的
阅读全文
posted @
2017-03-15 18:35
半夏微澜ぺ
阅读(626)
推荐(0) 编辑
表单控件绑定
摘要:你可以用v-model指令在表单控件元素创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,单v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据。并特别处理一些极端的例子。 v-model并不关心表单控件初始化所生成的值。因为它会选择vue实例数据来作为
阅读全文
posted @
2017-03-15 11:46
半夏微澜ぺ
阅读(544)
推荐(0) 编辑
事件处理器
摘要:监听事件 可以用v-on指令监听DOM事件来触发一些javascript代码。 demo: 方法事件处理器 许多事件处理器的逻辑都很复杂,所以直接把javaScript代码写在v-on指令中是不可行的。因此v-on可以接收一个定义的方法来调用 有时也需要在内联语句处理器中访问原生DOM事件,可以用特
阅读全文
posted @
2017-03-15 09:48
半夏微澜ぺ
阅读(591)
推荐(1) 编辑
列表渲染v-for
摘要:v-for我们用v-for指令根据一组数据的选项列表进行渲染。v-for指令需要以item in items形式的特殊语法,items是源数据数组并且item是数组元素迭代的别名。 demo: 渲染的结果 在v-for块中,我们拥有对父作用域属性的完全访问权限。v-for还支持一个可选的第二个参数作
阅读全文
posted @
2017-03-14 17:39
半夏微澜ぺ
阅读(5469)
推荐(0) 编辑
条件渲染
摘要:v-if demo: <template>中v-if条件组 因为v-if是一个指令,需要将它添加到一个元素上。但是如果我们想要切换多个元素呢?此时我们可以把一个<template>元素当做包装元素, 并在上面使用v-if。最终的渲染结果不会包含<template>元素。 可以使用v-else指令来表
阅读全文
posted @
2017-03-14 16:40
半夏微澜ぺ
阅读(705)
推荐(0) 编辑
class与style绑定
摘要:数据绑定一个常见需求是操作元素的class列表和内联样式。因为它们都是属性,我们可以用v-bind处理他们: 只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易出错。因此,在v-bind用于class和style时,Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或者数
阅读全文
posted @
2017-03-13 18:49
半夏微澜ぺ
阅读(368)
推荐(0) 编辑
vue实例以及生命周期
摘要:Vue实例 构造器 每一个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的: 虽然没有完全遵循MVVM模式,Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm这个变量名表示Vue实例。 在实例化Vue时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩
阅读全文
posted @
2017-03-13 18:06
半夏微澜ぺ
阅读(267)
推荐(0) 编辑
vue 模板语法
摘要:模板语法 Vue.js使用了基于HTML的模板语法,允许开发者声明式将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以可以被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,在应用系统改变时,Vue能够智能计算
阅读全文
posted @
2017-03-13 18:04
半夏微澜ぺ
阅读(630)
推荐(0) 编辑
vue 指令
摘要:指令 指令是带有v-前缀的特殊属性。指令属性的值预期是单一javascript表达式(除了v-for),指令的职责就是当其表达式值改变时相应地将某些行为应用到DOM上; #参数 有些指令能接受一个'参数',在指令后以冒号指明。例如,v-bind指令被用来相应地更新HTML属性: 在这里href是参数
阅读全文
posted @
2017-03-13 18:02
半夏微澜ぺ
阅读(580)
推荐(0) 编辑
计算属性 computed
摘要:计算属性 computed 计算缓存 vs Methods js 这里我们声明了一个计算属性reverseMessage。我们提供的函数将用作属性vm.reversedMessage 的getter。 你可以像绑定普通属性一样在模板中绑定计算属性。Vue知道vm.reversedMessage 依赖
阅读全文
posted @
2017-03-13 18:00
半夏微澜ぺ
阅读(3271)
推荐(0) 编辑
vue watcher
摘要:观察 Watchers 虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的 watcher 。这是为什么 Vue 提供一个更通用的方法通过watch 选项,来响应数据的变化。当你想要在数据变化响应时,执行异步操作或开销较大的操作,这是很有用的。 例如: 在这个示例中,使用 watch 选项允
阅读全文
posted @
2017-03-13 17:56
半夏微澜ぺ
阅读(3169)
推荐(0) 编辑
vue 简介
摘要:Vue.js是一套构建用户界面的渐进式框架。采用自底向上增量开发的设计。Vue的核心值关注视图层非常容易与其他库和已有的项目整合。另外,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。 Vue.js的目标是通过尽可能简单地API实现响应式数据绑定和组合的视图组件。 声明
阅读全文
posted @
2017-03-13 17:52
半夏微澜ぺ
阅读(538)
推荐(0) 编辑
vue-cli
摘要:通过<script>标签把vue.js引入进来,就可以使用vue.js了,但是在真正开发一个应用的时候,我们补课避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的,但是项目初始化将会是一个让人痛苦的事情,这就是为什么我们做了vu
阅读全文
posted @
2017-03-08 11:39
半夏微澜ぺ
阅读(256)
推荐(0) 编辑
webpack
摘要:webpack 是目前最热门的前端资源模块化管理和打包工具,它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的资源,还可以将按需加载的模块进行代码分离,等到实际需要的时候再按需加载。通过loader的转换,任何形式的资源都可以视作模块,比如CommonJS模块,AMD模块,ES6模块,CS
阅读全文
posted @
2017-03-08 11:13
半夏微澜ぺ
阅读(289)
推荐(0) 编辑
less 语法
摘要:1 变量 less的变量使用@开头 1.1 demo 对应的css: 1.2 甚至可以在定义变量值时使用其它的变量: 对应的css: 1.3 如果对同一个变量定义两次的话,在当前作用域中最后一次定义的将被使用。这与CSS的机制类似,最后一次定义的值会成为这个属性的值 1.4 变量是“按需加载”(la
阅读全文
posted @
2017-03-03 11:10
半夏微澜ぺ
阅读(807)
推荐(0) 编辑
window下 node.js 的安装
摘要:下载安装文件 Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 下载安装文件 Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 32 位安装包下载地址 : https://nodejs.org
阅读全文
posted @
2017-03-02 18:50
半夏微澜ぺ
阅读(231)
推荐(0) 编辑
less 使用入门
摘要:LESSS是基于JavaScript,所以,是在客户端处理的。 使用less很简单: 1 下载less.js 2 新建less文件后缀名称是.less 3 在页面中引入less文件,跟引入普通的css的是一样的,区别:rel=stylesheet/less css是stylesheet/css 4
阅读全文
posted @
2017-03-02 18:43
半夏微澜ぺ
阅读(304)
推荐(0) 编辑
sass 基本语法
摘要:sass语法 文件后缀名 sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。 而本教程中所说的所有sass文件都指后缀名为scss的文件。在此也建议使用后缀名为scss的文件,以避免sa
阅读全文
posted @
2017-03-01 18:17
半夏微澜ぺ
阅读(722)
推荐(0) 编辑
ruby gem的安装步骤
摘要:第一步:下载安装文件 官网下载地址:http://rubyinstaller.org/downloads 第二步: 双击安装 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境 第三步: 检
阅读全文
posted @
2017-03-01 14:16
半夏微澜ぺ
阅读(7274)
推荐(2) 编辑
sass 安装与各种命令
摘要:css 是一种编程语言,可以用来开发网页样式,但是却不能编程,没有变量,没有条件语句,于是就有了“css预处理器”, 它的原理就是:利用编程语言进行网页样式设计,然后再编译成正常的css文件; sass是用ruby语言写的,虽然没有什么语法关系,但是使用sass需要先安装ruby再安装sass 假如
阅读全文
posted @
2017-03-01 11:48
半夏微澜ぺ
阅读(1134)
推荐(0) 编辑
String 对象
摘要:1 你使用位置(索引)可以访问字符串中任何的字符: var str="this is a demo"; alert(str[3])// s 字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。 2 在字符串中查找字符串 字符串使用 indexOf() 来定位字符串中某
阅读全文
posted @
2017-03-01 10:11
半夏微澜ぺ
阅读(126)
推荐(0) 编辑
Number对象
摘要:Number对象 JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。 在JavaScript中,数字不分为整数类型和浮点型类型,所有的数字都是由 浮点型类型。JavaScript采用IEEE754标准定义的64位浮点格
阅读全文
posted @
2017-03-01 10:05
半夏微澜ぺ
阅读(167)
推荐(0) 编辑