前端
我不爱编程
你有多好看 我就有多懒 但我依旧爱生活 爱工作 爱捣腾
展开
-
JS+CSS 实现表格头部固定
JS+CSS表格头部固定原创 2021-01-19 15:18:03 · 404 阅读 · 0 评论 -
VUE使用 sm-crypto 加解密以及签名验签遇到的坑 (后端java)
1.首先 一步一步来 安装国密npminstall--savesm-crypto2.具体方法都有NPM 上都有国密即国家密码局认定的国产密码算法。主要有SM1,SM2,SM3,SM4。密钥长度和分组长度均为128位。1:SM1 为对称加密。其加密强度与AES相当。该算法不公开,调用该算法时,需要通过加密芯片的接口进行调用。2:SM2为非对称加密,基于ECC。该算法已公开。由于该算法基于ECC,故其签名速度与秘钥生成速度都快于RSA。ECC 256位(SM2采用的就是ECC...原创 2020-12-23 17:14:31 · 27015 阅读 · 10 评论 -
RSA+3DES 加密
importJSEncryptfrom'jsencrypt'varCryptoJS=require("cryptoJs");//setPublicKey设置公钥//setPrivateKey设置私钥//公钥加密,私钥解密//私钥负责签名,公钥负责验证//1024位base64加密设置签名是需要用SHA1//2048位base64加密签名需要用SHA256//H5支付网关-服务端-rsa公钥varpublicGatewayKeyRS...原创 2020-12-18 16:07:29 · 749 阅读 · 1 评论 -
微信点金计划中的商家小票交互
微信的点金计划 其实 就是我们嵌入微信的一个页面,被称之为商家小票,以下是我的商家小票的代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device.原创 2021-11-17 16:15:27 · 1476 阅读 · 4 评论 -
利用css3中的 transform-origin 属性设计div 从不同角度显示隐藏的方向
用法:transform-origin: x-axis y-axis z-axis;transform-origin属性值可以是百分比、em、px等具体的值,也可以是top、right、bottom、left和center这样的关键词。只对值x-axis,y-axis 简单说明,如下:x-axis:用来设置transform-origin水平方向X轴的偏移量,可以使用和值,同时也可以是正值(从中心点沿水平方向X轴向右偏移量),也可以是负值(从中心点沿水平方向X轴向左偏移量)。 y-axis :原创 2020-08-10 15:05:21 · 519 阅读 · 0 评论 -
IE11 不显示图片问题 (图片验证码)
框架 :vue问题: 点击验证码或加载验证码无法在IE 中显示!!!!解决办法: 后端改成 jpeg 格式 这样 content-type 进行响应 jpeg 格式 就可~解决后:原创 2020-07-15 17:35:25 · 2223 阅读 · 2 评论 -
VUE 中CKplayer实现监听功能 (PC)
软件名称:CKplayer软件版本:X1官网下载:http://www.ckplayer.com/第一步: 下载 插件http://www.ckplayer.com/我这里的使用时直接用在pc上的 ,对于移动端的的可以绕路,但大致用法一致.第二步: 将文件放入index.html 文件中第三步:在所需要的文件中引用在某个标签文件中放入一个i...原创 2020-03-30 15:25:28 · 2168 阅读 · 0 评论 -
Video.js 动态渲染多个直播流视频
关于videojs 的坑首先 关于videojs 我想讲一点 ,公司是做的学校教室监控类的视频,所以在直播这一块videojs的延迟没有ckplayer播放器做得好,实测,videojs 的流推起来后,比实际时间延迟至少2-3秒,而这2到3秒的过程足以看出差距,所以我建议的是如果你要使用看直播 在videojs 和ckplayer 中的选择 最好是ck. 至于我这儿为啥 使用vide...原创 2020-01-13 13:20:37 · 3425 阅读 · 3 评论 -
JS 基础总结
记录一些js 的基础,后续会陆续补充说明:JS 中的数据类型:基本数据类型: Undefined Null Boolean Number String 新增:Symbol引入数据类型:Object function(函数)JS内置对象Object是JavaScript中所有对象的父对象数据封装对象:Object、Array、Boolean、Number和Stri...原创 2019-12-13 14:54:08 · 140 阅读 · 1 评论 -
使用linear-gradient 做加,减符号
第一次使用 linear-gradient 做加或者减的符号 感觉还可以在贴代码之前 我想说说css3 的关键字currentColor,它代表某些属性的初始值,比如:border-color:currentColor; 这个关键字支持IE9+及其他相应版本的现代浏览器.然后 实现如下效果:<!DOCTYPE html><html><hea...原创 2019-12-12 17:39:04 · 251 阅读 · 0 评论 -
vscode 为vue,及常用功能 添加代码块
编码当中总是常用的输入很繁琐 所以我设置成常用的代码块了,方便开发.第一步打开 vs>>>>文件>>>首选项>>>>用户代码块第二步:选择 js ,或者vue的代码片段, 这里 我已经有对js填写代码快了,所以不用搜索vue.josnjs.json第三步:重要的来了...原创 2019-12-11 15:46:07 · 1555 阅读 · 0 评论 -
关于使用JS 实现div 拖拽功能
每次只要是关于网页坐标的我就很头疼, 因为,坐标参数太多 理解不过来,今天 来详细介绍一篇简单的拖拽功能:思路:1:获取div元素2:监听鼠标按下的事件并且记录鼠标距离整个窗口的clientX,clientY值与 div距离窗口左边(offsetLeft)与顶部(offsetTop)的偏移值3:监听鼠标移动事件,并且获取鼠标移动后距离整个窗口的值clientX,clientY值,然...原创 2019-12-06 17:44:50 · 702 阅读 · 1 评论 -
前端跨域的几种方法
第一种 JSONP:<!--JSONP 封装--> //封装Jsonp //缺点:只能使用get 方式 请求 //容易遭xss攻击 function jsonp({url,params,cb}) { return new Promise((resolve, reject) => { let script = document.createElement('...原创 2019-12-04 17:39:18 · 163 阅读 · 0 评论 -
关于uniapp 和vue 生命周期的执行顺序
App.vue 页面周期onShow: function() {//当uni-app启动,或从后台进入前台显示 console.log('App Show')},onLaunch:function(){//当uni-app初始化完成时触发(全局只触发一次) console.log('App onLaunch')}页面中的生命...原创 2019-12-04 09:23:42 · 5377 阅读 · 0 评论 -
关于uniapp 中使用canvas 的坑 H5不显示问题
本人本来刚入小程序的坑,公司就来一波需求说: 希望 我前期开发出小程序后 后期还要开发出一套一模一样的H5 出来 ,what?好的 于是乎 我用了 taro 但是react 我不是很熟悉,开发有点吃力,为了节约时间 后来放弃,选择跳入基于vue的 uniapp 这个坑 ,一来我就遇到很多问题:比如图片怎么也不不显示啊,组件嵌套不能canvas不能显示啊,传值出现问题啊 等等.而本文 我要记录的...原创 2019-11-22 14:50:54 · 9387 阅读 · 6 评论 -
flex 布局
今天 有做后端的小伙伴跟我讲 说看不懂阮一峰的flex 布局的文章 我跟他说 ,你先看 多看两遍,然后自己动手试试每个属性的用法,然后在项目中实际的去运用一下,虽说这样,他还是无从下手,所以 我就简单的写了一个页面给他,让他自己琢磨琢磨.以下上常用的flex的布局属性我写了,方便不会的小伙伴直接复制开始着手,如果哪儿 有理解不到位的 欢迎大佬提出来<!DOCTYPE html>...原创 2019-11-15 11:07:52 · 167 阅读 · 0 评论 -
HTML5中的Web Notification桌面消息推送
开篇注意事项:1.目前该特性仅支持版本比较新的火狐或者谷歌浏览器用法:消息推送-主要通过window.Notification.permission来判断"denied" --- 为用户点击了禁用(拒绝打开推送功能)"default" ----推送功能默认关闭"granted" ----推送功能为开启状态(用户点击允许后的状态)<!DOCTYPE html>...原创 2019-03-28 13:19:17 · 415 阅读 · 0 评论 -
Element Table 中 动态渲染表格数据
需求:根据后台返回数据渲染到表格:数据可能是一段html代码,要对其进行渲染处理成html到dom上 后台返回的数据结构是:如下表头跟Tbody的数据格式 是一样的比如:TableTitle:[{no:'数量',no2:规格',no3:'颜色',no4:'价格'}],则 TableData:[ {no:1,no2:'1x2',no3:'黑色',no4...原创 2019-05-05 12:33:29 · 9699 阅读 · 0 评论 -
VUE 中render 函数 渲染html代码的三种方式
话不多说上代码:<div id="app"> <test></test> <test2></test2> <test3></test3></div> Vue.component('test', { render: function (createElement) {...原创 2019-05-05 13:04:38 · 13104 阅读 · 0 评论 -
Element 表格实现左右自动滚屏
前两天公司需要实现一个功能(用于大屏幕投屏):自定义表头及内容 ,并且固定左边几列实现: 从左往右滚屏 滚动到后面没有列后 开始第二页的滚屏,以此类推 拉取到最后 没有数据又从第一页开始滚实现思路:监听滚动事件, 页面一加载去后台调用数据,成功后触发事件 判断是否滚动到最后 如果滚到最后 将scrollLeft 设置为0,没有就scrollLeft++;div左边卷去的长度=d...原创 2019-05-18 13:25:41 · 6528 阅读 · 0 评论 -
前端常用的框架总结
前端的技术日渐更新,最近得空,花了一上午的时间,将前端常见的UI框架总结了一下,在开发的过程之中,有了这些,不断能够提高自己的工作效率,还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址:http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。从核心代码到AP...转载 2018-12-18 11:43:53 · 266 阅读 · 0 评论