smallerCoder-CSDN博客

原创码云的使用

一.git命令的方式1.安装git2.设置用户名，邮箱git config --global user.name "John Doe"git config --global user.email [email protected] config user.name //查看用户名git config user.email //查看邮箱2.命令方式使用码云...

2020-02-12 10:48:00 789

原创 vue-cli全家桶脚手架项目构建工具webpack3升级4

因为vue全家桶vue-cli2.0仅支持 webpack3.6.0.需要手动升级 webpack4 提升打包效率。1.手动升级 webpack webpack-cli(webpack4需要项目依赖中安装该依赖)。"webpack": "^4.26.0","webpack-bundle-analyzer": "^3.6.0","webpack-cli": "^3.3.10","web...

2019-12-19 20:46:33 754

原创 highchart 柱形图增加横向滚动条，保持Y轴以及图例不动

目标：当数据不多时，隐藏滚动条。数据较多时显示滚动条，并保持Y轴以及图例不动。如图：1.前端使用vue+highcharts。highcharts绘图并没有滚动条的相关属性。但是highStock图标参数中却有滚动（scrollbar）属性。查了一下。highcharts是集成了highstock的。安装highCharts ： npm i --save-dev high...

2018-11-29 20:38:39 2786

翻译 GIT 基本命令

git基本命令git clone url 从远程仓库获取代码git push 把代码更新到远程仓库git pull 从远程仓库拉取代码，并合并到当前分支本地仓库操作git init 初始化一个本地仓库，之前新建一个文件（.gitignore）忽略不需要匹配的文件。如果初始化成功后已经存在的文件已经被匹配到本地仓库中了。window下，必须有文件名。使用gitbash-> touch...

2018-07-12 19:43:17 274

学习了canvas，写下自己的心得体会。1.在css中设置canvas的宽和高，发现里面的矩形和其他元素都是放大的。然后自己得出结论：1.canvas的宽高属性要写在标签内canvas的默认宽高为300*150，如果宽高设置相对默认值的x倍，你所画的元素也会相对你设置的扩大x倍。亲自实验发现真是这样。但是这样画布中的元素宽高就不好控制了。第二天发现把宽高以属性值的方式写到标签中时，元素和你设置...

2018-07-10 19:30:21 1195

原创 gulp 构建前端项目（四）实时更新和文件MD5同步。js和css浏览器不能实时刷新（browser-sync）

昨天遇到一个问题，现在还没有解决：@@include（‘headers.html’）在gulp之后是可以加到相应的位置，但是通过gulp.watch和browser-sync启动的浏览器热更新不能把@@include（‘headers.html’）替换成headers.html的内容。所以我想通过运行 dist 目录下的文件，实现热更新，这样公共页面也可以加载进来。由于使用了文件名MD5值防缓存...

2018-07-06 10:20:32 761

翻译 gulp 构建前端项目（三） js,css文件名MD5,并修改html中引入的文件名。公共页面的引入

gulp 构建前端项目（一） gulp基础应用gulp构建前端项目（二）压缩文件，监听修改，浏览器同步gulp已经能打包和实时在浏览器中更新了，接下来就是预防浏览器缓存对代码的影响。通过修改文件名包含MD5值，可以预防无效缓存。由于名称修改就会有变化，所以加入了自动引入修改后的文件名。1.通过 gulp-rev 插件给文件名加MD5的后缀。在处理css或者js文件过程中，调用 gulp-...

2018-07-05 17:24:50 2139

翻译 gulp构建前端项目（二）压缩文件，监听修改，浏览器同步

gulp 构建前端项目（一） gulp基础应用是对gulp初次使用。这篇文章主要介绍：一.使用插件实现html， css， js的压缩。二.图片压缩缓存，避免重复压缩。三.浏览器同步刷新。包含监听文件变化。1.文件压缩。1）js压缩。安装，使用 gulp-uglify 插件。在对js文件流处理增加uglify()操作。var uglify = require('gulp-uglify');gu...

2018-07-05 10:40:57 454

翻译 gulp 构建前端项目（一） gulp基础应用

1.gulp是基于流的压缩工具，包含了许多实用的插件。 pipe是管道的意思。处理的是文件对象，一个插件处理完后把处理后的文件流向后传递。不用像Grunt一样保存很多临时文件。所以压缩效率较高。2.前期准备。node开发环境，安装node。会使用npm（包管理工具），编辑器我用的是Hbuilder。3.安装gulp，插件的安装会在实际使用时介绍。在项目根目录下，首先初始化项目。（命令行执行以下命...

2018-07-04 16:13:42 422

原创使用vue-cli脚手架搭建vue项目。（webpack）

注：本文不介绍vue语法。只是个从零搭建vue的demo。1.首先是环境搭建。配置好node环境。全局安装vue，vue-cli.这里就不做介绍了。2.使用vue-cli初始化项目。vueTemplate是项目名称。vue init webpack vueTemplate后面有一连串的输入，包括作者，项目头是否启用测试等。按照个人要求输入就好。项目初始化完成后的项目目录如下：3.启动服务到项目...

2018-06-01 17:59:28 2130

原创 vue-resource实例，跨域问题

1.vue-resource引入。1）直接下载vue-resource.min.js并引入。2）本地安装vue-resource，再引入。在项目目录下执行以下命令。前提是已经初始化vue项目。或者初始化node环境npm init.npm i vue-resource --save-dev2.引入import VueResource from "vue-resource"this.$http.po...

2018-05-30 16:25:17 6205

原创点击事件内部含有定时器，重复点击定时器重新触发

1.整体思路就是在点击事件外部定义一个与点击事件相同作用域的变量。2.在点击事件中判断定时器是否存在，如果存在则清楚定时器。重新定义定时器。代码如下：var clock, clockFlag = false;//外部变量,clickFlag是定时器是否存在的标志$("#versionShow").click(function() { if (clickFlag) { clearTimeou...

2018-05-23 16:57:14 5960

原创 dom元素通过js修改后页面没有改变

现象是，我通过js改变 id为myModalLabel的值，通过console口打印都是对的。但是页面没有变化。remove也不可以。就是dom无法操作了。<h4 class="modal-title" id="myModalLabel">直播添加</h4>//js代码$("#myModalLabel").html("直播编辑");原因：dom中id重复，浏览器引擎不知

2018-05-11 12:24:28 3491 4

翻译 vue 入门demo1

第一天接触vue，看着文档写点例子。给身为小白的自己留点痕迹。引入vue.min.js即可。都是基本应用。1.computed属性computed是vue对象的计算属性，与已有属性绑定依赖关系，可以与属性一起动态改变。 var cpu = new Vue({ el:"#testDiv", data: { used : 0.2 ...

2018-05-10 19:48:52 550

原创 css 属性笔记

1.calcwidth : calc(100% - 50px); /*注意运算符前后要有空格。*/width : calc(100% - 2.5rem); /*注意运算符前后要有空格。*/2.字段超过长度，显示省略号.aticle { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}3.re...

2018-05-07 09:27:09 168

翻译 css 属性选择器

以title属性为例[title~=god] {}属性title中含有单个god单词即可。[title^=god]{}属性title中必须以god开头。[title|=god]{}属性中必须以god开头，但不能是单独的god。如title="god　xxx"不会被选中，title＝"gods xx"会被选中[title^=god]{}属性title中必须以god结尾。[title*=god]{}属...

2018-04-25 20:33:45 128

翻译基于jqueryui的自动补全demo

引入jquery和jquery-ui.min.js。<script src="../js/lib/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script><script src="../js/lib/jqueryui/jquery-ui.min.js">&

2018-04-23 20:31:32 221

原创 excel的读取 java

excel文件读取

2017-10-21 00:20:45 258

原创 Jsp jstl

jsp jstl使用1.jar包引入以及页面引入jstl-1.2.jar页面加入2.的用法items参数是遍历的对象，var是当前遍历元素 ${user.id} ${user.name} 男 //这里的双引号是必须的女 ${user.height} 2.的用法,如果中${}中的值为真，则

2017-07-04 17:27:59 286

原创 Xml文件的读取与写入 java

1.读取所需jar包dom4j-1.6.1.jarimport java.io.ByteArrayOutputStream;import java.io.File;import java.util.Iterator;import java.util.List;import javax.xml.bind.JAXBContext;import javax.xml.bind.JAXB

2017-06-30 14:18:52 499

原创富文本框Ueditor jquery ecplise

1.Ueditor下载http://ueditor.baidu.com/website/download.html（下载相应版本的UEditor）2.解压后文件目录如3.将jsp下的lib中的jar包放到lib下。4.将整个目录copy到webApp或web-content下。5.引入ueditor.all.min.js和ueditor.config.js和lang文件夹下的zh-

2017-06-27 16:36:54 244

原创 jquery css 3d旋转demo

参考博客：http://blog.csdn.net/lmj623565791/article/details/32964301demo在chrome浏览器中测试，具体的属性在各浏览器中的兼容性各位可以自己改一下。css属性：-webkit-transform-style:preserve-3d; 在3D空间内呈现元素 -webkit-perspective: 1200px;

2017-06-22 15:12:11 583

原创 nodejs jquery下载本地文件 webstorm

1.使用form表单提交的方式（ajax提交不行）$("#downloadTest").click(function() { $('#hidden_iframe').remove(); var iframe = $(''); var form = $('') .attr('target','hidden_iframe') .attr(

2017-06-20 11:19:02 810

原创 nodejs demo 以及 http跨域设置请求头设置

1. app.jsvar http = require('http');var path = require('path');var filter = require('./app_filter'); //url解析var express = require('./node_modules/express');var session = require(

2017-06-19 10:54:03 13505

原创 mysql 时间方法总结

1.MAKEDATE(year, dayofyear)给定年份和天数返回日期select MAKEDATE(2017,23)2.WEEKOFYEAR(DATE)给定日期返回改日期所在的星期数（1-53）select WEEKOFYEAR('2017-05-13')3.LEFT和RIGHT返回字符串的前或者后len个字符select LEFT('2017-05-13',4

2017-06-13 17:29:17 236

翻译 jquery DataTable 的demo

1.文件引入：css文件和js文件linkrel="stylesheet" type="text/css"href="/libs/dataTable/css/dataTables.bootstrap.css"/>script type="text/javascript" src="/libs/dataTable/js/jquery.dataTables.min.js">sc

2017-06-12 16:50:46 2305

原创 mysql 存储过程基础例子

存储过程的小例子，事务的开启与回滚

2017-06-02 16:49:49 228

翻译 mysql 小结

1.空表语句 select 1 from dual2.IFNULL方法的使用IFNULL(exp1,exp2) 当exp1为空时，返回exp1，否则返回exp2。exp1为0时返回0；select IFNULL(0，1)3.IF方法的使用IF(exp1, exp2,exp3) 当exp1为null或者0时返回exp3.否则返回exp24.group_concat方

2017-06-02 13:51:25 147

翻译 mysql 整理

MySql 中的 explain 语法可以帮助我们改写查询,优化表的结构和索引的设置,从而最大地提高查询效率。当然,在大规模数据量时,索引的建立和维护的代价也是很高的,往往需要较长的时间和较大的空间,如果在不同的列组合上建立索引,空间的开销会更大。因此索引最好设置在需要经常查询的字段中。参考链接：https://my.oschina.net/wcsm520/blog/222694

2017-05-25 10:49:32 138

原创 jquery ztree树

1.文件引入script type="text/javascript" src="/libs/zTree_v3-master/js/jquery.ztree.core.js">script> script type="text/javascript" src="/libs/zTree_v3-master/js/jquery.ztree.exedit.js">script> //用于

2017-05-25 09:35:10 666

翻译 nodejs service 循环ep

nodejs循环ep.emitLater('start');开始执行ep.all('a1', 'a2','a3', function() {当啊a1,a2,a3全部到达时执行该函数体})ep.after('loop', 'length', function() {当收到length次loop时。执行该函数体})循环内的异步执行for (v

2017-05-23 17:52:01 262

翻译 nodejs service

nodejs，service层模板需要的模块包括：var signDao = require('../dao/signDao.js');var proxy = require('EventProxy'); //EventProxy是一个通过控制事件触发顺序来控制业务流程的工具。var mysql = require('../util/MySQL')方法：export

2017-05-23 16:32:49 619

翻译 jquery 键盘操作解析与模拟

1.通过事件模拟键盘的操作（空格键为例）var e = jQuery.Event("keydown");//模拟一个键盘事件e.keyCode = 8;//keyCode=8是空格$(this).trigger(e);//模拟按下空格键2.判断键盘的操作（回车键）$('#id').keydown(function (event_e) { if (window.e

2017-05-10 17:52:27 5803

转载 python canpoy32位卸载

打开cmd，把路径换到msizap所在的文件夹，64位canopy输入msizap T {93D7DF53-FDD4-4270-B83C-1EBC15FA1A87}32位canopy输入msizap T {7C13AA42-1B81-4C70-963D-D2772F8D7F33}这样应该就能卸掉了

2017-05-07 11:24:14 386

原创正则表达式的验证以及使用 js

1.正则表达式的验证var reg = /\[em_(\d)+\]/;var str = 'aaa[em_34]bbb';reg.test(str) /*返回值为true；*/使用： str.replace(/\[em_(\d)+\]/, '<img src=emotion/$1.gif />'); 2.正则表达式替换() 是为了提取匹配的字符串。表达式中有...

2017-04-28 14:28:29 266