![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
十年4646454sdg5sagsa
这个作者很懒,什么都没留下…
展开
-
图片旋转并保存图片
this.$message({ message: ‘图片未旋转’, offset: 100 });原创 2024-03-18 11:26:52 · 481 阅读 · 0 评论 -
全屏时框架的message alert 下拉框失效问题
在工作中将#app div设为全屏后,elementUI的message和alert和下拉框展开都不见了,解决方法是将设为全屏。原创 2024-03-18 11:23:22 · 566 阅读 · 0 评论 -
对于数据应该做好非空判断
正常情况下运行良好的代码,在接口返回的数据字段有缺失时(非正常情况),要保证程序可以正常运行需要对返回值做判断。如果直接把null传到接口可能会报错,空就不会。给接口传值时要判断val?一定要判断arr的length大于0,取数组的arr[0].text时候。原创 2023-06-09 11:25:35 · 132 阅读 · 0 评论 -
padEnd使用出错问题
将val不足number位的在后边用空格补足位数,val不能为数字类型 null undefined。否则会报错(•̀⌓•́)シ886。原创 2023-06-09 11:19:49 · 145 阅读 · 0 评论 -
node接口数据 处理富文本中的图片加域名,以在前端显示 img src 正则
item.content = item.content.replace(/<img [^>]*src=['"]/g,"<img src=\"http://localhost:8080")原创 2021-03-04 15:10:04 · 337 阅读 · 1 评论 -
解决layui的弹框出现位置不居中问题layer.ready(function () {})
layui.use(['layer'], function () { var layer = layui.layer; //询问框 layer.ready(function () { // 弹框代码 layer.confirm('<br/> xxxxxxxxx<br/>', { btn: ['确定'], title:'通知',//按钮 }, func.原创 2021-02-19 09:01:45 · 1487 阅读 · 0 评论 -
js常用的公共方法文件
//////////////////////////////////////////////////---------公共js验证方法---------------///////////////////////////////////////拆分地址function getUrlParam(val) { var url = decodeURI(window.location.href); if (url.indexOf('?') != -1) { var urlString = url.spl.原创 2021-02-06 16:32:56 · 439 阅读 · 1 评论 -
2021/2/5滑动效果插件:Better-Scroll
7.滑动效果插件:Better-Scroll/iScroll(不维护了)1.局部滚动实现:<div>ul>li*100</div>i:原生:父组件div给固定高度可以实现局部滚动height:200px;overflow-y:scroll(这个属性自带overflow:hidden;);ii:使用Better-Scroll插件:<div class='wrapper'><div class='content'>u.原创 2021-02-05 14:50:43 · 158 阅读 · 0 评论 -
Webstorm快捷输入Emmet简单语法
HTML模板生成,这个貌似 sublime Text 中用的多,不过也应该知道一下。!+Tab (Emmet语法默认最后都是+Tab ,下面我就不再多说了)意思就是打完快捷输入后按tab键例子:语法五:最后来个嵌套多的。(细品,你细品就会发现很多时候都会用到。)#page>div.logo+ul#nav>li*5>a{Item $}<div id="page"> <div class="logo"></div>...转载 2021-02-05 11:31:28 · 303 阅读 · 0 评论 -
viewer.js插件--图片预览,放大,旋转,镜像翻转,幻灯片播放等功能
var viewer = new Viewer(document.getElementById('yyzh_img'), { url: 'data-original', toolbar: { zoomIn: 4, zoomOut: 4, oneToOne: false, reset: true, prev: false, play: { show: false, size: 'large', }, next: .原创 2021-02-04 10:57:04 · 2696 阅读 · 1 评论 -
前端假分页js一个函数搞定
pageTotal数组长度 // pageSize每页显示 10 条this.pageNum第几页paginationChange分页函数,所有数据在list中,pageData是分页数组,currentPageData是页面展示数据pageData[this.pageNum-1] 分页函数和改变页数和size函数更新数据和改变size时调用分页函数,改变页数时只改变当前页面数据值// 分页查询// pageTotal数组长度// pageSize每页显示 10 条pa.原创 2020-12-19 15:12:33 · 843 阅读 · 1 评论 -
pdf预览 iframe src赋值 word预览
pdf预览 iframe src赋值word预览1,http://view.officeapps.live.com/op/view.aspx?src=‘公网地址’2.word转pdf<el-dialog title="预览文件" :visible="viewFileDialogVisible" fullscreen :before-close="handleClose" > <div> <原创 2020-12-08 15:04:25 · 1903 阅读 · 0 评论 -
jquery封装公共的header、footer等组件
在 index.html 中先引入 jquery.min.js在index.html 页面中预留公共页面的引入位置:…写一个公共js,在每个html中引入该js对于选中当前页面对应的菜单项处理方法,一定要放在公共页面加载完毕之后。<style> .footer{ width: 100%;padding: 20px 0;text-align: center;font-size: 16px;background:#FAFAFA;color: #..原创 2020-11-30 12:44:12 · 2085 阅读 · 3 评论 -
uniapp做高德地图
这是在uniapp中集成高德地图,需要城市名字确定地图城市,使用精准定位并且设为地图中心,在初始化地图的时候先不设置center,在下面得到精准定位之后onComplete的参数data中的lng,lat是精准定位,可以用来设置地图中心点,map.setCenter([data.lng,data.lat]),就完成了地图定位AMap.plugin('AMap.Geolocation', function() { var geolocation = new AMap.Geolocation(原创 2020-11-12 19:26:39 · 1596 阅读 · 0 评论 -
h5和安卓混合开发做微信支付 和jsapi做微信支付
如果在微信非内置浏览器过程是通过后台拿appid等参数请求微信后台返给前台参数,前台拿到参数appId":res.appid,//公众号名称,由商户传入“timeStamp”:res.timestamp, //时间戳,自1970年以来的秒数“nonceStr”:res.nonce_str, //随机串“package”:“prepay_id=”+res.prepay_id,“signType”:“MD5”, //微信签名方式:“paySign”:res.sig原创 2020-11-07 19:29:57 · 386 阅读 · 0 评论 -
h5与安卓交互的方法
app:指安卓页面一. Vue打开app并携带参数方法vue定义点击事件@click=“vidoe(item.id)”然后写方法://h5跳转到原生app的方法vidoe:function(id){window.FindActivity.toVideo(id);},toVideo是安卓中定义的方法名!二. app向vue(h5)中传参方法在mounted() {window.getFromAndroid = this.getFromAndroid},中定义这个方法然后,在met原创 2020-11-07 19:06:04 · 1570 阅读 · 0 评论 -
js 对象数组中的已知对象的属性得到对象下标
arr 对象数组, wyw已知属性多用于接口返回数据后根据已知属性查其他属性var arr = new Array({"name": "wxx", "age": 2}, {"name": "wyw", "age": 6});var index = arr.findIndex(function(item) { return item.name === "wyw";});console.log(index);...原创 2020-11-07 15:44:31 · 3952 阅读 · 0 评论 -
vue树形选择框 树形数据展示和选择框的结合
treeSelect.vue<template> <el-select :value="valueTitle" :clearable="clearable" @clear="clearHandle"> <el-option :value="valueTitle" :label="valueTitle" class="options"> <el-tree id="tree-option" ref="select原创 2020-11-07 10:14:49 · 979 阅读 · 0 评论 -
网页性能优化之异步加载js文件
将<script>标签放到<body>底部严格来说,这并不算是异步加载,但是这也是常见的通过改变js加载方式来提升页面性能的一种方式,所以也就放到这里来说。将<script>放到<body>底部,解决上上面说到的几个问题,一是不会造成页面解析的阻塞,就算加载时间过长用户也可以看到页面而不是一片空白,而且这时候可以在脚本中操作DOM。defer属性通过给<script>标签设置defer属性,将脚本文件设置为延迟加载,当浏览器遇到带有..转载 2020-10-19 13:10:28 · 228 阅读 · 0 评论 -
js商品价格保持小数点后有两位,不足补零:
// 保持小数点后有两位,不足补零:var x = 11;var f = parseFloat(x); // 解析一个字符串,返回一个浮点数;var f = Math.round(x*100)/100;var s = f.toString(); // 把一个逻辑值转换为字符串,并返回结果;var rs = s.indexOf('.'); // 返回某个指定的字符串值在字符串中首次出现的位置;如果字符串值没有出现,返回-1;// 没有小数点时:if (rs < 0) { rs.原创 2020-10-10 13:47:09 · 1039 阅读 · 0 评论 -
2020-08-06 点击图片放大,jquery,简洁
<div> <img height="100" width="100" src="https://img-blog.csdn.net/20180518162114673?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bnNpd2w1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" class="pic"/> <img heig.原创 2020-08-06 14:50:02 · 125 阅读 · 0 评论 -
获取验证码
<script> // 按钮点击之后,会禁用 disabled 为true // 同时按钮里面的内容会变化, 注意 button 里面的内容通过 innerHTML修改 // 里面秒数是有变化的,因此需要用到定时器 // 定义一个变量,在定时器里面,不断递减 // 如果变量为0 说明到了时间,我们需要停止...原创 2020-03-12 22:21:53 · 333 阅读 · 0 评论 -
活动倒计时简单
var hour = document.querySelector('.hour'); // 小时的黑色盒子 var minute = document.querySelector('.minute'); // 分钟的黑色盒子 var second = document.querySelector('.second'); // 秒数的黑色盒子 var...原创 2020-03-12 22:20:56 · 154 阅读 · 0 评论 -
放大镜
window.addEventListener(‘load’, function() {var preview_img = document.querySelector(’.preview_img’);var mask = document.querySelector(’.mask’);var big = document.querySelector(’.big’);// 1. 当我们鼠标...原创 2020-03-12 22:19:46 · 146 阅读 · 0 评论 -
侧边栏与改变定位状态+返回顶部
<style> .slider-bar { position: absolute; left: 50%; top: 300px; margin-left: 600px; width: 45px; height: 130p...原创 2020-03-12 22:18:09 · 505 阅读 · 0 评论 -
js 缓动动画带回调函数
function animate(obj, target, callback) { // console.log(callback); callback = function() {} 调用的时候 callback() // 先清除以前的定时器,只保留当前的一个定时器执行 clearInterval(obj.timer); obj.timer = setInt...原创 2020-03-12 22:15:38 · 600 阅读 · 0 评论 -
键盘检测事件 keydown keyup keypress区别与执行顺序
我们的keyup 和keydown事件不区分字母大小写 a 和 A 得到的都是65// 2. 我们的keypress 事件 区分字母大小写 a 97 和 A 得到的是65// 我们可以利用keycode返回的ASCII码值来判断用户按下了那个键4. 三个事件的执行顺序 keydown – keypress – keyup // 键盘事件对象中的keyCode属性可以得到相应键的AS...原创 2020-03-12 10:11:16 · 1884 阅读 · 0 评论 -
禁止分享的文字-鼠标事件-e.preventDefault();
<body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); })...原创 2020-03-11 22:22:05 · 317 阅读 · 0 评论 -
js事件兼容性解决方案
1.注册事件function addEventListener(element, eventName, fn) { // 判断当前浏览器是否支持 addEventListener 方法 if (element.addEventListener) { element.addEventListener(eventName, fn); // 第三个参数 默认是false } else if (...原创 2020-03-11 21:37:01 · 192 阅读 · 0 评论 -
使用原生js实现一个列表数据展示页面不同的项目状态使整行显示不同颜色。
一、使用原生js或者jQuery实现一个列表数据展示页面,展示字段包括序号、项目名称、建设单位、建设日期、项目状态,并且根据不同的项目状态使整行显示不同颜色。 <style> table { width: 500px; margin: 100px auto; border...原创 2020-03-11 17:54:39 · 1861 阅读 · 0 评论 -
密码验证提示
<style> div { width: 600px; margin: 100px auto; } .message { display: inline-block; font-size: 12px; ...转载 2020-03-11 10:23:29 · 1025 阅读 · 0 评论 -
js写精灵图
精灵图主要通过lis[i].style.backgroundPosition = “0 -”+ i*44 + “px”;截取需要的图标。 <title>Document</title> <style> * { margin: 0; padding: 0; } ...原创 2020-03-10 17:31:09 · 946 阅读 · 0 评论 -
仿京东的密码显示与隐藏
点击眼睛按钮,把密码框类型改为文本框,看见密码获取元素(按钮)注册单击事件使用一个全局变量flag,记录type的状态根据flag的值,改变type和src<body><style> .box{ position: relative; width: 400px; border-bottom: 1px sol...原创 2020-03-10 11:45:14 · 915 阅读 · 0 评论 -
js时间格式化
// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)// 例子:// (new Date()).Format(“yyyy-MM-dd hh:mm:ss.S”) ==> 2006-07...原创 2020-03-09 23:15:25 · 483 阅读 · 0 评论 -
js-6 模块,webpack安装和打包编译
模块1.模块管理引擎AMD CMD UMD开发一个模块管理引擎有定义模块的module中的define,定义的模块的方法可以被其他模块使用。hd的两个方法被lesson使用,hd的return是导出,lesson的生成方法的第二个参数是导入,第三个回调函数参数hd是hd的方法对象。 let module = (function () { const moduleLi...原创 2020-02-25 23:37:41 · 285 阅读 · 0 评论 -
js-5 Es6-类
1类1.类的使用:在类中定义的函数自动放到原型中,不在构造函数中,很理想class User{constructor(name){this.name = name;}show(){console.log(this.name);}get(){return “skajf”;}}let xj = new User("刘兴加");xj.show();console.log...原创 2020-02-24 21:48:21 · 426 阅读 · 0 评论 -
js-4 代理Proxy,object原型链, prototype, 继承,
1.什么是代理Proxy拦截?可以对对象,函数,数组进行拦截,将其原本的函数操作改写。Proxy在目标对象前设一个拦截层,外界对该对象的访问都必须先通过这层拦截,因此提供了一种机制可以对外界的访问进行过滤和改写。1.obj是原对象,property是实参,函数是要进行的操作 "use strict" const hd = {name:"fff", age :10}; con...原创 2020-02-20 23:39:17 · 1256 阅读 · 0 评论 -
js-3原型链属性检测,对象的几个方法,对象的深拷贝,对象属性的特征的修改,访问器
1原型连属性检测对象的父类将b 设置成a的父类原创 2020-02-17 16:59:07 · 585 阅读 · 0 评论 -
js-2闭包
1闭包1环境与作用域1.全局环境变量不会被回收2.全局变量全局可用。3.局部变量也可以被保留 ,在被外部使用,被调用的情况下。函数被return,且结果被a接收,则不被回收,发生累加。function hd() { let n = 1; return function () { console.log(++n); ...原创 2020-02-13 10:33:07 · 157 阅读 · 0 评论 -
学习js
数组中的循环1.for2.for(const value of array)3.for(const key in array)4.lis.forEach(function (item)通过4来实现点击变灰let lis = document.querySelectorAll("ul li");lis.forEach(function (item) { console.log(...原创 2020-02-10 22:24:26 · 353 阅读 · 0 评论