重新阅读 vue 文档收获

最近有空,心血来潮想着再去把 vue 文档给读一遍,记一下收获 1、避免v-if和v-for用在一起 链接 这里的问题以前完全没有注意过,导致经常写 iview 出现这一类的代码 <Select> <Option v-for="...

2019-04-24 19:21:31

阅读数 33

评论数 0

React 动态导入wangEditor

没错,这次又从vue 转到 react 里 (╥╯^╰╥) 原来的项目使用<script> cdn 来加载 wangEditor.js ,体验相当不好,会导致页面白屏好长一段时间 使用 defer 的话,就不能在正确的时间引用这个 文件,就想到了使用 异步调用 ...

2019-04-16 15:13:24

阅读数 83

评论数 0

js导出excel在office打开乱码问题

负责的后台管理系统有前端导出表格的功能 由于本机上没有office,一开始使用wps测都是好的 结果后来项目用office打开,乱码。。。。 相关导出的内容网上一大堆,我就不赘述了,上代码 let template = `<html xmlns:o=&qu...

2019-01-26 10:10:55

阅读数 360

评论数 0

vue+iview 兼容IE11浏览器

最近在搞一个基于vue的后台管理系统兼容IE浏览器,眼泪都要掉下来。后来和产品说了,同意兼容IE11,感动得我眼泪啊 这里也就是记录一下我遇到的超级烦的bug 首先是'babel-polyfill' 和"autoprefixer-loader" 这个不用多说,资源一大堆 ...

2018-10-27 10:55:44

阅读数 2000

评论数 2

echarts 绘制 地图飞机路线

1 converData (data) { 2 let res = [] 3 for (let i = 0; i < data.length; i ++) { 4 let dataItem = data[i] 5 ...

2018-07-05 20:08:36

阅读数 5927

评论数 0

神奇的css选择器

这几天闲来无事,就去看 css3 和 html5,这一看发现了不少以前漏掉的好东西基础啊基础,1、vh vw他默认将视窗分成了 100,然后通过  1vh 就是 1% 的视窗高度 ,so 想要拿到 100% 高度的话,只需要  100vh 就能 实现,这样就能 真正意义上的实现 兼容 多端,而且简...

2018-04-20 11:18:42

阅读数 70

评论数 1

vue $emit 接收不到子组件的数据

最近碰到个问题,搞了老半天发现问题所在哭笑不得,在这里记录一下。父组件: father.vue 1 <template> 2 <child @toFather="fromChild(arr)&...

2018-04-17 10:56:46

阅读数 791

评论数 0

node 判断请求的方法类型

首先,学了好久 node ,终于受不了 命令行来执行 node,转到了 chrome 来输出 node 信息,天朗气清。教程一搜一大把,就不介绍了 1 http.createServer(function (req, res) { 2 res.writeHead(200, {'Content-...

2018-04-11 15:47:13

阅读数 932

评论数 0

右键显示自己的菜单栏

这里主要使用H5 中的一个新 属性  contextmenu话不多说,上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 &a...

2018-04-11 10:37:10

阅读数 562

评论数 0

H5获得电池信息

H5获得电池信息主要通过 getBattery() 来获得 let battery = navigator.getBattery(); console.log(battery);可以看看输出可以看到 getBattery() 返回的 是一个 promise 对象,然后输出 promise 对象的 ...

2018-04-09 17:25:21

阅读数 299

评论数 0

vue 打包之后拿不到 原先 static 文件里的 图片

vue 打包之后拿不到 原先 static 文件里的 图片关于vue 打包是一个 困扰了很多初学者的问题,当然包括我。不过vue-cli 已经优化的很好关于路径问题,百度上有很多,就是在修改:这个文件下的  build: {    // Template for index.html    ind...

2018-03-30 16:22:43

阅读数 5380

评论数 0

html 空心字 以及部分艺术字

前几天做demo 的时候,遇到了一个需求,就是写一个空心字。想了半天没招,就弄了 网上的资源。现在想想,加上查资料,感觉还是能实现的空心字主要使用了 css3 的  text-shadow效果大概是这样的上代码: <style> .font &a...

2018-03-29 10:55:22

阅读数 11245

评论数 0

在 vuex 中使用 vux 的 popup 数据双向绑定

在下新手,写这个只是因为 被这个搞死了好多次,记录一下store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state: { change...

2018-03-27 13:48:15

阅读数 1258

评论数 0

填充浏览器高度为 height: 100%

有一个需求,就是显示的内容就是屏幕的高度。 我首先使用  body和 body 的子 标签 height: 100%,然而并没有什么 软用 他该是多少还是多少, 但是,我查了很多资料,发现一堆原生的函数   console.log('window.innerHeight') conso...

2018-03-26 17:18:54

阅读数 602

评论数 0

padding-right 失效

width 100% 下 padding-right 失效 写适配的时候,给 节点 了 width: 100% 的宽度,可是没想到 再设置了 padding-right 出现问题: 虽然显示了 padding-right,但是在渲染的时候没有渲染上去 chrome:(手机端适配,还是没试配)...

2018-03-26 11:24:22

阅读数 2603

评论数 1

使用 vux 中的 Drawer 以及一些坑

最近做demo 的时候用到了 vux  里的 drawer ,遇到了很多问题,这里主要记录一下(新手,勿喷) 主要是为了点击那个 三个横线之后会出现首先,使用 drawer 中 主体内容插槽 中写东西的时候,发现原来定位  position: fixed 失效了,wtf 凸(艹皿艹 ),找半天找不...

2018-03-24 11:10:35

阅读数 2775

评论数 0

关于 flex-direction: column 之后宽度自动变为100%的解决办法

关于 flex-direction: column 之后宽度自动变为100%的解决办法 前提介绍:要实现这么个东西,想到了使用 flex html:   <divclass="left cardp"slot="...

2018-03-22 16:19:35

阅读数 4050

评论数 0

在 vue 中使用stylus 完成雪碧图

最近写一个小 demo ,由于刚学了 stylus ,想着用上去,然后要写雪碧图到页面上,我就感觉机会来了图是这样的,不要问我是从哪里截下来的,我知道有点不符合雪碧图的 规范,但是 who cares ╮(╯▽╰)╭上代码html: <div class=&quot...

2018-03-16 12:58:19

阅读数 577

评论数 0

安利一波前端神器 VScode

由于毕业设计,我的垃圾笔记本需要开 后端服务器、eclipes 、webstorm 、前端服务器 、 chrome , 有的时候甚至要 开 Navicat ,总之一大堆,就决定换一个前端编辑器 听了室友推荐,试了一下 Visual Studio Code 我的天 用了 QQ的软件管家,竟然...

2018-03-13 15:00:43

阅读数 714

评论数 0

vue lazyload

前段时间 学习 mint-ui 里的 lazy load有点好奇里面是怎样写的,就去看代码,然后发现代码里写着:module.exports = require("vue-lazyload");然后点那个 vue-lazyload,没错,就是那个  vue-la...

2018-03-13 14:19:45

阅读数 199

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭