javascript
{丸の子}
这个作者很懒,什么都没留下…
展开
-
为什么要使用computed而不是data获取vuex中的state
-8e5f-3828-afcd-658d9c388024.png[/img]点击加号、减号实现数字增减 vuex设置:[code="java"]Vue.use(Vuex);//这里直接把vuex写入vue的原型链,实际上还有更加规范的写法,这里只是方便演示Vue.prototype.$store = new Vuex.Store({ state: { count: 0 }, mutations: {原创 2018-09-27 19:05:15 · 179 阅读 · 0 评论 -
vue组件大集合 component
原创 2017-09-07 10:00:26 · 86 阅读 · 0 评论 -
「Javascript」搞定JS面试——跨域问题
如果没有这个策略的话,a网站就可以操作b网站的页面,这样将会导致b网站的页面发生混乱,甚至信息被获取,包括服务器端发来的session。三、跨域的解决方案1、JSONP解决方法 0)浏览器是可以引入不同域下的JS文件,利用这个特性,来实现跨域。1)直接在a.com页面,添加一个script标签,src属性为b网站的页面url,并且传入一个callback参数。 function dosomething(jsonData){2)b网站的handlerData原创 2017-03-15 13:50:47 · 72 阅读 · 0 评论 -
node js搭建和实例
网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs //这个是支持直接写html,用jade太郁闷了换 //npm install mysql //数据库连接(先不用这个用下面那个) npm install libxmljs //读取xml npm -install -g原创 2016-06-30 20:13:07 · 67 阅读 · 0 评论 -
jquery 中的一个函数one讲解
ck',function(){ console.log("click once"); }); }); }(window.jQuery));[/code]这个例子中,无论点多少次,始终都只显示1次了2)还可以将多个事件都关联到once中,比如[code="java"]$("#once").one('mousedown mouseup click'原创 2012-07-25 23:11:39 · 69 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
原创 2012-05-28 10:26:01 · 70 阅读 · 0 评论 -
按键测试,支持像 Ctrl+Alt+Shift+T 的组合键(注:非浏览器热键)
e+"[退格]";break;case 9:keyName = e.keyCode+"[Tab]";break;case 13:keyName = e.keyCode+"[Enter]";break;case 16:keyName = e.keyCode+"[Shift]";break;case 17:keyName = e.keyCode+"[Ctrl]";break;case 18:k原创 2011-08-04 15:41:59 · 118 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
原创 2011-08-04 15:38:42 · 164 阅读 · 0 评论 -
Js实现Map对象的代码
原创 2011-08-04 15:15:14 · 54 阅读 · 0 评论 -
日历控件,完全用CSS+JS实现
width:100%; height:100%; position:relative; border-collapse:collapse; } .calendar table th.first{ height:25px; background-color:maroon; font-family: arial, helvetica; font-size:15px; color:white; border-rig原创 2011-08-04 12:02:13 · 84 阅读 · 0 评论 -
Javascript框架
方式。[img]http://www.gbin1.com/gbin1/generated/technology/jquery/prosconsframeworks/1.jpg/com.gbin1.core.ResizedThumbnail/resized-1711830185.jpg[/img]Prototype - http://www.prototypejs.org/Prototye是一个javascript的框架目的在于简化动态web应用开发。特性唯一,使用简单的工具用来进行class原创 2011-07-27 08:47:53 · 55 阅读 · 0 评论 -
Electron安装 for mac
y http://registry.npm.taobao.org/[/code]安装cnpm:[code="java"]sudo npm install cnpm -g --registry=http://registry.npm.taobao.org[/code]然后用npm去安装electron[code="java"]cnpm install electron -g[/code]下载官方demo[code=原创 2018-03-08 09:29:20 · 362 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
xx =xx更改数据,vue无法监测到[/b][quote]数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以[/quote]Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测: [list][*]push()[*]pop()[*]shift()[*]unshift()[*]splice()[*]sort()[*]reverse()[*]vue2.0还增加个方法可以观测Vue.set(item原创 2018-07-02 18:31:44 · 118 阅读 · 0 评论 -
理解vuex -- vue的状态管理模式
以相应的规则保证状态以一种可预测的方式发生变化。[/quote]状态管理模式、集中式存储管理 一听就很高大上,蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这么说吧,将vue想作是一个js文件、组件是函数,那么vuex就是一个全局变量,只是这个“全局变量”包含了一些特定的规则而已。在vue的组件化开发中,经常会遇到需要将当前组件的状态传递给其他组件。父子组件通信时,我们通常会采用 props + emit 这种方式。但当通信原创 2018-08-11 16:46:19 · 84 阅读 · 0 评论 -
Javascript(es2016) import和require用法和区别
{ return sqrt(square(x) + square(y));}[/code]这样就可以在其他地方对lib中定义的属性和方法进行引用,引用方法有两种,也就时import和require。[code="java"]//方法一import { square, diag } from 'lib';console.log(square(11)); // 121console.log(diag(4, 3));//方法儿import *原创 2018-08-10 16:19:35 · 282 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
xx =xx更改数据,vue无法监测到[/b][quote]数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以[/quote]Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测: [list][*]push()[*]pop()[*]shift()[*]unshift()[*]splice()[*]sort()[*]reverse()[*]vue2.0还增加个方法可以观测Vue.set(item原创 2018-07-02 18:31:44 · 86 阅读 · 0 评论 -
Electron安装 for mac
y http://registry.npm.taobao.org/[/code]安装cnpm:[code="java"]sudo npm install cnpm -g --registry=http://registry.npm.taobao.org[/code]然后用npm去安装electron[code="java"]cnpm install electron -g[/code]下载官方demo[code=原创 2018-03-08 09:29:20 · 122 阅读 · 0 评论 -
vue组件大集合 component
原创 2017-09-07 10:00:26 · 92 阅读 · 0 评论 -
「Javascript」搞定JS面试——跨域问题
如果没有这个策略的话,a网站就可以操作b网站的页面,这样将会导致b网站的页面发生混乱,甚至信息被获取,包括服务器端发来的session。三、跨域的解决方案1、JSONP解决方法 0)浏览器是可以引入不同域下的JS文件,利用这个特性,来实现跨域。1)直接在a.com页面,添加一个script标签,src属性为b网站的页面url,并且传入一个callback参数。 function dosomething(jsonData){2)b网站的handlerData原创 2017-03-15 13:50:47 · 62 阅读 · 0 评论 -
node js搭建和实例
网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs //这个是支持直接写html,用jade太郁闷了换 //npm install mysql //数据库连接(先不用这个用下面那个) npm install libxmljs //读取xml npm -install -g原创 2016-06-30 20:13:07 · 78 阅读 · 0 评论 -
为什么要使用computed而不是data获取vuex中的state
-8e5f-3828-afcd-658d9c388024.png[/img]点击加号、减号实现数字增减 vuex设置:[code="java"]Vue.use(Vuex);//这里直接把vuex写入vue的原型链,实际上还有更加规范的写法,这里只是方便演示Vue.prototype.$store = new Vuex.Store({ state: { count: 0 }, mutations: {原创 2018-09-27 19:05:15 · 275 阅读 · 0 评论 -
理解vuex -- vue的状态管理模式
以相应的规则保证状态以一种可预测的方式发生变化。[/quote]状态管理模式、集中式存储管理 一听就很高大上,蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这么说吧,将vue想作是一个js文件、组件是函数,那么vuex就是一个全局变量,只是这个“全局变量”包含了一些特定的规则而已。在vue的组件化开发中,经常会遇到需要将当前组件的状态传递给其他组件。父子组件通信时,我们通常会采用 props + emit 这种方式。但当通信原创 2018-08-11 16:46:19 · 72 阅读 · 0 评论 -
Javascript(es2016) import和require用法和区别
{ return sqrt(square(x) + square(y));}[/code]这样就可以在其他地方对lib中定义的属性和方法进行引用,引用方法有两种,也就时import和require。[code="java"]//方法一import { square, diag } from 'lib';console.log(square(11)); // 121console.log(diag(4, 3));//方法儿import *原创 2018-08-10 16:19:35 · 122 阅读 · 0 评论 -
仅1K大小的javascript/jquery页码显示,完美实现腾迅微博分页效果
。 效果如下:[img]http://dl.iteye.com/upload/attachment/519865/6a3cd6da-9a88-39dd-8f13-797c230dfe70.png[/img][code="java"]pagenav testa { color:#2B4A78; text-decoration:none; }a:hover { color:#2B4A78;text-decoration:underl原创 2011-07-19 08:42:17 · 61 阅读 · 0 评论 -
jquery 中的一个函数one讲解
ck',function(){ console.log("click once"); }); }); }(window.jQuery));[/code]这个例子中,无论点多少次,始终都只显示1次了2)还可以将多个事件都关联到once中,比如[code="java"]$("#once").one('mousedown mouseup click'原创 2012-07-25 23:11:39 · 78 阅读 · 0 评论 -
Electron安装 for mac
第一次用Electron这个安装遇到些问题,按照官方的说明安装时总是出错先把npm/node装上,这个就从网上查吧修改npm镜像:[code="java"]npm config set registry http://registry.npm.taobao.org/[/code]安装cnpm:[code="java"]sudo npm install cnp...原创 2018-03-08 09:29:20 · 495 阅读 · 0 评论 -
vue组件大集合 component
vue组件分为全局组件、局部组件和父子组件,其中局部组件只能在el定义的范围内使用, 全局组件可以在随意地方使用,父子组件之间的传值问题等。[list][*]Vue.extend 创建一个组件构造器[*]template:'' 组件要显示的内容[*]component('',); 注册组件,接收两个参数,第一个参数用来使用的标签,第二个参数标识要显示内容的构建器[/...原创 2017-09-07 10:00:26 · 146 阅读 · 0 评论 -
node js搭建和实例
我的电脑是mac电脑,所以只写mac电脑上的流程,关于windows上的流程其实也差不多了1.去官网下载node js最新版本,并安装[url]http://nodejs.cn/[/url]2.去网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs ...原创 2016-06-30 20:13:07 · 111 阅读 · 0 评论 -
jquery 中的一个函数one讲解
发现了一个特殊的函数one,其含义是能让其绑定的事件只执行一次, 马上来看实际的例子: [code="java"](function($){ $(function(){ $("#once").one('click',function(){ console.log("click once"); }); ...原创 2012-07-25 23:11:39 · 182 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
最近看到一篇文章,是讲浏览器的。其中有一点是讲窗口大小的,我感觉很好,我这里也分析一下 窗口大小: 跨浏览器确定一个窗口的大小不是一个简单的事。IE9,FF,safari,Opera,Chrome均为此提供了4个属性:innerWidth,innerHeight,outerWidth,outerHeight在IE9 safari和FF中,outerwidth和outerHeig...原创 2012-05-28 10:26:01 · 80 阅读 · 0 评论 -
按键测试,支持像 Ctrl+Alt+Shift+T 的组合键(注:非浏览器热键)
[code="java"]按键测试,支持像 Ctrl+Alt+Shift+T 的组合键(注:非浏览器热键)function showKeyName(e){var keyName;switch(e.keyCode){case 8:keyName = e.keyCode+"[退格]";break;case 9:keyName = e.keyCode+...原创 2011-08-04 15:41:59 · 96 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
昨天因为工作需要,研究了下select下拉列表,发现一段JS并进行了修改,因为源代码存在一个bug,所以我进行了稍微修改并注明,希望能对大家有所帮助! 固定宽度的select下拉列表option选项显示不全的解决办法:在实际的开发中在页面中为了布局的需要,下拉菜单的宽度要设成比较小的值,但这时由于包含的选择项的内容比较长,那么超出select宽度的部分将会被截断,如果option显示的...原创 2011-08-04 15:38:42 · 316 阅读 · 0 评论 -
Js实现Map对象的代码
[code="java"] [/code]原创 2011-08-04 15:15:14 · 65 阅读 · 0 评论 -
日历控件,完全用CSS+JS实现
转的.[img]http://dl.iteye.com/upload/attachment/526631/b659f1cd-db37-3d1a-8a0b-83a7513f3108.png[/img][code="java"] .body{ background-color:white; } .calendar table{ w...原创 2011-08-04 12:02:13 · 94 阅读 · 0 评论 -
Javascript框架
jQuery - http://jquery.comjQuery是一个快速的准确的javascript的库来快速开发来简化HTML文档浏览操作,事件操作,动画以及Ajax互动。jQuery改变了你写javascript的方式。[img]http://www.gbin1.com/gbin1/generated/technology/jquery/prosconsframeworks/1.jp...原创 2011-07-27 08:47:53 · 84 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
我们有时候常碰到vue中明明修改了数据,但是视图无法更新,因此我总结了一点点碰到此类的情况:[b]1、v-for遍历的数组,当数组内容使用的是arr[0].xx =xx更改数据,vue无法监测到[/b][quote]数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以[/quote]Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据...原创 2018-07-02 18:31:44 · 164 阅读 · 0 评论 -
Javascript(es2016) import和require用法和区别
写个简单js文件,假设名字为:lib.js 。 假设内容如下:[code="java"]export const sqrt = Math.sqrt;export function square(x) { return x * x;}export function diag(x, y) { return sqrt(square(x) + square(y));...原创 2018-08-10 16:19:35 · 191 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
原创 2012-05-28 10:26:01 · 78 阅读 · 0 评论 -
按键测试,支持像 Ctrl+Alt+Shift+T 的组合键(注:非浏览器热键)
e+"[退格]";break;case 9:keyName = e.keyCode+"[Tab]";break;case 13:keyName = e.keyCode+"[Enter]";break;case 16:keyName = e.keyCode+"[Shift]";break;case 17:keyName = e.keyCode+"[Ctrl]";break;case 18:k原创 2011-08-04 15:41:59 · 89 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
原创 2011-08-04 15:38:42 · 195 阅读 · 0 评论