工善其事必先利器 打开setting文件选择Plugins选项 Ctrl + Alt + S File -> Setting 我的idea是最新版本2019.02 有的和别人界面可能不一样 主界面(左边那个箭头是外网搜索,右边哪个箭头是已经安装的) 1.Grep console 自定义日志颜色,idea控制台可以彩色显示各种级别的log,安装完成后,在console中右键就能打开. 2.Free Mybatis plugin 之前用了个收费比较好用,刚熟悉就到期了 然后就没然后了,这个时候Fre

JavaScript的模块化开发到如今,已经相当成熟了,当然,一个应用包含的不仅仅有js,还有html模板和css文件. 那么,如何将html和css也一起打包,来减少没必要的HTTP请求数呢? 本文将和大家一起分享两个requrejs插件:text和css 1. html模板与text插件 我们在开发一个widget时,如果将html模板直接写在js文件中,将会很难维护,处理各种换行以及双引号就会让人抓狂,对于后续维护的人来说也是噩梦. 个人比较推荐的做法是将widget的html模板提取到一

介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具: 基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”.虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能再运行时进行拓展. Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输入的缩写来得到相应的内容.Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前

以css配置示例,less与sass同理 1. 使用旧版的ExtractTextPlugin插件 安装 npm install extract-text-webpack-plugin@next --save-dev 在webpack.config.js中配置 const extractTextPlugin=require('extract-text-webpack-plugin') module.exports={ //...code module:{ rules:[{ test:/\.css$

简介 动态加载js,css在现在以及将来肯定是很重要的.目前来看前端代码编写的业务量已经远远超过后端编写的.随着对用户体验度逐渐增强,前端业务复杂,加载速度变得很慢很慢.为了解决这个问题,目前出现的两个前端模块加载器为require.js与sea.js,这两款模块加载器都不错.但是呢,有时候我仅仅需要的只是动态加载一个js,不需要把代码模块化,那我们只能自己手写一个加载函数. 简单的加载js /** * HTML动态加载js * @path {String} src地址必须带有后缀名.js *

//autoload.js ;! function(e) { var autoload = e.autoload || {}; e.autoload = autoload; e.autoload = new function() { this.options = { id: 'autoload', } var o = this.options; this.include = function(_opt) { o = _opt; var id = document.getElementById('

介绍 在工作中经常会下载不同项目的源码,可能是压缩的原因,其中一些代码的格式十分的乱,这样就会导致阅读起来十分的不方便,所以下面介绍一个sublime的插件:HTML-CSS-JS Prettify 安装 准备好sublime text,我的是3.0版本,然后输入快捷键:ctrl+shift+p,调出插件安装面板,输入:install,回车后再输入Prettify即可看到插件全称,回车安装在左下角的信息栏会出现install success的提示,这样HTML-CSS-JS Prettify就安

安装 Beautify 插件 然后 F1 输入 Beautify file 回车即可

先下载Nginx_concat_module,下载后把它放在/usr/local/src/文件夹中,新建文件夹nginx-http-concat把下载的config  ngx_http_concat_module.c放到其中,到时候nginx需要指定该目录 查看nginx之前的配置 /usr/local/nginx/nginx -V nginx version: nginx/ built by (Red Hat -) (GCC) TLS SNI support enabled configure

1. 安装:主要是用来压缩css文件 cnpm install --save-dev optimize-css-assets-webpack-plugin cssnano 2. webpack.config.js配置 const optimizeCssAssetsWebpackPlugin=require('optimize-css-assets-webpack-plugin'); //压缩css插件配置 new optimizeCssAssetsWebpackPlugin() //暂时不起作用

css是不能够定义变量的,也不能嵌套.它没有编程语言的特性.在项目开发中,常常发现有很多css代码是相同的,但我们通常都是复制然后粘贴. 举个例子:假设h5应用里主题色是#FF3A6D,可能用于文字或者背景色.通常开发中,哪里需要这个颜色,我们就复制这个颜色并粘贴.下次要修改就得全部查找批量替换,其实不是很方便. 本文即将介绍的less将让我们更快更方便的编写css代码. Less是什么 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能

在bootstrap中使用ztree插件做树形架构,由于觉得原始的树形不够美观,所以改了其中的css插件 demo演示,以及各种属性的用法网站:  http://www.treejs.cn/v3/demo.php#_107 修改页面风格网站:  http://www.lai18.com/content/2450914.html?from=cancel 增删改查以及拖拽功能网站:   http://www.cnblogs.com/lori/archive/2013/07/04/3171655.ht

1.给input的placeholder设置颜色 .phColor::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:maroon; } .phColor:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:maroon; ; } .phColor::-moz-placeholder { /* Mozilla Firefox 19+ */ color:maroon;

合并.压缩CSS资源文件用到了grunt-contrib-concat.grunt-css插件,自己npm就可以了,下面直接呈上package.json.Gruntfile.js代码 package.json代码如下: {   "name": "BeJS",   "version": "0.1.0",   "devDependencies": {     "grunt": "~

一.Links安装: 推荐使用此种安装方式,因为它便于插件的管理. 在eclipse根目录下新建文件夹links,这样就得到了eclipse\links 在eclipse\links下新建一个link文件(需要为每个插件建一个.link文件),比如svn.link,在这里我的插件安装目录结构为F:\eclipsePlugins\svn\,所以link文件名我命名为svn.link 在svn.link中写入如下一句话path=F:/EclipsePlugins/svn,或者path=F:\\Ecl

模态框 <h2>创建模态框(Modal)</h2> <!-- 按钮触发模态框 --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 开始演示模态框 </button> <!-- 模态框(Modal) --> <div class="modal

Demo下载: 手机时间控件.zip 使用之前,请在页面中加入以下js和css: jquery-1.9.1.js mobiscroll.core-2.5.2.js mobiscroll.core-2.5.2-zh.js mobiscroll.core-2.5.2.css mobiscroll.animation-2.5.2.css mobiscroll.datetime-2.5.1.js mobiscroll.datetime-2.5.1-zh.js mobiscroll.android-ics

一.介绍 文字内容是每个网站都有的内容,网站在展示文字内容时,总是比图片.视频等富媒体内容要难一些,因为富媒体容易被用户接受.尤其是越多的文字内容越难以被用户通篇的阅读,跳跃式阅读往往是阅读的主要方式. 那么做为站长的我们,该如何使用户轻松阅读我们写的文章,也是非常重要的事情,因为我们发布一篇文章,目的是为了供网友阅读,产生共鸣.如果发布一篇文章没人看,或者看完了也不知道文章在说些什么,那发布文章也没有意义. 为了使用户轻松阅读文章,改进的方面主要有以下3点.1)文章的选题,做为开发人员,可以选

一.Grunt.js简介(实现自动化) 1)简要说明: 1.GruntJs是基于node的javascript命令行工具,可以自动化构建.测试.生成文档的项目管理工具: 2.使用GruntJs可以自动化的管理子任务的运行: 3.很多开源JS项目都是使用它搭建.如jQuery.Qunit.CanJS等 2)使用原因: 1.合并js文件——为了明确模块分工,可能会将Javascript代码拆成很小很小的一个个js文件,为减少Http Request我们需要合并js文件 2.压缩js文件.css文件等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

1.(推荐:)css插件PIE.htc,这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果,但要注意的是:下面的代码必须写在html文件的head标签内,否则无效(不能从外部引用下面的css代码),源码是:<style type='text/css'>        .bgtest {             background: #fff;             border: 2px solid #777;             /*background-image