乔小乔jojo-CSDN博客

翻译 jsPlumb笔记

setup如果不使用jQuery或者类jQuery库，则传入的节点得用id的形式,否则jsPlumb会为元素设置一个id。jsPlumb.ready(function(){ ···});//orjsPlumb.bind("ready",function(){ ···});最好确认jsPlumb加载完毕之后，再开始使用相关功能。默认情况下，jsPlumb在浏览器的窗口中注册，为整个页...

2018-03-30 13:36:52 9858 1

翻译 npm 查看模块全部版本

npm 查看模块全部版本npm 查看模块全部版本：(jquery)npm view jquery versions安装指定版本: (jquery)npm install [email protected]

2017-10-26 14:35:11 21269

原创代码

<template> <div class="left-nav"> </div></template><script>export default { name: 'leftNav', data () { return { } }}</script><!-- Add "scoped" attribute to limit CSS to this compon

2017-06-22 16:45:12 432

转载 vue-cli#2.0项目结构

2017-06-22 15:16:42 411

原创 npm ERR! Windows_NT 6.1.7601

node -v查一下node版本我本地是0.12.2版本太低，卸载node， http://nodejs.cn/download/下载最新版本安装即可。

2017-06-21 11:36:10 2211

原创 Vue实战视频-快餐店收银系统

http://jspang.com/2017/05/22/vuedemo/

2017-06-21 10:06:46 6601 1

转载 Chrome 开发工具之Timeline

之前有说到Element，Console，Sources大多运用于debug，Network可用于debug和查看性能，今天的主角Timeline更多的是用在性能优化方面，它的作用就是记录与分析应用程序运行过程中所产生的活动。认识Timeline 接下来开始详细的分析下每个标记处的作用(有几个还没标记出来的也有介绍，顺序是按照面板从左到右，从上到下)记录按钮是否需要对当前页面的运行进行记录

2017-06-15 16:53:58 5363

翻译 sublime之.vue文件格式化插件

1、先安装HTML/CSS/JS Prettify 插件： (1) ctrl+shift+p (2) 点击Install Package，然后搜索HTML-CSS-JS Prettify，按确定，等待安装结束。2、安装HTML/CSS/JS Prettify后： tools->HTML/CSS/JS Prettify->set prettify preference

2017-05-27 16:03:28 15756 2

转载 vue百度下拉框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsonp</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"

2017-04-27 00:07:44 2999

转载 Vue GET交互

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数据交互</title> <script src="../js/Vue.js"></script> <script src="../js/vue-resource.js"></script> <script>

2017-04-26 23:40:38 369

原创 Vue 模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../js/vue1.0.js"></script> <script> window.onload = function(){ var vm =

2017-04-26 23:25:37 464

转载 Vue1.0版本--TodoList

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2017-04-26 23:04:13 399

转载 vue事件简写方式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio

2017-04-26 23:03:25 5567

转载 vue事件对象，冒泡，阻止默认行为

事件对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = fun

2017-04-26 23:02:34 1638

转载 Vue键盘事件

键盘事件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = fun

2017-04-26 23:00:51 1129

翻译 es6学习笔记Set和WeakSet数据结构

Set和WeakSet 数据结构是ES6新增。它与数组非常相似，但是Set数据结构的成员都是唯一的。特别说明:Set中只能添加一个NaN。一.Set数据结构: var set = new Set([1, 2, 3, 4, 2, 8, 4]); //两个2 for (var elem of set) { console.log(elem) } //———–循环用add添加赋值

2017-04-24 23:01:59 367

转载 es6学习笔记4-解构赋值

1.数组解构 let [a, b, c,d] = [“aa”, “bb”, 77,88]; 嵌套数组解构 let [a,b,[c,d],e] =[“aa”,’bb’,[33,44],55]; 空缺变量 let [a,b,,e] =[“aa”,’bb’,[33,44],55]; 多余变量 let [a,b,,e,f] =[“aa”,’bb’,[33,44],55]; 默

2017-04-24 22:44:41 251

转载 es6学习笔记3

一、let命令 1.let声明的变量只在变量声明时所在的代码块内有效对比： { var url = “www.baidu.com”; } alert(url); //——————————– { let url = “www.baidu.com”; } alert(url); 2.let不允许在同一作用域重复声明变量: let url = “www

2017-04-24 21:37:28 293

翻译 es6学习笔记2

0.查询npm版本：npm -v //如果<3.0.8 安装最新版本：npm i npm g 1.安装webpack :(全局安装）//查看版本：webpack -v npm install webpack -g 2.安装vue .js //查看版本：vue -V npm install vue -g 3.安装vue命令行工具 npm install -

2017-04-24 20:50:19 250

原创 es6学习笔记1

1.安装ES6插件： sublime中：点首选项 - >包控制 - >输入安装…等一会儿 - >再输入javascriptNext->选择=>开始安装 2.查看ES6插件是否安装成功：点视图- >语法 - > javascriptNext - ES6 …存在即安装成功3.chrome对es6的支持只有65％，其他的更不用说 ES5～Es6只针对vue.js、react、angularjs而言

2017-04-24 20:34:19 198

JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但是在中国，万恶的IE6仍然大量的存在，我们不得不去考虑它。对于JS代码的优化，实际上有很多的情况，有些影响是比较小的，而有些是比较严重的，本文中，我把几个我认为影响比较严重的情况列出来，供大家参考。1、

2017-03-31 22:33:47 8859 2

转载 JS性能优化笔记

一、让代码简洁：一些简略的表达方式也会产生很好的优化 eg：x=x+1;在不影响功能的情况下可以简写为x++;二、变量名方法名尽量在不影响语意的情况下简单。（可以选择首字母命名） eg：定义数组的长度可以取名为：ArrLen而不需要取为ArrayLength。三、关于JS的循环，循环是一种常用的流程控制。 JS提供了三种循环：for(;;)、while()、for(in)。在这三种循环中

2017-03-31 20:07:11 204

转载 50个jQuery代码段帮你成为更出色的JS开发者

1.如何重用元素搜索var allItems = $("div.item");var keepList = $("div#container1 div.item");//现在你可以继续使用这些jQuery对象来工作了。例如，//基于复选框裁剪“keep list”，复选框的名称//符合< DIV >class names:$(formToLookAt + " input:checked"

2017-03-31 19:12:16 244

转载 chrome调试for js

1.代码格式化一般情况下上线前 js 文件在都会压缩一下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Sourse 面板下面打开一个压缩的js文件，会有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化, 方便设断点，提高可读性。压缩前压缩后 2.查看元素绑定事件在 Elements 面板, 选中一个元素, 然后在右侧的

2017-03-12 22:04:22 294

翻译相等和全等

alert(1 == '1'); //true,相等对的是值，类型不用比较alert(1 === '1'); //false,全等还需要比较类型alert(1 == true); //true ,1会隐式转换为布尔值，true==truealert(1===true); //false ,1本身是数值，true本身是布尔值ps：在类型不相等的情况下，建议使用全等===

2017-03-11 23:13:01 273

翻译 try...catch

try…catch 语句 try…catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。语法：try //尝试着执行 try 包含的代码{ //在此运行代码}catch(err) //如果有错误,执行 catch,e 是异常对象{ //在此处理错误}注意：try…catch 使用小写字母。大写字母会出错。

2017-03-11 20:58:49 228

原创 jquery源码学习笔记1

constructor<script type="text/javascript">function Person(){}Person.prototype.name = "lisi";Person.prototype.age = 20;var person1 = new Person();alert(person1.constructor);//输出相应的构造函数</script><s

2016-12-26 23:18:36 275

翻译 jquery源码学习笔记：自执行匿名函数剖析

2016-12-21 22:24:48 445

原创当只定义position：absolute时，top,bottom，left,right都不指定，left，top默认值？

当只定义position：absolute时，top,bottom，left,right都不指定，则left，top值与原文档流位置一致。即跟当它static时的位置一样。

2016-12-19 15:37:12 7999 2

原创 vue全家桶

vue https://vuejs.orgvue-forum https://forum.vuejs.org Twitter https://twitter.com/vuejsDocs for This Template http://vuejs-templates.github.io/webpack/Gitter Chat https://gitter.im/vuejs/vuevue-rou

2016-12-18 00:23:11 4555

原创 vue脚手架vue-cli

安装vue-clinpm install -g vue-cli使用vue-cli初始化项目vue init webpack my-project进入到目录cd my-project安装依赖npm install开始运行npm run dev

2016-12-17 23:53:29 3402

转载 Vue.js实践：一个Node.js+mongoDB+Vue.js的博客内容管理系统

项目来源以前曾用过WordPress搭建自己的博客网站，但感觉WordPress很是臃肿。所以一直想自己写一个博客内容管理器。正好近日看完了Vue各个插件的文档，就用着Vue尝试写了这个简约的博客内容管理器（CMS）。完成的功能一个基本的博客内容管理器功能，如后台登陆，发布并管理文章等支持markdown语法编辑支持代码高亮可以管理博客页面的链接博客页面对移动端适配优化账户管理(

2016-11-28 13:31:39 14006 9

转载怎么在页面里引入bootstrap的css和js文件呢？

怎么在页面里引入bootstrap的css和js文件呢？这是一个nodejs+express工程在npm install之后或使用npm install bootstrap命令安装bootstrap之后，怎么在views/index.ejs文件中引入bootstrap.css文件呢？在app.js里面引入这句app.use("/lib",express.static(path.join(_

2016-11-28 11:20:16 6489 1

原创 node.js 使用ejs模板引擎时后缀换成.html

将app.set('view engine', 'jade');换成//将引擎修改为htmlvar jade = require('jade');//在app.js的头上定义jadeapp.engine('html',jade.__express);//注册html模板引擎app.set('view engine', 'html');//将模板引擎换成html修改模板文件的后缀为.html。

2016-11-28 10:23:25 1808

转载 JavaScript常用API总结

下面是我整理的一些JavaScript常用的API清单。目录元素查找 class操作节点操作属性操作内容操作 css操作位置大小事件 DOM加载完毕绑定上下文去除空格 Ajax JSON处理节点遍历元素查找// Nodedocument.getElementById(id) // document.getElementById('test')docu

2016-11-25 22:55:33 292

转载 Flex 布局教程：实例篇

上篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看F

2016-11-11 11:17:01 730

转载 Flex 布局教程：语法篇

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就

2016-11-11 11:11:02 246

转载浅谈display:flex

display:flex 意思是弹性布局首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除浮动才能不影响下面的布局。2.当.left,.right 的宽度是固定的，浏

2016-11-11 11:06:14 18084

转载 sublime编辑器Ctrl+E快捷键无效

出现此情况有两种原因，一种没有安装Emmet，另一种就是安装出现了问题安装Emmet首先下载package control过程如下：(1) 打开sublime，(2) 按Ctrl+`，调出命令框(3) 在框中根据sublime版本输入代码打开sublime，通过Ctrl+Shift+P快捷键调出命令面板，在命令面板中输入install package（sublime有

2016-11-09 22:39:25 8530

原创微信小程序－问题：不在以下合法域名列表中

遇到一个问题， https://api.douban.com/v2/movie/in_theaters ：不在以下合法域名列表中，截图如下：原因：我使用了AppID(小程序ID)，所以，对开发者要求更严格，找到设置－服务器配置，需要以下配置：

2016-11-09 21:46:58 4366

chorme liveReload插件

qq截图工具windows版本

qq截图工具

空空如也