萝卜芹菜芽-CSDN博客

原创 webpack 未定义

1. 管理员下查看 npm 全局的位置：```npm root -g```返回路径：C:\Users\Administrator\AppData\Roaming\npm\node_modules2. 增加环境变量 NODE_PATH C:\Users\user\AppData\Roaming\npm\node_modules3. 管理员下安装 webpa...

2018-01-24 21:34:59 455

原创 d3，根据 geoJson 画出地图及经纬度打点

一、思路：d3.geo.mercator 地理投影，可将经纬度转成平面坐标系[x,y]二、效果查看：https://lefthandcat.github.io/geoD3Map/三、代码已放 github: https://github.com/leftHandCat/geoD3Map三、具体步骤：layer1 第一层，读取 geoJson.json 画出轮廓可以去这个网站下载主要国家，省，市的

2017-12-14 21:02:59 12542

原创 ajax 获取进度

response header 返回 Content-length: 代码注：ngnix 启代理服务器与后台联调的时候，往往不会返回 Content-length， e.lengthComputable === false

2017-11-09 19:53:23 1732

原创 d3, geoJson 网站分享

D3 可以读取 geoJson 文件绘制地图。相关网站分享：下载各省，市 json: http://www.ourd3js.com/wordpress/638/县 json： http://www.ourd3js.com/wordpress/739/查看地图区域： http://geojson.io效果： D3 绘制参考： http://blog.csdn.net/lzhl

2017-11-02 20:09:47 1118

原创 1. 本地搭服务测试（browsersync）2. vs-code 本地启服务 3. ngnix 与后台联调

browsersync: 监听动态改变及时刷新。官网 npm 安装： http://www.browsersync.cn/ 比如，在当前目录运行：（默认 3000 端口）browser-sync save --server --file "css/*.cssvs-code 本地启服务插件 Live server ngnix : 可映射到后台 ip , 实现联调（...

2017-10-26 17:39:48 974

原创文件上传，三种方式

3种方式：HTML5 FormData : 不支持IE 8，可以得到文件大小jquery.form.js ：支持IE8，不能得到文件大小webUploader : 支持IE8，可得到文件大小，限制文件大小一、HTML5 FormData & ajax 提交 (不支持 IE8 ) var formData = new FormData(); formData.appen

2017-09-30 11:44:55 1777

原创 input --- enter键后，光标不移走的实现，仍旧停留在输入框内

重点： return false $('#bguploadInp').keydown(function(event){ var keycode = event.which || event.keyCode; if (oldInpuValue && oldInpuValue === event.currentTarget.value)return; if (keycode ==

2017-09-27 17:00:54 1612

原创 IE8 兼容插件

本博客可以提供 ie8 基础需要涉及的：一、插件：兼容 es5 语法，canvas，json用法，placeholder https://github.com/leftHandCat/IE8_Cloudes5-shim.min.jses5-sham.min.jsexcanvas.jsJSON-js-master/json2.js (JSON 可以根据使用情况选择)jquery.pla

2017-09-22 18:20:33 1893

原创 eclipse搭建环境，需要哪些操作

只介绍操作步骤，具体的都可以百度得到：查看操作系统 x64 位或 x32 位下载同位数的 Tomcat 安装包, JDK 安装包和 eclipse 安装包，位数一定要统一配置 tomcat, jdk 注意：自动会安装到 C:\Program Files\Java\jdk1.8.0_91，若自动安装到 C:\Program Files (x86) 下面，则是位数不对）计算机属性里面

2017-09-01 17:43:23 361

原创 sublime 常用插件 0.0

BracketHighlighter: 高亮显示匹配的括号、引号和标签，匹配开闭标签HTML-CSS-JS Prettify: 格式化 html, css, js，快捷键 shift + ctrl + HPretty JSON: 格式化 json,快捷键 ctr+ alt + JLess2css: less 语法高亮less: less 预处理，生产 cssVue Syntax H

2017-08-21 11:45:05 264

原创 echarts 单独实现水波纹涟漪效果

效果：上代码可以直接在 echarts 示例中运行 ( 建立在直角系中 )：var option = { xAxis : [ { boundaryGap:false, type : 'category', splitLine:{ show:false

2017-08-14 15:03:42 12224

原创 vuex 小总结

vuex: 模块化管理（单一状态树 store.js）本文案例：https://github.com/leftHandCat/vuex-modulesAPI:state: 存储状态和数据的变量gatter: 依赖 state 的数据做处理后的返回变量，不直接修改 statemutation: 事件，唯一可以修改 state 的地方，同步action: 事件,类似 mutation, 不能直接

2017-08-04 16:37:28 749

原创 ftp 搭建本地服务器

步骤看图：控制面板打开权限：iis 配置路径：配置端口和访问文件：然后就可以访问了–end

2017-07-12 17:14:35 1834

原创 gitbook 生成 html 电子书, 搭建在 github 或本地服务器上

GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，实现同步，分享，记录可以打包格式： html, pdf (需要安装 gitbook-pdf，效果不是很好 )，epub, MOBI现只介绍 html 格式：完成效果：基本步骤：管理员身份安装$ npm install gitbook-cli -g 或$ cnpm i

2017-07-12 13:12:10 11521

原创在ui设计的地理图片上实现echarts热力图

效果步骤：技术： echarts 热力图（只支持geoJson ）实现步骤：圈出具体的坐标区域范围（根据图片的区域，尽量接近，数据真实）： http://geojson.io/#map=14/31.1467/121.6641 也可以使用 actgis 制作： http://blog.csdn.net/gisboygogogo/article/details/74056563根据 echarts

2017-07-11 18:10:30 4334

原创将图片( PNG, BMP, JPEG )转成 svg, 再转成字体图标

在编辑代码的过程中，将图片转为字体图标，那就无敌了。试验了很多软件，只有这个才是王道：png 转 svg （带路径的）： https://www.vectorizer.io/IcoMoonz 转字体（只接受带路径的svg, img的svg转换出来为空）: https://icomoon.io/app/#/select图一： vectorizer 制作图二： Inkscape 制作（ic

2017-06-22 15:34:49 10816

原创 webpack 初试

优点较为突出：打包 html, css, js, png/jpg打包方法：2种方法1：同一级目录下打包（较为简单基础）方法2：命令行打包(推荐)配置 webpack.config.js打包命令：$ webpack 具体可以参照 github 原作者文档（适合入门）： https://github.com/manlili/webpack_learn注意事项（可能出现的问题）：cnpm

2017-06-14 17:25:34 696

转载获取地址栏的信息

//解析地址//获取地址栏参数//可以是中文参数function getUrlParam(key) { // 获取参数 var url = window.location.search; // 正则筛选地址栏 var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); // 匹配目标参数 var r

2017-05-27 15:06:12 560

原创 cnpm 安装 node-sass & sass-loader, 仍旧无法编译的原因

原因：1. 增加配置： webpack.base.conf.jsloaders:{ scss: ['vue-style-loader','css','sass'].join('!') }如图：提示：在 vue 文件里面的 style 里面直接引用 scss 能编译 css， scss 部分缺失error: right: 在 script 标...

2017-05-25 17:56:18 3109

原创组件中引入 jquery 需要修改的地方

1. 文件目录build/webpack.base.conf.js2. 修改位置：var webpack = require('webpack')plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" })],3. 在项目里面引入：import $ from '

2017-05-23 19:37:58 350

原创 element-ui 组件 table 多选，翻页有记忆功能

需求（这样的需求挺无赖的。。。）：表格多选支持翻页当前页全选注：翻页时需要把上一次当前页点击的选项选中，可以实现但是性能不好（每次点击都需要双重循环）。效果如下：方法：单击事件和全选事件都需要一、单击事件，2个参数（selection，row）：selection: 当前页所有打钩的row: 当前点击的行通过这两个参数可以判断，当前点击是打钩还是取消打钩二、全选/取消全

2017-05-23 17:28:44 16206 4

原创 tab 标签切换 v-for

点睛之笔在于：index 效果：代码如下：总结： data 里面存储变量 clickIndex，点击事件动态改变 clickIndex 的值。 –end

2017-05-23 16:13:04 1158

原创 input 实时监控值得变化

事件名： input propertychangeminArray.eq(i).on("input propertychange",function(event){ numberic(event); })var numberic = function(event){ var value = event.target.value;

2017-04-01 15:44:47 772

原创 vue 不能全局访问的处理办法

前提：曾经移动过 npm 的根目录地址到其他盘(比如: D:/VueTest)，导致全局安装的 - Vue 只能在 D:/VueTest 下进行访问，全局访问失败实现的原理就是：将 npm 的根目录地址重新放回 node 的安装目录下：） (感觉都是自己zuo出来的，不过没解决办法时确实伤脑筋)步骤：step 1: 找到默认的安装地址，查看该文件是否存在： C:\Program Fi

2017-02-28 17:29:18 1198

原创 MarkDown 导出为 HTML 页面

方法：利用第三方转（将md 文件放入）： https://markdown.win/id6cd9b65af494a0f2gitbook 生成 html（推荐）：详情见下一篇文章官方下载 MarkdownPad： http://markdownpad.com/ MarkdownPad 的使用方法：破解方法： http://blog.csdn.net/github_35160620/a

2017-02-17 18:26:32 1454

原创 Git 与 GitHub

一、认识Git与GitHub的关系:Git：分布式版本控制工具GitHub：用Git做版本控制的项目托管平台二、Git 下载地址：Git官方下载地址：https://git-scm.com/downloads 安装参考网站：http://blog.csdn.net/Bitter_2014/article/details/4348516记得勾选自带命令行工具 Git Bash 本地创建

2017-02-17 11:24:39 657

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-02-06 16:03:08 277

原创 table 的动态添加及排序：

动态按照索引导入tbody数据数据格式：{ "thead":["Name","Price","Character"], "tbody":[{ "Name":"apple", "Price":"10", "Character":"many seeds" },{ "Name":"pear", "Character":"delicious", "

2017-01-25 14:27:02 586

原创 kkpager的注意事项

重要的两部分：该例子是每页，可以显示数据总个数及当前页面的编号，和翻页跳转功能：特别需要注意翻页的数据属性及页面重新设置var assdiffPage = { pageNum: 1, //默认为第一页 itemShow: function(bodyData) { var pageNum = assdiffPage.pageNum; //初始页面第一页

2017-01-25 14:13:09 688

原创 SCSS 编译中文解析错误，及无法正确编译

1. SCSS 编译中文解析错误解决方法：C:\Ruby23\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass\engine.rb在这个engine.rb，里面添加一行代码：Encoding.default_external = Encoding.find(‘utf-8’)2. SCSS 编译不生效提示： CompatibilityError。。。，

2016-11-03 12:44:14 1363

原创高效去重复---------得到新数组

高效去重复———得到新数组 var testArr = [5,7,8,9,12,7,5,8] ; function getArray(arr) { var hash = {}; var len = arr.length; var result = []; for (var i = 0; i

2016-10-25 09:17:50 281

原创 sort() 排序不影响原数组，data.concat([])

success:function(data){ var orginDown = data.concat([]); var orginUp = data.concat([]); /*降序----默认*/ function downFun(x,y){ return (x.math

2016-10-07 21:26:37 3618

萝卜芹菜芽