前端
关注
分享
扫一扫
工作中常见前端问题汇总
励志重写JDK
public class yanbin{
public success method(){
for(int i=0;i<yb.length;i++){
if(info< somebody){
for(){
go to study;
}
}
}
}
}
展开
-
关于google实现打开默认全屏问题
1.复制快捷方式一份，CTRL+C CTRL+V粘贴2、右键复制出来的捷方式，属性，目标，在原来内容后面空格--kiosk空格 http://www.baidu.com（要访问的项目路径）3、保存应用（操作前把360都关闭防止误删）最后双击打开复制后的快捷方式，默认是全屏打开，退出只能ALT+F4并且原有google快捷方式不受到影响...原创 2021-03-01 16:13:57 · 414 阅读 · 0 评论 -
Java项目：Java 使用blob对H5视频播放进行加密
1.创建一个H5 <video>标签<video id="sound" type="video/mp4" controls="controls" autoplay="autoplay" webkit-playsinline="true" playsinline="true" heigth="100%"></video>2.创建请求获取视频源，并将视频源转为blob对象 //创建XMLHttpRequest对象 var转载 2021-04-01 17:56:41 · 716 阅读 · 1 评论 -
前端：npm run build 成功后卡住解决方式
vue.config.js 里注释掉z原创 2021-06-03 15:22:40 · 1160 阅读 · 0 评论 -
js创建iframe实现下载
页面加载时，如果需要下载：if (true)执行下面的代码：var downloadFileUrl = "http://127.0.0.1:8888/regedit.bat"var elemIF = document.createElement("iframe");elemIF.src = downloadFileUrl;elemIF.style.display = "none";document.body.appendChild(elemIF);就会下载 从127.0.0.1:8888 .原创 2020-05-12 16:18:23 · 2215 阅读 · 0 评论 -
jquery前端相关记录
1.获取相同name属性的input的值并做遍历$("[name='nums']").each(function(){ alert($(this).val()); // 得到的是div对象 });jQuery中each类似于javascript的for循环但不同于for循环的是在each里面不能使用break结束循环，也不能使用continue来结束本次循环，想要实现...原创 2019-04-25 11:41:34 · 155 阅读 · 0 评论 -
图片存base64后展示问题
如图片存成clob blob text等格式，为base64格式时，最好存之前拼接前缀 data:image/png;base64,直接取值在image即可展示<image src="{{imgurl}}"></image>或者展示时在image src 拼接 <image src="data:image/png;base64,{{imgurl}...原创 2019-01-05 10:54:50 · 1207 阅读 · 0 评论 -
vue项目中点击button下载文件到浏览器
代码实现 在src 下面的 directive 文件夹下新建目录down-load-url down-load-url / index.js文件 /*index.js文件 * 后端返回文件的url,前端创建a标签来下载 * * 1. 解决了若文件为图片或浏览器支持的格式类型,点击下载会直接打开文件的问题, * 2. 下载文件时,浏览器会有闪动的问题 * * 页面内使用 * 1. 引入指令 import downLoad from '@/direc..原创 2021-04-15 16:47:19 · 2987 阅读 · 0 评论 -
vue调用百度api出现跨域问题
module.exports = {dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: './',proxyTable: {'/baiduApi': {target: 'https://aip.baidubce.com', //访问地址changeOrigin: true,secure: false, //只有代理https 地址需要次选项pathRewrite: {'^/baiduA...原创 2020-12-23 11:55:50 · 1151 阅读 · 0 评论 -
google安装vue插件
1.gitclone-bv5.1.1https://github.com/vuejs/vue-devtools.git2.npmi或cnpminstall3.npmrunbuild4.修改shells、chrome目录下的mainifest.json 中的persistant为true：5.打开谷歌 更多工具-拓展工具 ，开启开发者模式，找到选择......\vue-devtools\shells\chrome然后打开vue开发的项目，显示绿色的V...原创 2020-10-14 16:51:03 · 1245 阅读 · 0 评论 -
如何运行VUE前后端分离
何运行vue项目在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。首先，列出来我们需要的东西：node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令...转载 2020-06-26 11:31:59 · 4229 阅读 · 1 评论 -
VUE的watch实现实时搜索
首先在 搜索框input v-Model绑定 data里的参数 如 search<input v-model="jdserch" placeholder="搜索景点" type="search" id="attrName" name="attrName"/>然后 watch创建search方法监听...原创 2019-07-06 10:41:27 · 1709 阅读 · 0 评论 -
vue中使用ueditor回显问题
上传图片，回显时，出现<p><div>这些东西，没有被转义使用v-html进行转义<div class="fonts" v-html="rows.content">{{rows.content}}</div>内容就显示正常了...原创 2019-05-17 09:32:09 · 2522 阅读 · 3 评论 -
vue在循环时如何动态改变class
以前遇到过 动态显示图片 用 img :src=method(param) method :return 。。。包括 video audio 都是一样的。今天处理的是，vue动态绑定class ，简单说 隔行换class样式1.for循环：v-for="(item,arr) in jdList" item是变量 ，arr 是 下标 顺序别搞错2...原创 2019-04-22 17:27:13 · 3219 阅读 · 1 评论 -
使用vue时要注意的问题
在用vue时，很多样式。js都被vue重新封装过。比如 ajax _this.$http.post("upOrDown.json", param, {emulateJSON: true}).then(function (res) { layer.alert(type=='y'?'已上架':'已下架'); _this.initialize();}).catch(f...原创 2019-01-24 16:45:17 · 283 阅读 · 0 评论 -
Vue分页 ，第一次加载时totalCount总页数无效
很多次遇到这个问题 ，使用vue+layui分页 ，异步加载数据 ，所有都正常，就是分页条总数显示不正常，原因是TotalCount第一次为null 后来发现，在调用初始化市局方法，调用分页方法的时候，分页方法是不等数据加载完就已经开始执行了，等数据加载完，比分页加载速度慢了30毫秒。这就是为什么分页数据出不来的原因 解决方法：detailTab:function(id,index)...原创 2018-12-22 16:01:43 · 2781 阅读 · 0 评论 -
layui select 用法
<select name="dw.id" selWidth="172" url="../dw/getList.json" selectedValue="${bean.dw.id}" colNum="4" colWidth="200"></select> url:异步加载数据 selectedValue原创 2018-11-14 08:56:22 · 1496 阅读 · 0 评论 -
打印代码
<!DOCTYPE html><html class="x-admin-sm"><head> <meta charset="UTF-8"> <title>子女医药费金额核定单-预览</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,.原创 2020-08-29 14:46:13 · 468 阅读 · 0 评论 -
保护版权，复制时自动拼接网址
<div>测试内容</div>document.body.oncopy = function (){ setTimeout( function () { var text = clipboardData.getData("text"); if (text) { text = text + "\r\n来源:本人博客(http:.原创 2020-06-02 11:19:16 · 111 阅读 · 0 评论 -
正则表达式验证数字
"^\\d+$" //非负整数（正整数 + 0）"^[0-9]*[1-9][0-9]*$" //正整数"^((-\\d+)|(0+))$" //非正整数（负整数 + 0）"^-[0-9]*[1-9][0-9]*$" //负整数"^-?\\d+$" //整数"^\\d+(\\.\\d+)?$" //非负浮点数（正浮点数 + 0）"^(([0-9]+\\.[0-...原创 2019-07-29 10:32:03 · 239 阅读 · 0 评论 -
js处理去掉富文本编辑的html，样式，只显示纯文字内容，以供列表页使用
<script type="text/javascript"> var description = '<p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;ms...原创 2019-06-18 14:22:59 · 3047 阅读 · 0 评论 -
关于后台传值前台接收问题
一般情况，后台我们将值放入 request /modelandview/model中，然后在页面body中${字段名}就可以取出，但是如果在js里面获取的话，${}会被解析分解成js的语法，而无法实现我们的传值，解决方式var temp='${key}',在外面套一层引号即可...原创 2018-08-06 12:35:56 · 3654 阅读 · 1 评论 -
window.print()打印
一般直接使用window.print();是直接打印了整个页面，但只打印其中的一部分时就需要一些方法了1、在页面的代码头部处加入JavaScript：<script language=javascript>function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startpri...转载 2018-07-23 09:01:14 · 2261 阅读 · 0 评论 -
大数据动态效果转载
https://blog.youkuaiyun.com/qq_36710522/article/details/106210651转载 2020-12-11 13:18:25 · 375 阅读 · 0 评论 -
APICLOUD支付接口文档
https://docs.apicloud.com/Client-API/Open-SDK/wxPayPlus原创 2020-03-20 14:02:38 · 229 阅读 · 0 评论 -
APICLOUD--打包体验
============打包测试 andriod================首先注册apicloud账号，记住注册的邮箱和注册密码在APICLOUD找一个APP源码 ，如天猫登陆APICLOUD WEB网页，用SVN工具 CHECKOUT ，用户名是注册邮箱，密码点击获取check完毕，接着，将你的APP源码赋值进来，提交这是打测试包，正式版稍微有点...原创 2019-10-21 10:57:49 · 1017 阅读 · 0 评论 -
APPCLOUD STUDIO结合 手机APPLOADER进行模拟开发
APPCLOUD STUDIO结合 手机APPLOADER进行模拟开发 不需要打包 只需要 同步一下 2传值问题前端api.ajax 如参数 id:1 ,前端 data{values{id:1}}后端正常 int id接收如参数 需要前端要加头传值 时 要用后端参数加注解 @RequestBody int []ids api...原创 2019-09-23 15:47:08 · 294 阅读 · 0 评论 -
前端：安装 Vue Cli2.x 版本
https://blog.youkuaiyun.com/weixin_43878590/article/details/107803397转载 2021-03-17 14:01:41 · 123 阅读 · 0 评论 -
uniapp上传图片
单张上传前端： methods: { takePhoto() { const self = this // 从相册选择6张图 uni.chooseImage({ count: 6, sizeType: ['original', 'compressed'], ...原创 2021-02-24 14:39:08 · 566 阅读 · 1 评论 -
获取audio音频播放的时长
<audio autoplay="autoplay" id="tts_audio_id" src=""></audio>var ttsAudio = document.getElementById('tts_audio_id');//获取audio对象ttsAudio.addEventListener("canplay", function(){//设置监听，点击时获取时长 var sc=parseInt(ttsAudio.duration); conso.原创 2020-06-20 17:42:24 · 4481 阅读 · 0 评论