一,基础的vue spa入口函数是这样的:import App from './App.vue' new Vue({ el: '#app', render: h = h(App) })二,如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样:来自官方文档的例子:const NotFound = { template: ' p Page not found /p ' } const Home = { template: ' p home page /p ' } const Ab
像素鱼丸 2017-05-23 JavaScript 1081
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。  当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中,有一些都是以自己的方式去理解CSS规范,这就会导致有的浏览器对CSS的解释与设计师的CSS定义初衷相冲突,使得网页的样子在某些
像素鱼丸 2017-05-19 CSS 979
padding百分比来做 这里需要运用一个小技巧,padding用百分比做单位时是相对于容器的宽度来算的。 .wrapper{ position : relative; background: #ccc; width: 10%; padding-bottom : 20%; } .inner{ position : absolute; top : 0; left : 0; right : 0; bottom : 0; } /style div class="wrapper" div class="
像素鱼丸 2017-05-05 CSS 1034
1. 关掉mysql服务,打开系统设置最后的mysql,然后将mysql先关掉2. 生成一个文件命名mysql-init,文件中放入:一句话,这句话不同版本不一样,如下:(括号里面不包含)alter user ‘root’@‘localhost’ identified by ‘新密码’;(MySQL 5.7.6 and later)set password for ‘root’@‘localhost’=password(‘新密码’);(MySQL 5.7.5 and earlier)3. cd /usr/local/mysql/bin/sudo sumysqld_safe —init-file
像素鱼丸 2017-04-04 MySQL 1154
package.json { "name": "test", "version": "1.0.0", "description": "no description 2017", "main": "index.js", "scripts": { "test": "run" }, "keywords": [
像素鱼丸 2017-03-02 JavaScript 1110
为了方便,Node为每个模块提供一个exports变量,指向 module.exports。在 exports 对象上添加变量和方法,等于在 module.exports 上添加。相当于在模块的开头添加了:var exports = module.exports 这样做会导致 module.exports 和 exports 是有些区别,只能向 exports 对象上添加变量和方法。不能直接指向一个值。比如:exports = "Node.js"; 不等于module.exports = "Node.js"; 因为直接将 exports 变量指向一个值,就切断了 exports 与 m
像素鱼丸 2017-02-27 Node.js 1150
nodejs的出现,可以算是前端里程碑式的一个事件,它让前端攻城狮们摆脱了浏览器的束缚,踏上了一个更加宽广的舞台。前端的可能性,从此更加具有想象空间。 随着一系列基于nodes的应用/工具的出现,工作中与nodejs打交道的机会越来越多。无论在node应用的开发,还是使用中,包管理都扮演着一个很重要的作用。NPM(node package manager),作为node的包管理工具,极大地便利了我们的开发工作,很有必要了解一下。 NPM是什么 NPM(node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、
像素鱼丸 2017-02-24 Node.js 1224
1.删除所有的目录,只保留datasharebin2.删除BIN下面除以下三个文件之外的所有文件:libmysql.dll(MYSQL5中的文件,在MYSQL5.5中不存在)mysqladmin.exemysqld.exe3.如果要用客户端,请保留mysql.exe4.删除Share目录下除以下目录外的所有目录charsetsenglish5.删除Data目录下的除mysql之外的所有文件和目录1.准备工作下载mysql的最新免安装版本mysql-noinstall-5.1.53-win32.zip,解压缩到相关目录,如:d:\ mysql-noinstall-5.1.53-win32
像素鱼丸 2017-02-06 MySQL 1131
如果你点击一个有样式的标签,或者是一个封装好的按钮组件,这些都不提供:to的接口的,此时就得用函数式路由了,比如这种 template div mt-navbar v-model="selected" class="container" @click.native="goRouter" mt-tab-item id="head-nav1" 新歌 /mt-tab-item mt-tab-item id="head-nav2"
像素鱼丸 2017-01-04 JavaScript 1368
最近在做一个餐饮webApp,想起天猫的加入购物车特效不错,便也想将其加入项目中来,本着不重复造轮子的原则,搜刮一番后,果然找到了我要的东西, github:https://github.com/bigmeow/fly, 在线预览:http://codepen.io/hzxs1990225/full/ogLaVp 不过呢,这是jquery版本的,但是我的项目为了轻便没有引入jquery,于是又找到了一种解决方案,纯Js版的,当然,效果没上面的好,但是也不简单~直接上代码: 首先是一个抛物线(二元一次方程)的工具方法:function funParabola(element, target, o
像素鱼丸 2016-10-20 JavaScript 1066
STYLE .page_nav{height:20px;font-size:13px !important;color:#797979;text-align: center !important;} .page_nav ul li{ font-weight:bold; float:left; margin:0px 2px; list-style: none; font-size:13px; height:24px; min-width:20px; line-height: 24px; padding: 0px 2px !important; border:1px s
像素鱼丸 2016-10-14 CSS 1705
铁路图(railroad diagram)规则: 1.从左边界开始沿着轨道去到右边界。2.沿途,你将在圆框中遇到的是字面量,在方块中遇到的是规则或者描述。3.任何沿着轨道能走通的序列都是合法的。4.任何不能沿着轨道走通的序列都是非法的。5.每个末端只有一个竖条的铁路图允许在任何一对标记中间插入空白。而在末端有两个竖条的铁路图是不允许的。语法图(Syntax diagrams )又叫铁路图(railroad diagrams)是描述形式文法的一种方式。它是巴科斯范式或扩展巴科斯范式的图形化表示。最早使用语法图的书包括Niklaus Wirth写的“Pascal User Manual”(语法
像素鱼丸 2016-10-13 开发技巧 2260
npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。1、npm install moduleNames:安装Node模块安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。npm install koa 默认会安装 koa 的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install koa@2.0 将包安装到全局环境中npm install -g 但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。
像素鱼丸 2016-10-11 Node.js 1594
问题: div class='item' id='outer' onclick="alert('outer')" div class='item' id='inner' onclick="alert('inner');" div class='item' id='core' onclick="alert('core')" co
像素鱼丸 2016-10-07 JavaScript 1114
用vuejs脚手架vue-cli创建的项目,如果要引入外部文件(第三方插件)的时候,要在webpack的配置文件中设置externals:webpack.base.conf.js的设置externals中‘swiper‘是键,对应的值一定的是插件swiper.js所定义的变量Swiper:之后再在根目录下的index.html文件里引入文件: script src="static/lib/swiper.js" /script ,注意:外部文件放在src里是不能被index.html所访问到的,故我放到根目录下得static文件夹里。这样子就可以在需要用到swiper.
像素鱼丸 2016-10-03 JavaScript 1419
SELECT user_id, group_id, COUNT(status) - SUM(status) AS contract FROM tp_contract GROUP BY user_id HAVING group_id = 18 AND COUNT(status) - SUM(status) 0 LIMIT 0,10select name as name1 from table1 where name1='aaa';上面的运行有问题, 字段别名不能直接在谓词部分引用,表别名可以。有人解释为MySql中列的别名本来是返
像素鱼丸 2016-09-26 MySQL 1115
使用workbench,如果你要批量更新或删除数据,一般会报“Error Code: 1175 You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column”错误,这是Workbench的安全设置导致的,通过设置就可以处理。快速设置,直接在workbench里面的查询窗口输入“SET SQL_SAFE_UPDATES = 0;”就可以了。如果你想要图形界面设置,请继续。在workbench的菜单栏点击“edit-- Preferences”,然后会弹出对
像素鱼丸 2016-09-26 MySQL 1187
Oren Eini(又名Ayende Rahien)建议开发者尽量避免数据库的软删除操作,读者可能因此认为硬删除是合理的选择。作为对Ayende文章的回应,Udi Dahan强烈建议完全避免数据删除。所谓软删除主张在表中增加一个IsDeleted列以保持数据完整。如果某一行设置了IsDeleted标志列,那么这一行就被认为是已删除的。Ayende觉得这种方法“简单、容易理解、容易实现、容易沟通”,但“往往是错的”。问题在于: 删除一行或一个实体几乎总不是简单的事件。它不仅影响模型中的数据,还会影响模型的外观。所以我们才要有外键去确保不会出现“订单行”没有对应的父“订单”的
像素鱼丸 2016-09-26 MySQL 1088
GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,而POST不可以。GET请求会被浏览器主动cache,而POST不会,除非手动设置。GET请求只能进行url编码,而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的,而POST么有。对参数的数据类型,GET只接受ASCII字符,而POST没有限制。GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。GET参数通过URL传递,POST放在Request body中
像素鱼丸 2016-09-23 JavaScript 1027
方法一:正则分析法 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }调用方法: alert(GetQueryString("参数名1"
像素鱼丸 2016-09-20 JavaScript 948
随机推荐
JavaScript 引用类型
JavaScript 滚动浏览器窗口到指定的元素
WordPress 插入文章函数 wp_insert_post()
JavaScript URL 对象
JavaScript 对象
CSS 图片缩小出现锯齿
wp_signon() 自定义用户登录函数
Node.js net 模块