Atinda-CSDN博客

原创 Hippy-腾讯开源内部跨端框架，大家怎么看？

刚刚腾讯QQ浏览器部门的Hippy 跨端库开源了，每次更新，是不是都有种学不动的感觉？FSgithub地址视频简说

2019-12-23 19:57:38 4204

原创 vue echarts 单图表自适应屏幕多图表自适应屏幕

环境：vue中使用Echarts图表需要做单图表自适应屏幕多图表自适应屏幕在main.js文件中直接引用echarts图表我把resize方法直接挂载在vue的prototype上面：在所有的组件中都可以直接使用this.$echartsResize()是最直接简单方便了：home.vue:多图表自适应屏幕，就写多少个this.$echartsResize()就好了，里...

2019-05-31 11:37:49 1493

原创 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 515

原创 vue cli3 打包发布后去掉webpack文件浏览器不显示源码

环境：我不想我的项目发布后，浏览器中还有我编写的vue源码可以查看配置如下，也是简单。因为我的项目是基于vue cli3 创建的。所以我在跟目录下创建一个vue.config.js的配置文件，如下图：就添加如下代码即可：productionSourceMap:false, // 设置上线后是否加载webpack文件附上修改对比图：没修改前：修改之后：...

2019-05-31 11:11:23 8022 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 500

原创 echarts 多个图表在同一个页面的自适应问题

在使用echarts 做图表那就免不了在一个页面写多给图表（已经是常态了）环境：一个HTML页面引进多个图表的JS文件，每个JS文件单独做一种图表方便其他页面重复调用；原来的自适应的方法是直接：window.onresize = function () { chartPie.resize();};此时发现：在多文件调用的时候是根本拿不到chartPie的，因为我的图...

2019-03-14 15:15:52 1583 3

原创 echarts X轴值的设置 formatter

在开发过程中，X轴的值并不想和Y轴的数据对应，所以看了一下官网的设置还是比较简单的。原来的值是原数据中的数值，现在开发过程中要把X轴换成当前时间点（其实不难）：远来数据展示：在option.xAxis.axisLabel中写上：其中value 和index都是对应着X轴的值和值的下标索引formatter: (value, index) => { let ...

2019-03-14 14:55:32 21541

原创关于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 2586 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 3617

转载 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 2899

原创 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 4209

原创 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 12458

原创 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 470

原创 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 578

原创 Math 对象的方法(随机范围值)

W3school 里面有详细说明使用方法MDN web docs 也更加详细介绍Math方法（最后还说明了浏览器支持的方法）但是我要生产一些指定范围数值的随机数let randomArry = []; // 声明一个装载随机数的空数组let max = 9, min = 3; // 声明指定的最大值和最小值范围for (let i = 0; i < ...

2018-09-13 14:34:30 566

原创 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 3894

原创点击元素或按钮出现炫酷波纹

<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 1056

原创 jqgrid表格使用方法集合（持续更新······）

所有内容都是在项目中使用过jqGrid实例中文版jqGrid英文版jqGrid是一个在jQuery的基础上做的一个表格控件，以AJAX的方式和服务器端通信。$(select).jqGrid({ datatype: "local", data: mydata, ...

2018-08-01 12:00:58 1064

原创 input选择按钮 radio checkbox 对齐元素

HTML:<div><input id="selectSwitch" type='checkbox'><span>文字对齐按钮</span>/div>CSS: 效果：

2018-07-30 21:07:50 474

原创滚动条设置

亲自测试过（chrome）：原版链接在原版里面直接按F12去看结构和设置吧其主要是：(选择器)::-webkit-scrollbar // 滚动条的整体样式(选择器)::-webkit-scrollbar-track // 滚动条里面的轨道(选择器)::-webkit-scrollbar-thumb // 滚动条里面的轨道...

2018-07-12 15:49:04 1760

原创 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 1886

ATwins