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 · 178 阅读 · 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 · 71 阅读 · 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 · 66 阅读 · 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 · 68 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
原创 2012-05-28 10:26:01 · 63 阅读 · 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 · 114 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
原创 2011-08-04 15:38:42 · 163 阅读 · 0 评论 -
Js实现Map对象的代码
原创 2011-08-04 15:15:14 · 53 阅读 · 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 · 83 阅读 · 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 · 52 阅读 · 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 · 358 阅读 · 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 · 117 阅读 · 0 评论 -
理解vuex -- vue的状态管理模式
以相应的规则保证状态以一种可预测的方式发生变化。[/quote] 状态管理模式、集中式存储管理 一听就很高大上,蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这么说吧,将vue想作是一个js文件、组件是函数,那么vuex就是一个全局变量,只是这个“全局变量”包含了一些特定的规则而已。 在vue的组件化开发中,经常会遇到需要将当前组件的状态传递给其他组件。父子组件通信时,我们通常会采用 props + emit 这种方式。但当通信原创 2018-08-11 16:46:19 · 82 阅读 · 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)); // 121 console.log(diag(4, 3)); //方法儿 import *原创 2018-08-10 16:19:35 · 280 阅读 · 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 · 85 阅读 · 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 · 121 阅读 · 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 · 60 阅读 · 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 · 76 阅读 · 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 · 272 阅读 · 0 评论 -
理解vuex -- vue的状态管理模式
以相应的规则保证状态以一种可预测的方式发生变化。[/quote] 状态管理模式、集中式存储管理 一听就很高大上,蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这么说吧,将vue想作是一个js文件、组件是函数,那么vuex就是一个全局变量,只是这个“全局变量”包含了一些特定的规则而已。 在vue的组件化开发中,经常会遇到需要将当前组件的状态传递给其他组件。父子组件通信时,我们通常会采用 props + emit 这种方式。但当通信原创 2018-08-11 16:46:19 · 71 阅读 · 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)); // 121 console.log(diag(4, 3)); //方法儿 import *原创 2018-08-10 16:19:35 · 121 阅读 · 0 评论 -
仅1K大小的javascript/jquery页码显示,完美实现腾迅微博分页效果
。 效果如下: [img]http://dl.iteye.com/upload/attachment/519865/6a3cd6da-9a88-39dd-8f13-797c230dfe70.png[/img] [code="java"] pagenav test a { color:#2B4A78; text-decoration:none; } a:hover { color:#2B4A78;text-decoration:underl原创 2011-07-19 08:42:17 · 56 阅读 · 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 · 76 阅读 · 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 · 490 阅读 · 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 · 104 阅读 · 0 评论 -
jquery 中的一个函数one讲解
发现了一个特殊的函数one,其含义是能让其绑定的事件只执行一次, 马上来看实际的例子: [code="java"] (function($){ $(function(){ $("#once").one('click',function(){ console.log("click once"); }); ...原创 2012-07-25 23:11:39 · 176 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
最近看到一篇文章,是讲浏览器的。其中有一点是讲窗口大小的,我感觉很好,我这里也分析一下 窗口大小: 跨浏览器确定一个窗口的大小不是一个简单的事。IE9,FF,safari,Opera,Chrome均为此提供了4个属性:innerWidth,innerHeight,outerWidth,outerHeight 在IE9 safari和FF中,outerwidth和outerHeig...原创 2012-05-28 10:26:01 · 78 阅读 · 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 · 91 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
昨天因为工作需要,研究了下select下拉列表,发现一段JS并进行了修改,因为源代码存在一个bug,所以我进行了稍微修改并注明,希望能对大家有所帮助! 固定宽度的select下拉列表option选项显示不全的解决办法: 在实际的开发中在页面中为了布局的需要,下拉菜单的宽度要设成比较小的值,但这时由于包含的选择项的内容比较长,那么超出select宽度的部分将会被截断,如果option显示的...原创 2011-08-04 15:38:42 · 315 阅读 · 0 评论 -
Js实现Map对象的代码
[code="java"] [/code]原创 2011-08-04 15:15:14 · 64 阅读 · 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 · 93 阅读 · 0 评论 -
Javascript框架
jQuery - http://jquery.com jQuery是一个快速的准确的javascript的库来快速开发来简化HTML文档浏览操作,事件操作,动画以及Ajax互动。jQuery改变了你写javascript的方式。 [img]http://www.gbin1.com/gbin1/generated/technology/jquery/prosconsframeworks/1.jp...原创 2011-07-27 08:47:53 · 80 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
我们有时候常碰到vue中明明修改了数据,但是视图无法更新,因此我总结了一点点碰到此类的情况: [b]1、v-for遍历的数组,当数组内容使用的是arr[0].xx =xx更改数据,vue无法监测到[/b] [quote]数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以[/quote] Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据...原创 2018-07-02 18:31:44 · 161 阅读 · 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 · 187 阅读 · 0 评论 -
关于跨平台browser窗口大小的问题
原创 2012-05-28 10:26:01 · 77 阅读 · 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 · 85 阅读 · 0 评论 -
固定宽度的select下拉列表option选项显示不全的解决办法
原创 2011-08-04 15:38:42 · 193 阅读 · 0 评论