- 博客(52)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 flex横向间距自适应 纵向间距自己设置
display: flex; flex-wrap: wrap;justify-content: left; flex-direction:row; align-content: flex-start;
2022-06-30 15:53:05
1925
原创 vue3 vite 导出element ui e-table表格方法
<!--按装依赖-->npm install --save xlsx file-saver<!--引入依赖--><!-- 代码--><p class="exportExcel" @click="exportExcel">下载</p>import FileSaver from 'file-saver' //下载exxelimport * as XLSX from 'xlsx' // ！！！vue3要这么引入 要不会报错
2022-04-12 09:42:12
514
原创 10分钟vue2快速集成融云音视频会议（web）
预备开始首先要注册融云开发者账户（集成客户端需要使用appkey)并开通音视频服务（30分钟之后生效 直接用会出问题） 在开发环境下创建的每个应用均可享有 10000 分钟免费体验时长。一、安装依赖？# 安装 RongIMLib v4npm install @rongcloud/imlib-v4 --save# 安装 RTCLibnpm install @rongcloud/plugin-rtc --save二、使用步骤<!-- * @D...
2022-04-06 17:47:54
3621
7
原创 flex布局换行间隙不正常
这样写间距好大 display: flex; flex-wrap: wrap;加个这个align-content: flex-start;就好了
2021-09-24 10:32:30
354
1
原创 IOS webview vue h5 vue-pdf 预览
<template><div class="main"> <!-- <header-back></header-back> --> <!-- <van-nav-bar left-text="返回" title="pdf查看" left-arrow @click-left="onClickLeft" /> --> <header-back><..
2021-05-18 17:42:55
486
3
翻译 IOS vue webview预览excel
'https://view.officeapps.live.com/op/view.aspx?src='+ excel文档链接前半部分是微软开放接口可预览office文档 对于安全性没有太多考虑的可以考虑该方法
2021-05-18 17:41:28
242
原创 IOS webview vue word预览 工作记录0518
用的mammoth插件 需要先npm安装ios不可以直接打开外部文档链接 或者下载 所以该插件原理是将word文档转为html从而达到预览的效果看到了别的妹妹发的文 跟着做了下 果然解决了问题<!--*@Description:*@Author:zhaiyzh*@Date:2021-05-1716:12:39*@LastEditTime:2021-05-1814:20:19--><template><...
2021-05-18 17:37:46
165
原创 vue 语音转文字使用例子和解析 第三方科大讯飞
一、需求是什么？需求：在vue的h5页面上使用科大讯飞的语音转文字功能 /聊天页面发送语音消息点击朗读二、使用步骤1.放入js文件（科大讯飞官方例子文件）代码如下（示例）：/** * Created by lycheng on 2019/8/1. * * 语音听写流式 WebAPI 接口调用示例 接口文档（必看）：https://doc.xfyun.cn/rest_api/语音听写（流式版）.html * webapi 听写服务参考帖子（必看）：http://bbs.xf...
2020-10-12 11:23:05
10774
24
原创 leaflet＋vue实现地图点线面标记获取点击经纬度 区域可视化 代码及遇到的问题修正笔记
用的vueCli4.5.4页面代码如下<template> <div class="hello"> <div class="ol-map" ref="olMap" style="width:100%;height:100%"></div> //设置地图容器 </div></template><script>import L from 'leaflet'; // 引入leaflet 前提是要已
2020-09-17 11:43:56
2572
原创 vue-cli 4.5.4 配置node-module里的图片不转base64
创建项目后我的vue.config.js只有一行lintOnSave: false,然后加入配置var path = require('path'); //需要导入path 否则项目启动有问题 path is not definedmodule.exports = { devServer: { //热启动 修改完成后自动更新 // host: "localhost", /* 本地ip地址 */ //host: "192.168.0.131",
2020-09-16 15:15:15
834
原创 vue 点击按钮 使输入框聚焦
ui用的是vant ui遇到的困难 ：1.长期使用jq操作dom 换成vue不会搞了 2.ref绑定直接focus获取不到方法解决方法如下疑问就是这样还是操作dom啊 真的有比jq好吗？？求高手答疑 小白 跪谢#90度鞠躬.jpg...
2020-08-17 17:44:51
1140
原创 修改vant组件样式
<style scoped> 添加scoped .searchIcon >>> .van-icon-search{color:#fff;} searchIcon是新起的class名字van-icon-search是vant组件标签名字 中间用>>>穿透 即可修改vant自带组件class名</style>...
2020-08-10 16:50:39
3723
原创 vue报错cannot find module node-sass
应该是因为网络问题 用cnpm installnode-sass 然后连上想要下载的版本号 换成cnpm我的好了哈哈哈哈 小白上路勿喷
2020-07-19 10:26:07
934
原创 图片置灰然后缓慢的变彩色动效
图片置灰然后缓慢的变彩色动效 #sponsors img {filter: gray; transition: all 0.3s ease;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%...
2019-01-21 15:18:19
414
原创 小程序嵌入第三方字体
打开网站（http://transfonter.org）首先选择网站上选择 base64编码 on状态， 选择格式字体文件（ttf，eot，woff，svg，woff2）然后上传字体 点击convert 点击download下载 复制css里面的 链入即可...
2018-11-20 15:31:39
2157
转载 filter()删除数组中指定内容的元素不依据下标
返回数组 ages 中所有元素都大于 18 的元素:var ages = [32, 33, 16, 40];function checkAdult(age) { return age >= 18;}function myFunction() { document.getElementById("demo").innerHTML = ages.filter(check...
2018-07-20 17:35:03
2178
2
原创 summernote WYSIWYG 富文本编辑器
WYSIWYG =What You See Is What You Get需要连接两个文件 一个是summernote.css 一个是summernote.jsWhat You See Is What You Get
2018-07-09 10:42:48
841
原创 keypress不支持中文问题解决 获取输入框新输入的内容 中文输入过程中不截断 获取光标的具体坐标
$(this).keypress(function(e) { //keypress可以获取到点击的键值 和对应的输入内容但在中文下不会触发 var c = String.fromCharCode(e.which); //获取新输入的内容 });解决方法用oninput$('.input_wrap input').on('input', function (event) {
2018-01-16 13:56:40
2268
2
转载 table表格，让thead固定，tbody有滚动条，纯css写法。
table tbody {display:block;height:195px;overflow-y:scroll;}table thead, tbody tr {display:table;width:100%;table-layout:fixed;}table thead {width: calc( 100% - 1em )}tabl
2017-12-25 17:08:56
1638
原创 Highcharts 个人笔记
tooltip : { valueSuffix:'',//数值后要加的单位 formatter : function() { return '<span style="----">'+this.point.color+''+Highcharts.numberFormat(this.point.y,2)+''; //如果不知道当前对象里面有
2017-10-26 13:33:40
315
转载 checkbox属性checked="checked"已有，但却不显示打勾的解决办法
在做权限管理的时候，做了一个功能，就是当勾选栏目，把所有的权限全勾上。刚开始使用了如下代码：function check(id,check) { if (check) { $("." + id).find("input[type='checkbox']").attr("checked", true); } else { $("." + id).find("input[type='c
2017-08-15 11:09:58
1316
2
原创 js数字转换总结
//格式化金额 function fmoney(s, n) { n = n > 0 && n s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";//更改这里n数也可确定要保留的小数位 var
2017-07-01 19:44:23
291
原创 刷新iframe
document.getElementById("iframe3").contentWindow.location.reload(true);
2017-06-20 09:03:52
535
原创 冒泡和捕获
div { background-color: coral; border: 1px solid; padding: 50px;}该实例演示了在添加事件监听时冒泡与捕获阶段的不同。 点击该段落， 我是冒泡 点击该段落， 我是捕获document.getElementById("myP").addEvent
2017-06-02 10:15:00
373
原创 python 建立静态资源服务器报错
下载并安装Python，例如这里想把命令E:\easytest作为提供下载的目录，那么在cmd里cd到该目录下，并执行命令：python.exe -m SimpleHTTPServer 如果提示错误：No module named SimpleHTTPServer则试一下命令：python.exe -m http.server
2017-05-26 16:28:01
745
原创 数组方法总结
join() 将数组中的元素合成字符串sort（）数组排序reverse() 方法用于颠倒数组中元素的顺序split() 方法用于把一个字符串分割成字符串数组shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。pop() 方法用于删除并返回数组的最后一个元素push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度c
2017-05-16 14:04:29
343
转载 js 实现 Base64 编码的相互转换
function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = funct
2017-05-12 10:24:53
4459
原创 百度面试题2017
## 前端面试题1、简述以下常见标签的语义以及默认的display值：p, li, ul, form, b，img，这几个dispaly值的区别是什么？2、写一个布局：要求：整体尺寸等于浏览器窗口的尺寸，设置最小高度和最小宽度，顶栏高度固定50px, 侧栏宽度固定200px, 内容部分占据剩余的空间，如图： { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); al
2017-05-08 09:43:42
3212
转载 jQuery删除数组中重复元素
for(var i=0;i<arr.length;i++) { var items=arr[i]; //判断元素是否存在于new_arr中，如果不存在则插入到new_arr的最后 if($.inArray(items,new_arr)==-1) { new_arr.push(items); }}
2017-04-24 13:57:30
5239
转载 socket.io node.js实时消息信息展示
首先我们需要安装socket模块安装命令: npm install socket.io编辑前台页面:index.html 统计在线人数 // 创建websocket连接 var socket = io.connect('http://localhost:3000');
2017-04-21 16:11:07
1275
原创 CSS设置table下tbody滚动条与thead对齐的方法
威易网CSS教程table tbody { display:block; height:195px; overflow-y:scroll;}table thead, tbody tr { display:table; width:100%; table-layout:fixed;}table thead {
2017-04-18 13:43:54
5935
转载 ajaxFileUpload 报这错jQuery.handleError is not a function
现在大家至少也在用jquery1.9以上的版本，ajaxfileupload的版本早就不更新了，大家可以下载看：地址这里，它例子里使用的Jquery是1.2的，好老呀。。。这个问题，我以前开发过程中遇过，网上说经测试（我是没测试），是版本1.4.2之前的版本才有handlerError方法，之后就不存在了，（你存在，我深深的脑海里。。。），为了能够继续使用ajaxfileupload上传我们的附件
2017-04-11 13:12:07
655
转载 gulp安装和简单使用
1、安装node2、安装npm以上测试安装是否成功输入（node -v或者npm -v）3,安装gulp 执行npm install gulp -g测试安装是否成功输入（gulp -v）4、新建package.json文件到项目文件根目录因为package.json是基于node.js项目必不可少的配置文件，用于存放项目根目录的普通json文件重点内容方法是进入项目文
2017-02-04 16:39:59
22837
原创 实时监测输入框值得变化
20){this.value=this.value.substr(0,20)}" onpropertychange="this.value=this.value.substr(0,20);" oninput="this.value=this.value.substr(0,20)">
2017-01-04 16:04:28
349
2
原创 js 获取按键的keyCode
document.onkeydown=function(event){ var event=event||window.event; document.getElementById("showZone").innerHTML=event.keyCode;};
2017-01-04 16:01:42
4587
原创 多行文本字数限制
弹性textarea 还能输入200个字符 /* 使用方法 目前textarea需要指定width，否则会有bug，后续再看是否有更好的解决方案 $(function(){ $("#textarea"
2016-12-20 11:59:10
1428
jqbackgroundPositionAnimate.js
2017-09-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人