2017年01月_linyeban

02月 01月

原创 vue+webpack+es6+sass

参考博客：用vue+webpack+es6+sass实现Cnode网站https://segmentfault.com/a/1190000006000118webpack配合vue.js实现完整的单页面demohttps://segmentfault.com/a/1190000005768273

2017-01-31 17:17:02 1097

原创 html5shiv.js让IE9以下浏览器支持html5

一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那么这款html5shiv.js是一个非常好的选择！上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用Html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，

2017-01-25 15:55:35 880

原创前端知识汇总文章

一、前端收藏夹第一篇：前端收藏夹，以及他们的github地址：GitHub - w3ctrain/w3ctrain.github.io: w3ctrian前端收藏夹以下是目录，更多信息请访问他们的主页：前端工具自动化： Gulp 百度Fis 、Ant、Yeoman、Codekit、Koala、Webpack预编译：Sass、BabelJs、Jade、Less、Stylus

2017-01-25 14:11:37 727

转载汇总前端最最常用的JS代码片段-你值得收藏

html5选择器//参数均接收一个合法的css选择器element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的nodeList集合鼠标滚轮事件$('#showPic').

2017-01-25 10:52:47 365

原创 [Vue warn]: Cannot find element: #app

学习vue的时候，刚开始按照官网的例子敲写，却出现以下的问题：问题：这是因为你的js在html页面头部引入的原因，自定义js文件要最后引入，因为要先有元素id,vue才能获取相应的元素html>htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml">head> metacharset="UTF-8

2017-01-20 11:07:54 23161 7

原创前端工程目录

目前来说，按照概念，“前端工程”至少应该是要解决以下几个方面的问题：1、提供项目开发所需的一整套运行环境，这和IDE作用类似，由于前端开发的特殊性，这个“IDE”是一个集成了多种语言和工具的开发环境；2、资源管理，包括资源获取、依赖处理、实时更新、按需加载、公共模块管理等。这里也可以看成是组件化和模块化；3、打通研发链路的各个环节，debug、mock、proxy、test、build

2017-01-13 20:20:52 2111

原创 Mock.js进行独立于后端的前端开发

Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：·根据数据模板生成模拟数据·模拟 Ajax 请求，生成并返回模拟数据·基于 HTML 模板生成模拟数据官方文档：Demo下载地址：http://download.csdn.net/detail/linyeban/9737234Demo1的运行效果： De

2017-01-13 20:01:45 299

原创前端集成解决方案（webpack、gulp）

前端集成解决方案前端集成解决方案一、什么是前端集成解决方案FIS（Front-end Integrated Solution）是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。二、解决了前端哪些问题三、常用的前端构建集成1、Gulpgulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编

2017-01-10 23:46:57 7527

原创 npm should be run outside of the node repl, in your normal shell

在node.js自带的界面运行出来的效果：在Windows中的cmd运行出来的效果：也就是说，想要运行node命令，需要在系统的shell中，比如windows的cmd。node自带的那个叫repl，不能在其中运行npm命令，只能运行js语句需要在其它的CMD文件命令行下运行npm install -g BrowserSync即可；

2017-01-07 17:38:16 6292

转载前端利器：SASS基础与Compass入门

SASS是Syntactically Awesome StylesheeteSass的缩写，它是css的一个开发工具，提供了很多便利和简单的语法，让css看起来更像是一门语言，这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的css文件。当然，SASS只是css预编译工具中的一种，类似的工具还有

2017-01-07 11:23:23 526

原创 Mybatis绑定错误的原因

Mybatis常会出现下面异常，这一般是xml映射文件有错误。但是这个提示不一定准确，以致网上有些资料说这个问题很奇怪。出现这个错误一般的解决方式在下面有说明：http://blog.csdn.net/softwarehe/article/details/8889206org.apache.ibatis.binding.BindingException: Invalid bound sta

2017-01-06 11:39:59 1122

原创 org.apache.ibatis.reflection.ReflectionException: There is no getter for propert

解决方案：引起问题的原因是因为在SQL语句中定义的参数与实体中定义的属性不一致导致的，比如DAO方法定义的是： public void addVoteContent(VoteContent voteContent); SQL语句如下： insert into vote_content(content,count,theme_id)valu

2017-01-06 09:45:20 4387

原创 Mybatis框架中实现双向一对多关系映射

Mybatis框架中实现双向一对多关系映射参考博客：http://www.cnblogs.com/wangzheand/p/5818810.html

2017-01-06 09:13:52 448

原创运行junit测试报javax/servlet/ServletContext : Unsupported major.minor version 51.0错误

问题描述：在运行junit测试的时候，发生一下异常：原因是由于工程中使用到了servlet-api的jar包依赖，如下 javax.servlet javax.servlet-api 3.1.0 provided 由于这个jar包是用jdk1.7编译的，我的工程是用jdk1.6，于是发生了以上错误。ps：之前没写单元测试

2017-01-05 23:25:22 1458

原创 MySQL WorkBench

1、使用MySQL WorkBench导出数据库参考博客：http://www.cnblogs.com/mstk/p/4194523.html 2、解决MysqlWorkbench Export Data时报错：'delayed-insert'=FALSE参考博客：http://blog.csdn.net/u010214003/article/details/49866115

2017-01-04 20:12:09 280