- 博客(33)
- 收藏
- 关注
原创 el-upload on-preview 扩大预览事件点击范围
1.首先说明开发环境,vue2项目,采用列表模式的el-upload组件时,加入附件预览功能。这样就可以把预览事件同时加在名字和缩略图上,进而配合预览组件使用即可。此时遇到的问题是,点击名字可以触发预览函数,点击缩略图没效果。element官网给出的示范代码是以下写法。我们需要改变一下写法,这些在官网里边都有。
2025-01-09 18:21:59
385
原创 vue2 vue3 获取当前位置坐标(Navigator.geolocation AMap.Geo) 引用高德地图在地图上标点获取坐标 @amap/amap-jsapi-loader vue-amap
vue2 vue3 获取当前位置坐标(Navigator.geolocation AMap.Geo) 引用高德地图在地图上标点获取坐标 @amap/amap-jsapi-loader vue-amap
2024-04-26 21:20:21
2185
原创 vue h5 手机端使用微信JSSDK(wx.chooseImage)多张照片上传
vue h5 手机端使用微信JSSDK(wx.chooseImage)多张照片上传
2023-04-24 16:16:44
2010
原创 vue-pdf pdf文件预览(手机端,PC端),解决报错问题(电子发票显示不全、无法显示中文、刷新显示空白)
vue-pdf pdf文件预览(手机端,PC端),解决报错问题(电子发票显示不全、无法显示中文、刷新显示空白)
2023-04-11 11:22:48
2784
原创 echarts 常见问题(增加滚动条、X轴文本数据太长、字体颜色、标签对齐方式、循环颜色、图表位置)
echarts 常见问题(增加滚动条、X轴文本数据太长、字体颜色、标签对齐方式、循环颜色、图表位置)
2022-06-08 15:33:04
6061
1
原创 HBuilderX 安装使用
1.前言:每个编辑器都有各自的优点,选对编辑器可以很大提高生产力。2.HBuilderX 的下载与特点介绍请移步官网:https://www.dcloud.io/hbuilderx.html3.特点总结:HBuilderX非常适合Vue开发,尤其是小程序,H5,App的开发。4.初始化设置:颜色主题设置,代码高亮设置,请移步社区交流贴:https://ask.dcloud.net.cn/article/id-35776__page-4...
2020-07-09 10:56:22
524
原创 Vue开发小知识点
1.vue css >>> /deep/ 穿透在组件中局部修改第三方组件的样式,/deep/操作符是 >>>的别名。使用案例:<stylescoped>>>>第三方组件{样式}/deep/第三方组件{样式}</style>2.vue v-for img标签的src 图片不显示// 不要直接写图片的路径// 正确的引入图片的方式imges:[ ...
2020-07-09 10:42:18
138
原创 CSS选择器
1.CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。2.CSS的选择器分为两大类:基本选择器和高级选择器。3.基本选择器:标签选择器:针对一类标签ID选择器:针对某一个特定的标签使用类选择器:针对你想要的所有标签使用通用选择器(通配符):针对所有的标签都适用4.高级选择器:后代选择器:用空格隔开...
2020-04-15 11:35:43
120
原创 ECharts(vue、js)实现省市地图切换、资源下载
最近写项目用到了ECharts实现省市地图切换,写出来记录一下。ECharts实现省市地图切换,一般有两种引用形式js文件和json文件。我这里用到的是js文件。js文件资源网上可以搜到。代码如下:<!-- 引入地图ECharts图表 start --> <!-- 引入河南省地图js文件 --> <script src="./js/hen...
2019-11-19 15:06:21
5156
3
原创 JavaScript原型链
对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说,JavaScript 有点令人困惑,因为它是动态的,并且本身不提供一个class实现。(在 ES2015/ES6 中引入了class关键字,但那只是语法糖,JavaScript 仍然是基于原型的)。每个实例对象( object )都有一个私有属性(称之为 __proto__ )指向它的构造函数的原型对象(protot...
2019-11-07 11:15:33
123
原创 jQuery的ajax写法
//jQuery的ajax标准写法$(function () { var data = {};//请求参数 //ajax请求主体部分 $.ajax({ type: "POST",//请求方式 contentType: "application/json;charset=UTF-8",//请求的媒体类型 url: "http...
2019-11-06 17:31:26
172
原创 iframe高度宽度自适应
最近在项目中用到了iframe,写出来做个记录,能帮到大家最好。一.首先简单介绍一下iframe iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 所有浏览器都支持 <iframe> 标签。二.页面引用<iframe src="index.html" id="myiframe" scrolling="no" frameborder="0" widt...
2018-02-01 13:44:50
14781
原创 简单的ajax前端与node.js后台交互
最近做项目时用到了ajax前端与node.js后台交互,于是就写了一个demo.分享在这里,以作备忘,能帮到大家最好.一.ajax前端 获取的内容如下: 请点击 $(document).ready(function() { $("#btn").click(function(){
2017-11-23 12:07:56
6077
2
原创 前端开发之使用base64模式处理图片
最近在做消息推送,涉及到图片处理这一块,于是就使用base64的方式处理图片.做一个简单的总结.算是备忘.如果能帮到大家最好.一.什么是base64 Base64就是一种基于64个可打印字符来表示二进制数据的方法。 (百度百科) 二.如何使用 1.将图片转换成base64.获取base64图片编码. http://base64.xpcha.co
2017-11-22 18:03:27
1521
原创 Git的一些常见命令
一.git revert 与 git reset 看了一些文章的解释,对于我这样的初学者大多不是很容易明白。 下边介绍一下在我学会之后的理解,初学者的理解。 首先是一个项目。共有三次commit。 commit3 3 commit2 2 commit1 1 注:commit3是最新的提交。右边是版本号
2017-10-24 12:10:03
288
原创 reactjs 开发过程中遇到的一些问题
一. reactjs 渲染input后 ,为什么value设置了值的话就不可编辑了? 用defaultValue 代替 value.
2017-09-14 11:54:05
564
转载 使用 rem 设置文字大小
在序言中我们已经提到了响应式的一些基本理念,比如:响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷。序言中同样提到,响应式的设计应该秉承「内容优先,移动优先」的设计原则,那么我们知道网页中的内容主要是由文字图片等元素组成的,那么文字该如何响应式呢?当我们每天面对缤纷
2017-08-15 16:05:11
1577
原创 简单实现react.js语言国际化
说明:本人接触react.js不过半月之久,讲述的问题都是自己遇到的,水平有限.一.安装React-intl,利用npm. npm install react-intl -save 由于浏览器差异问题,有时候也会在React-intl基础上另外安装intl npm install intl --save二.如何使用这个组件是语言国际化的重点
2017-08-11 15:24:54
4095
原创 JS判断数组内是否含有某一项(indexOf 方法)
一.常规的方法,诸如遍历之类的在此就不做过多赘述了.单说indexOf. 格式:arr.indexOf(find,start); find:要找的内容,必须填写; start:查找开始下标,可自行选择; 返回:查找数据所在的下标,如果没找到,返回-1.二.案例 let s = [1,2,3,4,5,6]; let n
2017-08-09 16:29:17
2282
原创 Linux前端开发的一些问题
一.Linux的一些常用命令 1.Linux创建新的文件夹 利用cd 到指定位置 运用mkdir 新建文件夹名字即可创建. 2.Linux删除文件夹 同样利用cd到指定位置 rmdir删除空的文件夹,如果文件夹非空要利用rm -rf 文件夹名字进行删除,-r 就是向下递归,不管有多少级目录一并删除, -f 就是直接强行删除
2017-08-02 09:32:33
948
原创 关于css样式的若干小问题
一.类选择器 例 1: This paragraph is a very important warning. 这两个词的顺序无关紧要,写成 warning important 也可以。 我们假设 class 为 important 的所有元素都是粗体,而 class 为 warning 的所有元素为斜体,class 中
2017-07-28 15:27:09
365
原创 atom的安装使用
我是在Linux系统上用的atom,所以下边所写内容均是基于Linux(注:我是用的Ubuntu16.04)一.安装atom 在安装过node的Linux操作系统,打开terminal命令行,依次输入以下指令: sudo add-apt-repository ppa:webupd8team/atom sudo apt-get update sudo apt-get i...
2017-07-26 13:52:37
3137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人