- 博客(59)
- 收藏
- 关注
RSS订阅原创 绩效工资将有变化四川出台事业单位分配新政
来源：四川日报四川日报全媒体记者 刘春华为激发事业单位科技人员创新创造热情，鼓励事业单位更好服务全省创新驱动发展，四川省人社厅和四川省财政厅近日联合印发《关于进一步发挥绩效工资正向激励作用鼓励事业单位服务创新驱动发展的通知》，从健全绩效工资动态调整机制、完善内部分配激励、实施绩效工资单列薪酬制度、落实职务科技成果转化现金奖励、完善高层次人才绩效工资政策、优化财政科研经费管理、规范工作人员创新创业薪酬分配、拓宽绩效工资经费渠道、加强组织实施等方面提出了系列创新政策举措。绩效工资分配向关键创新岗位倾斜针对广大事
2022-04-19 14:08:25
212
原创 微信支付出现地址没权限问题解决方式
关于微信支付下单时出现url没权限报错解决方式微信支付得在商家公众号平台配置地址白名单，只有在白名单的地址才可以调用下单API。如果白名单已经配置好了，H5浏览器支付没问题但微信浏览器支付出现了问题，那就好办了：解决方法：跳转支付页面的方式使用window.location.href等window自带的方式跳转，不用路由跳转原因：微信浏览器url记录的是你第一次进浏览器的url，它监听不到router的跳转，十分傻逼。咱封装的方法...
2021-09-18 16:41:41
614
原创 关于移动端h5页面不能滑动问题的解决办法
页面不能滑动无非就是css和js两个方面的问题有的人说如果我写很多个p标签不写任何样式看能不能滑动，如果能滑动说明是样式的原因，要是也不能滑动那就应该是js的原因，是有一定的道理的，但是先别忘了看一下你的html或body是不是加了height：100%；overflow：hidden；1.下面分先说css的问题，主要排查overflow：hidden； // 阻止弹框滚动穿透 e.preventDefault(); e.stopPropagation()不起作用; useEffect(() =
2021-09-15 09:27:25
8341
原创 七牛云上传地区控制
1.引入 ‘qiniu-js’;import * as qiniu from 'qiniu-js';2.配置qiuui对象 // 七牛云文件上传 qiniuUploadFile = (uploadItem: any) => { let { uploadToken, dispatch, uploadRegion } = this.props; console.log(uploadRegion, 666); // 七牛云上传配置信息 var config =
2021-09-08 16:45:13
516
原创 js 解密插件 CryptoJS
安装：npm i crypto-js -sreact按需引入：创建解密函数： secret = (string: string, code: string, operation: boolean) => { code = CryptoJS.MD5(code).toString(); const iv = CryptoJS.enc.Utf8.parse(code.substring(0, 16)); const key = CryptoJS.enc.Utf8.parse
2021-08-11 17:30:06
358
原创 小程序返回页面不刷新
我使用的是Taro+react。使用useDidHide+useDidShow 解决。对应小程序页面生命周期的onShow和onHide。网上的通过页面栈的方式调用上个页面刷新函数也可以。
2021-08-09 15:56:10
578
原创 react-canvas-poster实现文字居中
react-canvas-poster实现文字居中需要设置 textAlign:‘center’, left 设置为盒子的一半。类似filltext的第二个参数。
2021-07-22 09:10:31
447
原创 vue使用静态资源
1.导入：import yzgnImg1 from ‘@/assets/imges/home/yzgn-img1.png’2.定义：在 data 中定义：yzgnImg13.使用：<img:src=“aurl”alt=""@click=“loginto”>aurl: img
2021-02-25 18:28:00
329
原创 position ： fixed z-index 失效
如图： 登录组件fixed 显示在上层bug：父组件设置了fixed 而登录组件（子组件）z-index无论设置多大都没效果解决：父组件设置z-indexso，请注意下面两点：z-index只有在设置了position为relative,absolute,fixed时才会有效。z-index的“从父原则”。当你发现把z-index设的多大都没用时，看看其父元素是否设置了有效的z-index，当然别忘了先看看自身是否设置了position。...
2021-02-24 10:20:52
1105
原创 评论按日期排序
async getComment() { const res = await this.$http.getComment(this.id, { limit: 100 }) res.data.message.sort((a, b) => { return Date.parse(b.add_time) - Date.parse(a.add_time) }) this.comment = res.data.message cons.
2021-02-03 19:52:12
384
原创 js 一万种方法数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&
2020-12-15 16:32:10
133
原创 前端面试题:数组去重reduce方法(加分项)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-12-15 10:14:28
393
原创 for in遇到的bug
项目场景：由于ie不兼容getElmentsByClassName获取元素，所以我自己封装该方法：ie支持ID与TagName获取元素问题描述：提示：这里描述项目中遇到的问题：for in 遍历数组时split（）报错 // 原因:className获取元素不兼容ie // 兼容所有浏览器的方法只有id 与tagName function getclassName(cls) { let arr = []//用于存储类名的数组
2020-12-04 16:45:52
474
原创 数组API自己重写
1.pop() // 1.pop() 删除末尾的数 Array.prototype.mypop = function () { let num = this[this.length - 1] this.length--;//数组最后一个数删除(重要) return num }2.push() //2.push() 从末尾添加数 Array.prototype.mypush
2020-12-02 19:46:44
130
原创 min-width与max-width搭配使用写PC端
html,body{ width: 100%; max-width: 1920px; min-width: 1423px; margin: 0 auto;}
2020-11-28 17:53:52
570
原创 js的for in 循环与 for of循环的区别
文章目录**for...in 循环**for...of 循环for … of循环是ES6引入的新的语法，用for … of循环遍历集合总结for…in 循环for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。for…in 语句用于对数组或者对象的属性进行循环操作。for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。for…in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。for (variable .
2020-11-28 10:43:28
676
1
转载 设置float后vertical-align失效
相关博文：关于Vertical-Align你需要知道的事情https://segmentfault.com/a/1190000002668492
2020-11-23 15:45:51
644
原创 什么是BFC，以及BFC的作用
什么是BFC1.BFC（块级格式化上下文）它是一种独立的渲染区域，只有Block-level-box参与，它规定了内部的Block-level-box如何布局，并且与这个区域外部毫不相干。BFC布局规则：内部的Box会在垂直方向，一个接一个的放置 Box的垂直方向的距离由margin决定，属于同一个BFC的两个相邻的Box会重叠BFC的区域不会与float box重叠（定位情况除外） 计算BFC的高度时，浮动元素也参与计算BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到
2020-11-13 08:48:26
346
原创 label与checkbox搭配建立菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>菜单框</title> <style> *{ padding:
2020-11-05 01:14:17
333
原创 js数组去重，以后慢慢补充
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-03 00:44:56
153
转载 nth-child（）选取中间的孩子
前言渲染列表时，需要设置前3个元素的margin-top值与其他的不同。使用:nth-child(-n+3){ margin-top: 12px; }扩展选择前几个元素/*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){} 从第几个开始选择/*【正方向范围】选择从第6个开始的 */:nth-child(n+6){} 两者结合使用，可以限制选择某一个范围/*【限制范围】选择第6个到第9个，取两者的交集【感谢小伙伴的纠正~】 */:nth-
2020-10-28 13:58:17
932
原创 什么是闭包？闭包的优缺点？
1、什么是闭包？闭包是指有权访问另外一个函数作用域中的变量的函数。可以理解为(能够读取另一个函数作用域的变量的函数)1 function outer() {2 var a = '变量1'3 var inner = function () {4 console.info(a)5 }return inner // inner 就是一个闭包函数，因为他能够访问到outer函数的作用域很多人会搞不懂匿名函数与闭包的关系，实际上，闭包是站在作用域的角度上来定义的。因为inner访问到outer作用域
2020-10-24 00:59:31
107
转载 距离属性总结
clientWidth：表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。（clientWidth = width + padding）offsetWidth：表示元素的内部宽度，以像素计。该属性包括内边距、垂直滚动条（如果有）、边框，但不包括外边距。（offsetWidth = width + padding + border + scroll）clientLeft：左边框的宽度offsetLeft：就是该元素的border到其定位父级的距离..
2020-10-22 19:53:51
361
原创 回文的判断
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-13 23:32:56
460
原创 js阶乘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-13 22:38:12
88
原创 js翻转字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-13 22:31:34
181
原创 轮播图scroll属性运用
1.先获取大盒子的可见属性client；2.通过scrollleft或top实现移动；3.当clientwidth=scrollwidth-scrollleft到达临界点（受边框等属性影响适当加减1）同理实现上下轮播：<!-- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
2020-10-09 21:44:10
385
原创 button 与input【button】的区别
<button>和<input type=“button”> 的具体区别1、关闭标签设置。<input>禁用关闭标签</input>。闭合的写法：<input type=“submit” value=“OK” />。 <button>的起始标签和关闭标签都是必须的，如 <button>OK</button>。2、 <button> 的值并不是写在value属性里，而是在起始、关闭标签
2020-10-05 15:40:38
1165
原创 js数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-09-27 15:38:14
66
原创 前端oppo网页布局练习
html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>oppo商城</title> <link rel="stylesheet" href="in
2020-09-15 20:02:29
1383
原创 js实现魔方
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>魔方</title> <style> *{ paddi
2020-09-10 20:59:23
596
1
原创 js通过按钮控制图片旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>每点击一下，旋转90°</title> <style> #box{ width: 150px; height: 120px; background: red; transition: all 3s ease; } </style>&l
2020-09-06 22:17:52
1713
原创 js控制div旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>每点击一下，旋转90°</title> <style> #box{ width: 150px; height: 120px; background: red; transition: all 3s ease; } </style>&l
2020-09-06 21:49:41
4387
原创 js实现猜字游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var num=Math.floo
2020-09-04 22:09:17
778
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人