- 博客(21)
- 收藏
- 关注
RSS订阅原创 Hippy-腾讯开源内部跨端框架，大家怎么看？
刚刚腾讯QQ浏览器部门的Hippy 跨端库开源了，每次更新，是不是都有种学不动的感觉？FSgithub地址视频简说
2019-12-23 19:57:38
4273
原创 vue echarts 单图表自适应 屏幕 多图表自适应屏幕
环境：vue中使用Echarts图表需要做单图表自适应屏幕 多图表自适应屏幕在main.js文件中直接引用echarts图表 我把resize方法直接挂载在vue的prototype上面：在所有的组件中都可以直接使用this.$echartsResize()是最直接简单方便了：home.vue:多图表自适应屏幕，就写多少个this.$echartsResize()就好了，里...
2019-05-31 11:37:49
1561
原创 vue项目的创建 cli2.xx
一般有三种方式：1.本地引入vuejs。2.使用cdn引入vuejs。3.使用vue-cli创建vue项目。我们常用的都是第三种，可以很快速的构建官方提供的简单demo以第三种方法为例：先安装node.js 我们要使用 NPM 安装https://nodejs.org/en如果外网安装的慢，哪就安装淘宝镜像库，国内的https://npm.taobao.org...
2019-05-31 11:22:44
549
原创 vue cli3 打包发布后 去掉webpack文件 浏览器不显示源码
环境：我不想我的项目发布后，浏览器中还有我编写的vue源码可以查看配置如下，也是简单。因为我的项目是基于vue cli3 创建的。所以我在跟目录下创建一个vue.config.js的配置文件，如下图：就添加如下代码即可：productionSourceMap:false, // 设置上线后是否加载webpack文件附上修改对比图：没修改前：修改之后：...
2019-05-31 11:11:23
8902
6
原创 vue axios 跨域
怎么说个开场白呢？算了，还是直接上代码吧！我直接在vue.config.js写上，最后module.exports 出去就好了 devServer: { open: true, //配置自动启动浏览器 // host: "127.0.0.1", port: 8066, // 当前vue项目 端口号 htt...
2019-04-10 19:20:09
576
原创 echarts 多个图表在同一个页面的自适应问题
在使用echarts 做图表 那就免不了在一个页面写多给图表（已经是常态了）环境：一个HTML页面引进多个图表的JS文件，每个JS文件单独做一种图表 方便其他页面重复调用；原来的自适应的方法是直接：window.onresize = function () { chartPie.resize();};此时发现：在多文件调用的时候是根本拿不到chartPie的，因为我的图...
2019-03-14 15:15:52
1693
3
原创 echarts X轴值的设置 formatter
在开发过程中，X轴的值并不想和Y轴的数据对应，所以看了一下官网的设置还是比较简单的。原来的值是原数据中的数值，现在开发过程中要把X轴换成当前时间点（其实不难）：远来数据展示：在option.xAxis.axisLabel中写上：其中value 和index都是对应着X轴的值和值的下标索引formatter: (value, index) => { let ...
2019-03-14 14:55:32
22408
原创 关于vue+vue-i18n+iview库 国际化：使用；图片等问题点
先说使用吧安装下载不必说了 我使用的vue-i18n版本是5.03的，没有使用最新的我是在SRC下面建了一个language的文件存放国际化的json文件然后再index,js里面写入以下的代码import Vue from 'vue'import VueI18n from 'vue-i18n';Vue.use(VueI18n);// 导入iview自带语言包i...
2018-12-20 15:54:59
2729
1
原创 在vue的组件中引进less公共样式文件
1安装less 和less-loader肯定是少不了npm install less less-loader 2.修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less，在原来的代码上添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }, ...
2018-12-19 12:01:26
3704
转载 echarts-获取echarts内的图片
//下载获取$("#ntexport").click(function () { var mycanvas = $("#chartsImgOne").find("canvas")[0]; var image = mycanvas.toDataURL("image/jpeg"); var $a = document.createElement('a'); $a.s...
2018-12-18 09:53:19
3052
原创 vue 项目在手机运行效果
我一般是使用草料的二维码生产：https://cli.im先查询自己的电脑IP>按住WIN窗口+R弹窗后输入 ipconfig 就可以查看自己电脑的IP就在自己的项目工程中修改IP地址：在VUE项目中找到config文件下的dev:host及porthost:是自己电脑的IP地址 // host:'192.168.XXX.XXX'port:是端口号 // 如8080...
2018-10-18 10:45:36
4261
原创 vue v-for img标签的src 图片不显示
1.可能是绑定的：key值不能是对象或者数组 会报一下错误：[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.<div class="banner"> <mt-swipe :show-indicators="false" class="swipe...
2018-10-13 15:37:52
12587
原创 vue引进less预编译语言使用
前提是所有的环境配置都安装好了使用less预编译语言 npm install less less-loader --asve这样就已经下载安装好了less 和less-loader了，然后就配置查看已经安装的地方：package.json>dependencies中可以看到;node_modules中也看到源码然后在build文件下的webpack.base.conf.j...
2018-10-10 19:08:34
510
原创 js 日期时间格式转换 时间戳转换
1.时间戳转换成日期时间格式 // 1395849600000 => 2014-03-27 00:00:001-最直接易读的转换var oldTime = 1395849600000 ; // 2014-03-27 00:00:00function formatDateTime(date) { var time = new Date(date); // 实例化...
2018-09-17 21:37:49
645
原创 Math 对象的方法(随机范围值)
W3school 里面有详细说明使用方法MDN web docs 也更加详细介绍Math方法（最后还说明了浏览器支持的方法）但是 我要生产一些指定范围数值的随机数let randomArry = []; // 声明一个装载随机数的空数组let max = 9, min = 3; // 声明指定的最大值和最小值范围for (let i = 0; i < ...
2018-09-13 14:34:30
620
原创 string 的指定字符串截取
var str = 'ABCDEFG';console.log(str.split("C")[1]); // DEFGconsole.log(str.match(/B(.*)/)[1]); // CDEFG如果str.split("C")[0] 是【0】那就是截取前面在字符串
2018-09-12 10:32:23
3978
原创 点击元素或按钮出现炫酷波纹
<div class="container text-center"> <div class="ripple" style="height:35px;">ripple</div> <button class="ripple">ripple set</button&
2018-08-14 17:27:13
1097
原创 jqgrid表格使用方法集合（持续更新······）
所有内容都是在项目中使用过jqGrid实例中文版jqGrid英文版jqGrid是一个在jQuery的基础上做的一个表格控件，以AJAX的方式和服务器端通信。$(select).jqGrid({ datatype: "local", data: mydata, ...
2018-08-01 12:00:58
1145
原创 input选择按钮 radio checkbox 对齐元素
HTML:<div><input id="selectSwitch" type='checkbox'><span>文字对齐按钮</span>/div>CSS: 效果：
2018-07-30 21:07:50
506
原创 滚动条设置
亲自测试过（chrome）：原版链接 在原版里面直接按F12去看结构和设置吧 其主要是：(选择器)::-webkit-scrollbar // 滚动条的整体样式(选择器)::-webkit-scrollbar-track // 滚动条里面的轨道(选择器)::-webkit-scrollbar-thumb // 滚动条里面的轨道...
2018-07-12 15:49:04
2248
原创 input 去掉框内的三角型
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } <input type="number"> ...
2018-07-06 19:08:17
1977
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人