自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 Utils工具类

Js 工具类

2024-04-23 11:29:44 82

转载 纯CSS 自定义radio单选按扭、checkbox复选框 默认样式

css 中radio和checkbox 样式

2022-12-09 16:54:08 698 1

原创 vue3 +Element-puls ,table 中使用$refs修改scrollTop 到顶部

const elTableRef = ref(); //表格id

2022-12-09 14:25:06 2841

原创 GIT 创建一个新仓库 || 推送现有文件夹|| 推送现有的 Git 仓库

创建一个新仓库git clone https://192.168.32.3:8443/MPP/YKDOO/F-SRC/CLIENT/HTML/XXX.gitcd mittouch README.mdgit add README.mdgit commit -m "add README"git push -u origin master推送现有文件夹cd existing_foldergit initgit remote add origin https://192.168.32.3:84

2022-08-29 15:08:59 514

原创 NUXT.JS. npm run dev 报错:Error: error:0308010C:digital envelope routines::unsupported

问题分析情况一参考:error:0308010C:digital envelope routines::unsupported - 简书error:0308010C:digital envelope routines::unsupported出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会

2022-04-25 17:33:32 2050 1

原创 easyui 表格DataGrid 合并表头

<table id="userList" class="easyui-tab" width="100%"></table> $("#userList").datagrid({ url:'/userManage/sellerManage/sellMessageList', method:'get', fitColumns:true, height: 550, nowrap: false,//当数据长度超出列宽..

2021-11-17 16:18:55 1226

原创 微信点金计划中的商家小票交互

微信的点金计划 其实 就是我们嵌入微信的一个页面,被称之为商家小票,以下是我的商家小票的代码<!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 1402 4

原创 webpack 详解

/** * HMR: hot module replacement 热模块替换./ 模块热替换 * 需在devServer 添加hot属性 * 作用:一个模块发生变化,只会重新打包这一个模块,(而不是打包所有模块) * 极大提升构建速度 * 样式文件:可以使用HMR 功能 :因为style-loader内部实现了 * js文件: 默认不能使用HMR 功能 ==》 需要修改js 代码,添加支持HMR功能的代码 * 注意:HMR 只能对js.

2021-05-11 10:35:07 119

原创 JS+CSS 实现表格头部固定

JS+CSS表格头部固定

2021-01-19 15:18:03 393

原创 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 25714 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 726 1

原创 利用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 490

原创 IE11 不显示图片问题 (图片验证码)

框架 :vue问题: 点击验证码或加载验证码无法在IE 中显示!!!!解决办法: 后端改成 jpeg 格式 这样 content-type 进行响应 jpeg 格式 就可~解决后:

2020-07-15 17:35:25 2177 2

原创 vue+webpack实现vue打包后生成配置文件用以外部修改公共路径

安装generate-asset-webpack-plugin插件

2020-04-22 11:02:53 504

原创 VS Code改变字体大小快捷键

第一个方式:修改配制酒 JSO文件Ctrl + Shitf + p,输入settings,选择打开那个JSON的系统配置文件{ "editor.fontSize": 15, "window.zoomLevel": 1.5}修改这两个值即可,第一个是编辑面板的,第二个是系统界面的。第二个:键盘快捷侧边,顶部导航栏:放大>&...

2020-04-16 10:17:02 15294

原创 CKplayer中如何动态给用户提示信息?

Ckplayer X 版本给用户动态提示信息<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ckplayer</title> <style type="text/css">body{margin:0;paddi...

2020-03-30 15:29:10 1008

原创 VUE 中CKplayer实现监听功能 (PC)

软件名称:CKplayer软件版本:X1官网下载:http://www.ckplayer.com/第一步: 下载 插件http://www.ckplayer.com/我这里的使用时直接用在pc上的 ,对于移动端的的可以绕路,但大致用法一致.第二步: 将文件放入index.html 文件中第三步:在所需要的文件中引用在某个标签文件中放入一个i...

2020-03-30 15:25:28 2143

原创 Video.js 动态渲染多个直播流视频

关于videojs 的坑首先 关于videojs 我想讲一点 ,公司是做的学校教室监控类的视频,所以在直播这一块videojs的延迟没有ckplayer播放器做得好,实测,videojs 的流推起来后,比实际时间延迟至少2-3秒,而这2到3秒的过程足以看出差距,所以我建议的是如果你要使用看直播 在videojs 和ckplayer 中的选择 最好是ck. 至于我这儿为啥 使用vide...

2020-01-13 13:20:37 3358 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 136 1

原创 使用linear-gradient 做加,减符号

第一次使用 linear-gradient 做加或者减的符号 感觉还可以在贴代码之前 我想说说css3 的关键字currentColor,它代表某些属性的初始值,比如:border-color:currentColor; 这个关键字支持IE9+及其他相应版本的现代浏览器.然后 实现如下效果:<!DOCTYPE html><html><hea...

2019-12-12 17:39:04 245

原创 vscode 为vue,及常用功能 添加代码块

编码当中总是常用的输入很繁琐 所以我设置成常用的代码块了,方便开发.第一步打开 vs>>>>文件>>>首选项>>>>用户代码块第二步:选择 js ,或者vue的代码片段, 这里 我已经有对js填写代码快了,所以不用搜索vue.josnjs.json第三步:重要的来了...

2019-12-11 15:46:07 1523

原创 关于使用JS 实现div 拖拽功能

每次只要是关于网页坐标的我就很头疼, 因为,坐标参数太多 理解不过来,今天 来详细介绍一篇简单的拖拽功能:思路:1:获取div元素2:监听鼠标按下的事件并且记录鼠标距离整个窗口的clientX,clientY值与 div距离窗口左边(offsetLeft)与顶部(offsetTop)的偏移值3:监听鼠标移动事件,并且获取鼠标移动后距离整个窗口的值clientX,clientY值,然...

2019-12-06 17:44:50 691 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 152

原创 关于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 5314

原创 关于uniapp 中使用canvas 的坑 H5不显示问题

本人本来刚入小程序的坑,公司就来一波需求说: 希望 我前期开发出小程序后 后期还要开发出一套一模一样的H5 出来 ,what?好的 于是乎 我用了 taro 但是react 我不是很熟悉,开发有点吃力,为了节约时间 后来放弃,选择跳入基于vue的 uniapp 这个坑 ,一来我就遇到很多问题:比如图片怎么也不不显示啊,组件嵌套不能canvas不能显示啊,传值出现问题啊 等等.而本文 我要记录的...

2019-11-22 14:50:54 9168 6

原创 flex 布局

今天 有做后端的小伙伴跟我讲 说看不懂阮一峰的flex 布局的文章 我跟他说 ,你先看 多看两遍,然后自己动手试试每个属性的用法,然后在项目中实际的去运用一下,虽说这样,他还是无从下手,所以 我就简单的写了一个页面给他,让他自己琢磨琢磨.以下上常用的flex的布局属性我写了,方便不会的小伙伴直接复制开始着手,如果哪儿 有理解不到位的 欢迎大佬提出来<!DOCTYPE html>...

2019-11-15 11:07:52 153

原创 Element 表格实现左右自动滚屏

前两天公司需要实现一个功能(用于大屏幕投屏):自定义表头及内容 ,并且固定左边几列实现: 从左往右滚屏 滚动到后面没有列后 开始第二页的滚屏,以此类推 拉取到最后 没有数据又从第一页开始滚实现思路:监听滚动事件, 页面一加载去后台调用数据,成功后触发事件 判断是否滚动到最后 如果滚到最后 将scrollLeft 设置为0,没有就scrollLeft++;div左边卷去的长度=d...

2019-05-18 13:25:41 6461

原创 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 13042

原创 Element Table 中 动态渲染表格数据

需求:根据后台返回数据渲染到表格:数据可能是一段html代码,要对其进行渲染处理成html到dom上 后台返回的数据结构是:如下表头跟Tbody的数据格式 是一样的比如:TableTitle:[{no:'数量',no2:规格',no3:'颜色',no4:'价格'}],则 TableData:[ {no:1,no2:'1x2',no3:'黑色',no4...

2019-05-05 12:33:29 9659

原创 HTML5中的Web Notification桌面消息推送

开篇注意事项:1.目前该特性仅支持版本比较新的火狐或者谷歌浏览器用法:消息推送-主要通过window.Notification.permission来判断"denied" --- 为用户点击了禁用(拒绝打开推送功能)"default" ----推送功能默认关闭"granted" ----推送功能为开启状态(用户点击允许后的状态)<!DOCTYPE html>...

2019-03-28 13:19:17 396

原创 babel版本兼容报错处理:Plugin/Preset files are not allowed to export objects

今天运行webpack时报了一个:Plugin/Preset files are not allowed to export objects翻译过来就是 :(插件/预设文件不允许导出对象)具体错误就是下面:百度了一番 才知道 是因为 babel 的版本冲突core的版本是6.x 要求loader的版本为7.x。目前core的最新版本是6.x,而最新的loader已经更新到了8.x,...

2019-02-28 21:05:40 12915

原创 如何使用git 将本地文件 上传至已建好的coding项目

首先 以下是我 用到的所有命令git initgit  add .  (此处有点. 意为提交所有文件)git   commit  -m 提交所有文件git config --global user.email "[email protected]"git config --global user.name "zhoulxxx" git remote add origin ...

2019-01-28 14:08:37 1023

转载 前端常用的框架总结

 前端的技术日渐更新,最近得空,花了一上午的时间,将前端常见的UI框架总结了一下,在开发的过程之中,有了这些,不断能够提高自己的工作效率,还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址:http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。从核心代码到AP...

2018-12-18 11:43:53 250

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除