- 博客(38)
- 收藏
- 关注
RSS订阅原创 Vue+element 回车查询页面刷新
form 表单出查询条件需要实现 input 输入完成后键盘回车查询：@keyup.enter=“handleQuery”，如果。即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。form里只有一个input，回车没有触发事件，而是刷新页面，放两个input就没问题。解决方法： < el-form > 添加 @submit.prevent。.native修饰符在vue3中被弃用。阻止表单默认提交行为。
2024-12-20 11:24:42
650
原创 微信小程序-生成分享海报
实现主页面点击分享按钮，跳转至海报预览和保存页面。分享按钮点击事件代码：// shareImage为图片网络地址，跳转页面是作为参数传递 creatPoster(){ // 每日英语生成海报 const shareImage=this.data.shareImage if(shareImage){ wx.navigateTo({ url: '../poster/poster?shareImage=' + shareImage, }) }
2021-06-25 16:57:33
579
原创 微信小程序-（js和wxml中）utils公共方法使用
通过开发者工具快速创建了一个 QuickStart 项目时，会生成一个utils/util.js文件。util.jsconst formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes()
2021-06-24 20:42:32
4471
原创 微信小程序-api请求统一配置
1.项目中新建目录wapi/main.js，内容如下：// 小程序开发api接口统一配置const API_BASE_URL = 'https://' // 主域名let subDomain = '' // 子域名,没有就等于''，如果你的域名是： https://www.baidu.com/cn 那么这里只要填写 cnconst request = (url, method, data) => { let _url = API_BASE_URL + subDomain + url
2021-06-24 20:04:04
783
原创 微信小程序-实现文字滚动
效果图：.wxml<view class="history_txt"> <swiper class="tab_right" vertical="true" autoplay="true" circular="true" interval="3000" display-multiple-items='4'> <view> <block wx:for='{{historyTodayData}}' wx:key="year">
2021-06-24 19:34:41
425
原创 微信小程序-时间轴样式实现
实现效果：wxml代码：<view class='history_con'> <block wx:for="{{historyTodayData}}" wx:key="year" data-index="{{index}}"> <view class='history_item_list'> <text class="iconfont icon-timefill "></text> <view cla
2021-03-20 16:52:51
1005
原创 微信小程序-引入iconfont图标
在微信小程序开发过程中想要使用阿里巴巴图标库中更为丰富的图标素材，需要引入iconfont图标库，具体操作如下：点击进入iconfont官网，注册账号新建项目，这部分不做赘述；新建项目成功后如下所示：3.将项目下载至本地，解压后放在小程序项目目录下，这里我放在新建的assets文件夹下。4.在微信小程序中新建一个iconfont.wxss文件，并将上图iconfont.css中的代码复制进去。5.在app.wxss中引入图标库样式，注意文件路径。6.使用时添加类名即可显示所需要的图标
2021-03-20 16:24:46
581
原创 element-ui table组件属性：reserve-selection分页保留勾选项
element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key。示例代码：重点指定row-key，设置reserve-selection为true <!-- --> <el-table bo
2021-03-17 17:04:51
10350
2
原创 element-ui table组件属性：show-overflow-tooltip
show-overflow-tooltip 是Table-column属性，可实现表格列内容过长显示省略号和tooltip提示。实现效果：使用示例： <el-table :data="tableData" border v-loading="tableLoading" > <el-table-column v-for="col in cols" :prop="col.prop"
2021-03-17 13:54:47
1922
原创 element-ui table组件属性：row-class-name
可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。效果如下：代码示例：1.在el-table标签中加上row-class-name属性<el-table border :data="rrobotActiveData" :row-class-name="setRowClassName"> <el-table-column type="index" label="序号" prop="index"
2021-03-16 20:27:28
1516
原创 Vue项目 实现一键复制功能
方法一：使用 v-clipboard使用步骤：1.安装依赖npm install --save v-clipboard2.在main.js中引入import Vue from 'vue'import Clipboard from 'v-clipboard'Vue.use(Clipboard)3.使用<template> <el-button type="text" v-clipboard:copy="copyRowData" v-clipboa
2021-03-16 13:55:53
354
原创 【Vue warn】Unknown custom element: ＜xxx＞ - did you register the component correctly? (vue引用组件花括号问题)
导入部分，引入非 default 时，使用花括号：import {name, age} from ‘./example’全部导入import people from ‘./example’自定义的组件在别处引入不需要中括号而第三方组件的引入需要中括号{}
2020-12-21 19:56:31
361
原创 npm install 时 node-sass 报错问题
解决方案：# 使用如下命令安装npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
2020-12-21 19:50:21
235
原创 豆瓣API
获取正在热映的电影url：https://api.douban.com/v2/movie/in_theaters拼接参数：key必填描述默认值apikeyY固定值0b2bdeda43b5688921839c8ecb20399bcityN所在城市例如北京、上海等startN分页使用，表示第几页1countN分页使用，表示数量10clientN客户端信息-udidN用户 id-url 示例：https://ap
2020-06-14 19:32:44
861
原创 API接口整理
整理网上一些可提供使用的api接口，便于个人项目练习使用。平台阿里云市场聚合数据京东万象阿凡达数据apishopiDataAPIHaoServiceYESAPI 果创云开放接口有道系列API：文本+语音+图片+合成免费JSON API地图高德地图百度地图腾讯地图搜狗地图天气丫丫天气和风天气心知天气彩云天气免费天气查询快递快递100快递网TrackingMore（国际快递）音乐QQ音乐API图片干货集中营必应每日一图1必应每日一图2搜狗随机壁纸
2020-06-12 16:44:59
652
1
原创 免费API接口整理
各类无次数限制的免费API接口整理，主要是聚合数据上和API Store上的一些，还有一些其他的。聚合数据提供30大类,160种以上基础数据API服务,国内最大的基础数据API服务，下面就罗列一些免费的各类API接口。聚合的免费API接口数据：手机号码归属地API接口：https://www.juhe.cn/docs/api/id/11历史上的今天API接口：https://www.juhe.cn/docs/api/id/63股票数据API接口：https://www.juhe.cn/docs/a
2020-06-11 10:59:21
1744
原创 大屏展示LCD液晶字体—css3 @font-face属性自定义字体
显示效果：实现步骤：到 dafont 下载.ttf 格式字体，选择LCD，点download下载，得到压缩包，需解压。通过fontsquirrel来生成.woff等格式的字体。上传.ttf格式文件，生成其他文件格式，得到压缩包，需解压。将字体文件放在一个文件夹中。css中用@font-face定义字体：// 兼容写法@font-face { font-family: 'myFont'; src: url('~@/assets/styles/my-font/ds-digi-
2020-06-10 15:34:51
2800
原创 页面实现刷新和跳转
1. 重新加载本页window.location.reload()window.location.replace()这两种方法都可以重新加载本页，但是replace()可以导向另外一个URL例如：window.location.replace(“http://www.baidu.com”)2.跳转历史页window.history.back();window.history.go(...
2019-12-07 15:51:21
351
原创 iframe嵌套页面全屏实现
1.设置allowfullscreen="true"属性 <iframe id="mapFrame" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" name="mapFrame" s...
2019-12-06 20:56:59
5494
1
原创 前端实现Vue项目导出PDF
vue项目导出pdf的两种方式：方式一：使用html2canvas和jspdf插件实现该方式是通过html2canvas将HTML页面转换成图片，然后再通过jspdf将图片的base64生成为pdf文件。缺点：生成的pdf质量不高，失真比较严重；在分页处如果有图片的话，不会自动识别隔页处理（甚至一行文字也能给你上下一分为二），而是无情地把图片一分为二。实现步骤如下：1.安装插件 ...
2019-10-22 16:51:28
1675
原创 CSS - "overflow:hidden"属性导致样式错位
问题如题。原因：当改变overflow属性的时候会生成一个新的box，而默认的vertical-align是baseline，所以会导致错位。解决方法:只要加任意vertical-align属性，无论top, bottom, 还是middle都能解决。...
2019-10-22 10:55:10
1488
原创 ant-design分页组件再封装
对ant-design自带的简单分页组件进行再封装，包含显示总数功能、上一页、页面码、下一页，可改变每页显示条目数和跳转页面，显示项可配置，默认展示全部。代码如下：<template> <a-pagination class="rd-pagination" v-model="current" :total="total" :size="siz...
2019-06-29 17:50:06
2883
原创 Git常用命令
1.clone选择http地址选择branch2.checkout在commit之间移动(保留未提交修改)回滚本地未commit修改3.commit正常commit[!] amend修改注释内容，重新提交(修改了commit id)rebase(squash)[!] HEAD^n,HEAD~n(慎用)[!] detached HEAD(游离commit)4.pu...
2019-06-28 14:50:55
175
转载 HTML5的 input:file上传类型控制
一、input:file属性属性值有以下几个比较常用：accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片 <input id="fileId1" type="file" accept="image/...
2019-06-25 17:01:08
752
转载 HTML5 Blob 实现文件下载功能
原理其实很简单，就是将文本或者JS字符串信息（即后台返回来的在服务器上没有具体路径的动态文件，如导出数据功能）借助Blob转换成二进制，然后，作为 a 标签的 href 属性，配合download属性，实现下载功能，缺点是如果文件太大会下载失败。下面是导出数据的一个实例：$("#exportAll").on("click",function(){ //点击【全部导出】 //la...
2019-06-25 16:05:54
2137
原创 前端下载文件方法总结
前端接收后端url直接下载1. 链接下载文件 //该方法火狐有些版本是不支持的window.location.href=url //为了解决火狐有些版本不支持,可以改成这种方式window.location=url //该方法在火狐上没有效果的，在IE浏览器上是可以的window.open(url, '_blank') // 打开新窗口2. iframe 下载文件t...
2019-06-25 14:09:39
1570
转载 Jenkins简介
第一章 Jenkins是什么？Jenkins 是一个可扩展的持续集成引擎。主要用于：l 持续、自动地构建/测试软件项目。l 监控一些定时执行的任务。Jenkins拥有的特性包括：l 易于安装-只要把jenkins.war部署到servlet容器，不需要数据库支持。l 易于配置-所有配置都是通过其提供的web界面实现。l&nb...
2019-06-24 14:20:11
437
原创 常用正则表达式
常用正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][0-9]...
2019-06-21 17:25:43
165
原创 解决关于 vue项目中 点击提交按钮路由多了个问号
问题描述：在vue项目开发过程中，新建参数表以表单形式提交，发现页面重新刷新，路径中多了问号http://localhost:8100/#/改变为http://localhost:8100/?#/导致路由跳转出现问题。原因：这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。解决方案使用@click.prevent 阻止默认事件<...
2019-03-09 16:27:07
2491
1
原创 正则表达式：特殊字符之“-”（减号）
减号用在字符集“[…]”里表示一组字符，如： “[1-3]” —— 表示1到5中的任意一个字符，所以“&amp;lt;H[1-6]&amp;gt;”表示“&amp;lt;H1&amp;gt;”、“&amp;lt;H2&amp;gt;”或者“&amp;lt;H3&amp;gt;” “[d-g]” —— 表示“d”、“e”、“f”或者“g”如果不是用在字符集
2019-03-09 15:41:29
19620
转载 百度地图根据经纬度坐标值绘制轨迹
项目需求百度地图根据已知坐标画点线，在这里做个笔记，方便自己查阅！var map = new BMap.Map("map"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); map.enableScrollWheelZoom(); // 开启鼠标滚轮缩放 map...
2019-01-07 10:54:03
14312
15
原创 去除特殊字符正则校验
最近项目中有涉及到不可输入特殊字符的校验，在使用正则匹配时发现一些问题，具体如下：使用的去除特殊字符的正则表达式为：// 英文校验规则const regEn = /[`~!@#$%^&amp;*()_+-=&lt;&gt;?:"{},.\\/;'[\]]/im // 中文校验规则const regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im运行结果发现这...
2018-12-28 11:01:42
4986
原创 iframe的使用及方法调用
&amp;amp;amp;lt;iframe&amp;amp;amp;gt; 标签规定一个内联框架（即行内框架)。被用来在当前 HTML 文档中嵌入另一个文档。所有的主流浏览器都支持&amp;amp;amp;lt;iframe&amp;amp;amp;gt;标签。1、常用属性：属性值描述nameframe_name规定 iframe 的名称srcURL规定在 ifr
2018-12-22 12:18:01
12452
1
原创 iframe加载完成事件
项目优化，需要在请求数据时添加loading，老项目中使用iframe，请求返回嵌套页面，需在iframe的onload事件中处理。
2018-12-21 15:25:43
18339
原创 jQuery easyUI数据请求添加loading遮罩效果
easyUI 请求添加loading遮罩效果代码示例： //请求数据时Loading function requestLoading(){ //模拟datagrid中loading样式 $(&amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;lt;div class=\&amp;amp;amp;amp;amp;amp;quot;datagrid-mask\&am
2018-12-21 14:23:48
1132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人