- 博客(66)
- 资源 (7)
- 收藏
- 关注
原创 BFC 神奇背后的原理
参考:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
2017-02-26 16:05:45
541
原创 Failed to issue method call: Unitmysql.service failed to load: No such file or directory.
腾讯云的服务器重启之后访问不到/var/www/html目录下的项目,我想有可能是httpd的问题(Linux安装的lamp,默认的文档目录是/var/www/html)。执行service httpd restart 命令之后,得以解决这个问题。但是又发现一个问题,那就是数据库访问不到,用命令service mysqld start去重新启动却报如下的错误信息:[root@VM_20
2017-02-21 01:24:45
9001
原创 腾讯云-mysql数据库的操作
在腾讯云已经配置好mysql环境的情况下:1、进入数据库命令行:mysql -u root -p 输入密码(默认不显示)2、创建一个名为car的数据库命令行:create database car;3、查看数据库命令行:show databases;创建数据库前:创建数据库后:4、进入指定的数据库5、导入数据库
2017-02-17 23:05:24
9612
原创 解决mysql乱码
今天我把项目部署到腾讯云的时候出现以下乱码情况如下:记得以前也处理过类似的问题,翻找一下以前的笔记,跟着处理就解决了1、重新创建数据库(或者以下步骤执行完之后关闭和重启数据库)2、进入数据库,用status或者用show variables like 'char%' 查询一下3、通过命令行来修改编码方式4、再用status或者用show vari
2017-02-17 22:08:30
517
原创 CSS3 3D transform变换的重要讲解
在学习3D变换的过程中,查了很多资料,但是感觉以下这篇文章写的不错(有点污)好吧,CSS3 3D transform变换,不过如此!http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/
2017-02-16 15:02:50
773
原创 webpack的疑惑
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用。commonjs同步语法经典的commonjs同步语法如
2017-02-15 23:23:13
340
原创 JS模块化工具requirejs教程
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。目前为止可以知道requirejs具有如下优点:防止js加载阻塞页面渲染使用程序调用的方式加载js,防出现如下丑陋的场景
2017-02-15 23:01:32
624
原创 前端模块化方案的比较(webpack/require.js/seajs/browserify
采用第三方开发的模块依赖处理库来实现模块化:AMD、CommonJS、ES6这三种方案的实现对比:AMD: define + requireCMD: exports + requireES6: export + import(由于ES6本身是原生语言支持实现的模块化,但是现代浏览器大多都还未支持,因此必须使用相应的transpiler工具转换成ES5的AMD,CMD模块,再借助于s
2017-02-15 22:39:48
1556
原创 闭包的两个经典例子
1. 下面这段代码想要循环延时输出结果0 1 2 3 4,请问输出结果是否正确,如果不正确,请说明为什么,并修改循环内的代码使其输出正确结果for (var i = 0; i < 5; ++i) { setTimeout(function () { console.log(i + ' '); }, 100);}不能输出正确结果
2017-02-14 19:40:20
2380
原创 前端基础进阶
阅读了博客的一个内容,感觉挺不错的。链接如下:前端基础进阶(一):内存空间详细图解前端基础进阶(二):执行上下文详细图解前端基础进阶(三):变量对象详解前端基础进阶(四):详细图解作用域链与闭包其中一个问题的这里补充一下:利用闭包,修改下面的代码,让循环输出的结果依次为1, 2, 3, 4, 5for (var i=1; i<=5; i++) { setT
2017-02-14 18:57:58
1012
原创 transform(变形)和transform-origin(变形原点)
ransform(变形)和transform-origin(变形原点)的说明: 目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;改变元素基点transform-origintransform-or
2017-02-13 14:09:04
1798
原创 使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
遇到的报错信息如下图:我使用了webpack的2.1.0-beta.25版本和webpack-dev-server的2.1.0-beta.0版本。在安装extract-text-webpack-plugin模块的时候,我使用了采用默认版本的npm安装命令:npm install --save-dev extract-text-webpack-plugin然而上面那个
2017-02-08 09:55:27
4296
原创 sublime中有没有*.vue文件格式化插件?
HTML/CSS/JS Prettify 这个插件就行, 安装后 tools->HTML/CSS/JS Prettify->set prettify preference 在"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"] 加上vue就好了
2017-02-03 17:00:50
7996
原创 webpack如何全局引入jquery和插件?
之前试过把jQuery打包进vendor,虽然$好用了,但是jQuery下的一系列插件就叫苦了。你想直接从html中引入jQuery的第三方插件?有点不可能,既然$算是webpack中的一个变量,那么你只能通过require的方式引入jQuery的第三方插件。第三方插件的结果只有两个,要不你就被打包引入你的js文件里,要不你就被引入vendor里。 结果一:打包进引入的js文件里。如果多个
2017-02-03 13:32:38
12376
原创 webpack封装bootstrap
一、安装# 第1步安装bootstrap-loadernpm install bootstrap-loader --save如果安装完毕,提示有些依赖的loader没有安装,要把它们装上。# 第2步安装bootstrap如果你使用的是Bootstrap3npm install bootstrap-sass --save#如果你使用的是Bootstrap4,注意上官网
2017-02-02 11:06:25
4765
原创 解决Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npmins
在使用npm安装node-sass的时候,可能会出现如下的报错:Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7.0\node-sass\vendor' at Error (native)
2017-02-02 10:55:26
32705
2
原创 ERROR in ./~/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot Module parse fai
原因:编译器尝试加载.eot font file,但是不知道怎么做,因为你没有适合loader解决方法:1、npm install file-loader url-loader -D2、在webpack.config.js中添加下面的加载器 test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader:
2017-02-02 10:51:15
3805
原创 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
1127
原创 html5shiv.js让IE9以下浏览器支持html5
一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用Html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,
2017-01-25 15:55:35
928
原创 前端知识汇总文章
一、前端收藏夹第一篇:前端收藏夹 ,以及他们的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
750
转载 汇总前端最最常用的JS代码片段-你值得收藏
html5选择器//参数均接收一个合法的css选择器element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的nodeList集合鼠标滚轮事件$('#showPic').
2017-01-25 10:52:47
380
原创 [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
23194
3
原创 前端工程目录
目前来说,按照概念,“前端工程”至少应该是要解决以下几个方面的问题:1、提供项目开发所需的一整套运行环境,这和IDE作用类似,由于前端开发的特殊性,这个“IDE”是一个集成了多种语言和工具的开发环境;2、资源管理,包括资源获取、依赖处理、实时更新、按需加载、公共模块管理等。这里也可以看成是组件化和模块化;3、打通研发链路的各个环节,debug、mock、proxy、test、build
2017-01-13 20:20:52
2146
原创 Mock.js进行独立于后端的前端开发
Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:·根据数据模板生成模拟数据·模拟 Ajax 请求,生成并返回模拟数据·基于 HTML 模板生成模拟数据官方文档:Demo下载地址:http://download.youkuaiyun.com/detail/linyeban/9737234Demo1的运行效果: De
2017-01-13 20:01:45
314
原创 前端集成解决方案(webpack、gulp)
前端集成解决方案前端集成解决方案一、什么是前端集成解决方案FIS(Front-end Integrated Solution)是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。 二、解决了前端哪些问题 三、常用的前端构建集成1、Gulpgulp是工具链、构建工具,可以配合各种插件做js压缩,css压缩,less编
2017-01-10 23:46:57
7650
原创 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
6334
转载 前端利器:SASS基础与Compass入门
SASS是Syntactically Awesome StylesheeteSass的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让css看起来更像是一门语言,这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式,然后通过“编译器”生成我们所需要的css文件。当然,SASS只是css预编译工具中的一种,类似的工具还有
2017-01-07 11:23:23
553
原创 Mybatis绑定错误的原因
Mybatis常会出现下面异常,这一般是xml映射文件有错误。但是这个提示不一定准确,以致网上有些资料说这个问题很奇怪。出现这个错误一般的解决方式在下面有说明:http://blog.youkuaiyun.com/softwarehe/article/details/8889206org.apache.ibatis.binding.BindingException: Invalid bound sta
2017-01-06 11:39:59
1153
原创 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
4412
原创 Mybatis框架中实现双向一对多关系映射
Mybatis框架中实现双向一对多关系映射参考博客:http://www.cnblogs.com/wangzheand/p/5818810.html
2017-01-06 09:13:52
470
原创 运行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
1502
原创 MySQL WorkBench
1、使用MySQL WorkBench导出数据库 参考博客:http://www.cnblogs.com/mstk/p/4194523.html 2、解决MysqlWorkbench Export Data时报错:'delayed-insert'=FALSE参考博客:http://blog.youkuaiyun.com/u010214003/article/details/49866115
2017-01-04 20:12:09
301
原创 mybatis的一对一,一对多的crud操作
一、一对一关联 1.1、提出需求 根据班级id查询班级信息(带老师的信息)1.2、创建表和数据 创建一张教师表和班级表,这里我们假设一个老师只负责教一个班,那么老师和班级之间的关系就是一种一对一的关系。CREATE TABLE teacher( t_id INT PRIMARY KEY AUTO_INCREMENT, t_name VA
2016-12-28 23:40:44
4439
原创 Java compiler level does not match the version of the installed Java project facet等常见编译器问题
1、Building workspace has encountered a problem 最近用MyEclipse10在做一个项目时,MyEclipse出现这个故障,Building workspace has encountered a problem.Error occured during the build.经过尝试,其他方法无效,下面这个方法完美解决了这个问题。
2016-12-26 16:35:26
646
1
原创 Visual Studio Code 使用Git进行版本控制
对于vscode的git使用来说,我觉得比sublime简单多了。下面给出一个参考博客,我认为他已经写了的挺不错的啦参考博客地址:http://www.cnblogs.com/xuanhun/p/6019038.html?utm_source=tuicool&utm_medium=referral
2016-12-25 15:29:07
2971
原创 各个发展方向程序员的书籍
计算机系统与网络· 《图灵的秘密:他的生平、思想及论文解读》· 《计算机系统概论》· 《深入理解Linux内核》· 《深入Linux内核架构》· 《TCP/IP详解 卷1:协议》· 《Linux系统编程(第2版)》· 《Linux内核设计与实现(第3版)》· 《深入理解计算机系统(原书第2版)》· 《计算机程序的构造和解释(原书第2版)》· 《编码:隐匿在计
2016-12-24 11:25:16
722
原创 The type XXX cannot be resolved. It is indirectly referenced from required .class files错误.
在Eclipse中遇到The type XXX cannot be resolved. It is indirectly referenced from required .class files错误.....,查找的解决办法如下:一: It is indirectly referenced from required .class file原因:你正要使用的类调用了另一个
2016-12-22 12:10:43
18342
原创 MyBatis的插件安装与自动生成代码
myBatis1、安装myclipse的myBatis插件不知道为什么在线安装的地址出现404错误的:http://mybatis.googlecode.com/svn/sub-projects/generator/trunk/eclipse/UpdateSite/所以只能采取手动安装myBatis插件的方法了。(1)下载myBatis generator插件(附件地址:h
2016-12-21 15:39:03
1164
原创 Maven的常见问题
1、maven下载jar慢的问题通过修改maven的中央仓库来解决这个问题。阿里云的国内的maven仓库镜像算是比较好的了。下面就介绍一下配置: 修改.m2文件下的setting.xml(有些setting.xml不存在的情况下,可以网上下载拷贝到其目录下),然后重启刷新就可以了。具体内容为:1. mirror> 2. alimaven 3. aliyu
2016-12-21 10:12:59
712
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人