前端
关注
分享
扫一扫
Atinda
这个作者很懒，什么都没留下…
展开
-
Hippy-腾讯开源内部跨端框架，大家怎么看？
刚刚腾讯QQ浏览器部门的Hippy 跨端库开源了，每次更新，是不是都有种学不动的感觉？FSgithub地址视频简说原创 2019-12-23 19:57:38 · 4264 阅读 · 0 评论 -
vue echarts 单图表自适应 屏幕 多图表自适应屏幕
环境：vue中使用Echarts图表需要做单图表自适应屏幕 多图表自适应屏幕在main.js文件中直接引用echarts图表 我把resize方法直接挂载在vue的prototype上面：在所有的组件中都可以直接使用this.$echartsResize()是最直接简单方便了：home.vue:多图表自适应屏幕，就写多少个this.$echartsResize()就好了，里...原创 2019-05-31 11:37:49 · 1543 阅读 · 0 评论 -
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 · 535 阅读 · 0 评论 -
vue cli3 打包发布后 去掉webpack文件 浏览器不显示源码
环境：我不想我的项目发布后，浏览器中还有我编写的vue源码可以查看配置如下，也是简单。因为我的项目是基于vue cli3 创建的。所以我在跟目录下创建一个vue.config.js的配置文件，如下图：就添加如下代码即可：productionSourceMap:false, // 设置上线后是否加载webpack文件附上修改对比图：没修改前：修改之后：...原创 2019-05-31 11:11:23 · 8615 阅读 · 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 · 549 阅读 · 0 评论 -
echarts 多个图表在同一个页面的自适应问题
在使用echarts 做图表 那就免不了在一个页面写多给图表（已经是常态了）环境：一个HTML页面引进多个图表的JS文件，每个JS文件单独做一种图表 方便其他页面重复调用；原来的自适应的方法是直接：window.onresize = function () { chartPie.resize();};此时发现：在多文件调用的时候是根本拿不到chartPie的，因为我的图...原创 2019-03-14 15:15:52 · 1660 阅读 · 3 评论 -
echarts X轴值的设置 formatter
在开发过程中，X轴的值并不想和Y轴的数据对应，所以看了一下官网的设置还是比较简单的。原来的值是原数据中的数值，现在开发过程中要把X轴换成当前时间点（其实不难）：远来数据展示：在option.xAxis.axisLabel中写上：其中value 和index都是对应着X轴的值和值的下标索引formatter: (value, index) => { let ...原创 2019-03-14 14:55:32 · 22068 阅读 · 0 评论 -
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 · 3014 阅读 · 0 评论 -
关于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 · 2657 阅读 · 1 评论 -
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 · 4241 阅读 · 0 评论 -
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 · 12565 阅读 · 0 评论 -
Math 对象的方法(随机范围值)
W3school 里面有详细说明使用方法MDN web docs 也更加详细介绍Math方法（最后还说明了浏览器支持的方法）但是 我要生产一些指定范围数值的随机数let randomArry = []; // 声明一个装载随机数的空数组let max = 9, min = 3; // 声明指定的最大值和最小值范围for (let i = 0; i < ...原创 2018-09-13 14:34:30 · 613 阅读 · 0 评论 -
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 · 629 阅读 · 0 评论 -
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 · 3954 阅读 · 0 评论 -
点击元素或按钮出现炫酷波纹
<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 · 1081 阅读 · 0 评论 -
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 · 1953 阅读 · 0 评论 -
滚动条设置
亲自测试过（chrome）：原版链接 在原版里面直接按F12去看结构和设置吧 其主要是：(选择器)::-webkit-scrollbar // 滚动条的整体样式(选择器)::-webkit-scrollbar-track // 滚动条里面的轨道(选择器)::-webkit-scrollbar-thumb // 滚动条里面的轨道...原创 2018-07-12 15:49:04 · 2049 阅读 · 0 评论 -
input选择按钮 radio checkbox 对齐元素
HTML:<div><input id="selectSwitch" type='checkbox'><span>文字对齐按钮</span>/div>CSS: 效果：原创 2018-07-30 21:07:50 · 500 阅读 · 0 评论