加载中
vue h5 移动端各项目总结

1、场景:h5页面在浏览器中,push路由,然后使用浏览器回退,又能回到原页面; 此时使用 带参数 this.$router.push({name: 'video', replace:true, query:{id}}) 或this.$router.replace('/...

08/13 21:16
89
tslint 规则个人习惯,陆续补充

{ "defaultSeverity": "warning", "extends": [ "tslint:recommended" ], "linterOptions": { "exclude": [ "node_modules/**" ] }, "rules": { "quotemark": [tru......

07/18 10:04
12
canvas 移动端生成海报问题及本次项目总结

1、首先设置html及引入静态文件 <div style="display: none;"> <img src="@/assets/img/personal/sy.png" class="man man-2" id="man-2" alt=""> <img src="@/assets/img/personal/bj1.png"...

vue + ts + echarts制作中国地图数据监控

先看效果图: 代码:目前数据为写死,可根据实际情况请求替换data <template> <div class="pcChina" ref="echartGeo"> <!-- 中国地图 --> </div> </template> <script lang='ts'> import { C...

05/06 15:38
58
ant design of vue 使用记录

1、a-select 获取选项文本并设置默认 设置labelInValue属性,获取到的value会成为{key:string, label:string}; <a-select labelInValue placeholder="选择区间" v-decorator="['numberSelect...

textarea在鼠标位置插入文本,替换选中文本

// 获取textarea光标位置 和 选中文本 const getTextareaCursor = (textarea: any):void => { console.log(textarea) let rangeData:any = { text: '', start: 0, end: 0 } if (tex......

02/25 09:31
25
vue + typescript 父子组件传值记录

typescript 使用 vue-property-decorator 插件后 组件通信 做一个记录 1、 父传子 父: <step1 @reportId="reportIdEmit" :dataSourceList="dataSourceList"></step1> // dataSourceList是父...

canvas 画步骤图

根据百度中的各位大佬的总结作出下方图,做个记录: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

2018/12/28 17:40
13
TypeScript+Vue 插件vue-property-decorator的使用总结

首先 下载 npm install vue-class-component vue-property-decorator --save-dev 一梭子直接干; 其次,咱来说说它们的区别与联系: vue-property-decorator社区出品;vue-class-component官...

2018/12/06 17:19
3.4K
mac 配置Tomcat

1、下载tomcat http://tomcat.apache.org/download-70.cgi 2、把下载后的文件解压,放到资源库中(又叫/Library) 3、配置tomcat 打开终端输入 sudo chmod 755 /Li......

2018/11/22 10:57
5
TypeScript初步学习

一、安装使用 1⃣️npm install typescript -g; // 安装typescript 2⃣️初始化项目: 进入项目文件夹后:npm init -y 生成package.json文件; 3⃣️tsc --init,创建tsconfig.json文件,这是...

无痕浏览的坑

在做项目的时候经常使用到本地存储,当在移动端的时候,如果浏览器开启了“无痕浏览”的话,那么就会报错了。 所以遇到这问题就是关闭无痕浏览就可以了。

2018/08/30 16:29
36
vue alias别名路径问题

1⃣️vue-cli项目打包后空白:在config 》 index.js下的build中配置 assetsPublicPath: './', 2⃣️项目别名配置 alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'st......

2018/08/20 15:55
177
移动端border-1px 处理问题

stylus代码: /* 主要解决1px 缩放问题 */ @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) .border-1px &::after -webkit-transform: scaleY(0.7) tra......

2018/08/14 11:20
172
dt Grid 使用记录

1、table表格合并 tables.dtGridColumns = [ {id: 'schoolName', title: '学校', type: 'string', columnClass: 'text-center', fastQuery:true, fastQueryType:'eq',rowspan:'2'}, ......

2018/07/30 12:00
544
vue+iview+vuex初探(1)

听朋友推荐说iview结合vue做后台管理系统很不错,然后我就研究研究了。以下是我学习过程中的一些记录: 没有用官方推荐的iview-cli而是用的vue-cli 起步,一系列下载后在main.js 中有如下配置...

2018/07/26 19:18
1K
vue slot撸一撸

vue使用过程中接触到slot,一番操作下有以下记录: ①单个:父组件引用子组件的时候,写在子组件中的内容插入到了子组件中的slot位置; <div id="app"> <children> <span>slot内容</span> ....

2018/07/26 18:48
30
结合better-scroll制作的时间轴滚动组件

方法定义: methods: { selectTime (index, e) { // 点击选择时间方法 let children = this.$refs.timeList.children this.ulScroll.scrollToElement(children[index + 1], '100ms', true, ...

2018/05/26 16:49
143
echarts学习笔记 各图配置(折线图、圆环图、柱形图、折线面积图)

因为每次使用配置太麻烦,所以记录一下,下次如有相同图,就可以拿过来用,哈哈 1、line折线图 效果图 setPieCharts (id, name, xName, yName, x, y, data) { let $echartsDOM = document.g...

2018/05/26 16:14
31
移动端position图片定位问题记录,以防再犯

刚开始接触移动端制作,其中遇到的问题: 在一个图片上定位另一个图片,兼容不同手机,解决方法是: 以下是我两个弹层的html代码: <div class="newUser">     <div class="lay">       <!--<img ...

2018/04/11 12:51
89

没有更多内容

加载失败,请刷新页面

返回顶部
顶部