![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
编码
小蒜瓣
这个作者很懒,什么都没留下…
展开
-
网络知识及cidr获取可用网段
代码】网络知识及cidr获取可用网段。原创 2022-08-11 10:00:15 · 919 阅读 · 0 评论 -
vue中websocket应用
data() { return { ws: null, wsInterval: null }},methods: { initWS() { if ('WebSocket' in window) { try { this.ws = new WebSocket( 'ws://' + .原创 2021-09-13 16:13:07 · 185 阅读 · 0 评论 -
vue 中 div resize 监听ResizeSensor使用
1.安装resize-observer-polyfillnpm install resize-observer-polyfill2.引用+监听使用,我再在mounted中了 var ResizeSensor = require("css-element-queries/src/ResizeSensor") // 引用 var element = this.$refs.main // dom注意ref=“main”不要写在组件上,容易无效 // 监原创 2021-09-09 11:21:36 · 2061 阅读 · 0 评论 -
vue中echarts书写拓扑图
最近在做拓扑图找了下前端常用的组件:jTopo(感觉有点老)、Vis.js(文档是英文的,不太容易读)、D3(功能强大需要自己实现)、ECharts(同样需要自己实现)由于图形上的交互并没有需要特别多所以用了echart - graph,文档地址:https://echarts.apache.org/zh/option.html#series-graph这是展示样子dom节点<div :style="{ height: cellHeight, width: '100%' }.原创 2021-01-26 10:41:56 · 8779 阅读 · 3 评论 -
vue 使用 js-file-download
1、安装js-file-downloadnpm install js-file-download2、引入import fileDownload from 'js-file-download';import Axios from 'axios'import store from '@/store' // 获取token3、使用download() { var requestUrl = "tcmp/api/devices/model"; var Authoriza.原创 2020-08-25 19:55:43 · 11733 阅读 · 1 评论 -
vue使用Monaco editor
1、项目中使用monaco-editor首先要安装npm install monaco-editor -S2、在组件中引用并使用:初始化、更改内容、销毁<template> <div ref="container" style="height: 360px;width: 100%;"></div></template><script>import * as monaco from 'monaco-editor'ex原创 2020-07-08 17:04:17 · 10046 阅读 · 10 评论 -
vue中的数据格式化filters、formatter
一、filters过滤器函数可以使用在两个地方:1.双大括号表达式 {{ 文本字符串 | 过滤函数 }}2.v-bind:str= "文本字符串 | 过滤函数"以下实例为四舍五入,以及过滤器串联后11.11<template> <div style="text-align:right;margin-bottom:10px"> ...原创 2020-04-10 16:18:44 · 5744 阅读 · 0 评论 -
使用videojs播放rtmp直播流
需要引入 video-js.min.css 、video.min.js、videojs-contrib-hls.min.js 自行搜索下载或去我的资源下载<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="...原创 2020-03-06 08:47:29 · 4941 阅读 · 1 评论 -
获取当前时间,获取当前十四天前的时间,并进行时间格式化 xxxx-xx-xx xx:xx:xx
1.获取当前时间年月日时分秒格式xxxx-xx-xx xx:xx:xxvar myDate = new Date(); // 当前时间var y = myDate.getFullYear(); // 当前年份四位数var m = (myDate.getMonth()+1)<10 ? '0'+(myDate.getMonth()+1) : (myDate.getMonth()+1); ...原创 2020-02-20 11:20:27 · 1164 阅读 · 0 评论 -
echarts vue使用
<template> <el-row :gutter="20" style="margin-top: 15px;"> <el-col :span="12"> <div id="chart" class="grid-content bg-white" style="height: 300px;"> ...原创 2019-10-28 16:38:50 · 130 阅读 · 0 评论 -
常用的正则表达式结合validate验证的写法
jquery validate验证有时候需要自定义一些常用的验证,总结一下平时遇见的。将自定义方法写在jquery.validate.js中1.用户名验证// 用户名验证jQuery.validator.addMethod("imUserName", function(value, element) { return this.optional(element) || /^(原创 2018-01-25 11:41:42 · 3572 阅读 · 0 评论 -
自定义 input checkbox/radio的样式
1.radio style.choose { position: relative; } .choose .radio { position: relative; display: inline-block; font-weight: 400; padding-left: 25px;转载 2018-02-02 17:10:00 · 911 阅读 · 0 评论 -
把字符串中的内容替换
在日常的js开发中,常常会用到JQuery,当要把字符串中的内容替换时,如果使用类似C#的string.replace方法,如下var str='aabbccaa';str=str.replace('aa','dd');结果是 str='ddbbccaa'后面的aa没有被替换,原因是这个写法替换的只有第一次出现的aa,后面的就无效了。 但是,可以使用正则表达式进行替换,模式需要指定为g,表示检索转载 2018-01-19 16:30:53 · 2379 阅读 · 0 评论 -
ueditor的使用
1.ueditor结合validate验证 $(function(){ //先删除掉以前的ueditor,否则第二次打开的时候会渲染失败 UE.getEditor('inputTextarea'); //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用 UE.getEditor('editor')原创 2018-01-29 14:57:43 · 484 阅读 · 0 评论 -
CSS实现垂直居中的5种方法
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-...转载 2018-02-23 15:29:42 · 171 阅读 · 0 评论 -
联动的购物车代码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> &原创 2018-04-11 14:24:47 · 520 阅读 · 0 评论 -
javascript 读取滚动条位置,文档总高度,页面高度,滚动条距离底端位置
javascript 读取滚动条位置,文档总高度,页面高度,滚动条距离底端位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>监控滚动条位置</title> <style&转载 2018-04-18 11:30:14 · 3418 阅读 · 0 评论 -
bootstrap-table 学习心得
一、bootstrap-table使用基础-----必要的引入<!--样式文件--><link href="assets/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet"><link href="assets/bootstrap-table-develop/src/bootstrap-table.cs...原创 2018-05-07 17:30:12 · 323 阅读 · 0 评论 -
vue页面递归调用+element ui完成左侧导航
element ui实现左侧导航的递归渲染首先写一个递归的组件,递归的方法是在组件里自己调用自己<template> <div> <div v-for="(item,index) in menudata" :key='index'> <el-submenu :index="index+''" v-i...原创 2019-09-06 14:44:21 · 2565 阅读 · 2 评论 -
手机触摸滚动导航
手机触摸滑动导航转载 2017-04-05 13:33:14 · 498 阅读 · 0 评论 -
qt中qcss的总结
1.QSpinBox效果:代码:QSpinBox { padding-right: 15px; /* make room for the arrows */ border-image: url(:/images/frame.png) 4; border-width: 3;}QSpinBox::up-button { subcontrol-origin:原创 2017-11-11 10:23:02 · 2940 阅读 · 0 评论 -
qwebkit的套壳开发
最开始没有接触过qt,至今也不是特表清晰,凭自己的理解记录一下前端与qt的套壳开发。一、qwebkit嵌套html页面。首先在资源文件放置html文件,我的文件名称:style-new.html html,body,head,table{margin:0px; padding: 0px; border: 0px;} img原创 2017-11-10 15:15:55 · 1299 阅读 · 0 评论 -
echarts 随屏幕大小改变大小chart.resize()
在同一页面中存在多个图表,chart.resize();其中之一不起作用。Echarts同一页面多个图表自适应浏览器窗口大小——window.onresize当前做的一个项目中,频繁使用到百度团队的Echarts,发在一个页面同时出现多个图表时,只有最后一个图表触发了window.onresize事件,查询官方文档后得到解决。方法如下:转载 2017-09-25 18:24:19 · 81555 阅读 · 3 评论 -
页面重定位到某个id的位置
jq id定位原创 2017-05-05 15:04:59 · 2674 阅读 · 0 评论 -
select 多选禁用其中某个option
select 多选禁用其中某个option原创 2017-05-23 17:43:56 · 15786 阅读 · 1 评论 -
仿照qq聊天,包含气泡消息发送
仿qq聊天框原创 2017-05-23 10:41:59 · 744 阅读 · 0 评论 -
移动端左右上下滑动识别
移动端的左右滑动代码转载 2017-04-17 15:36:27 · 1059 阅读 · 0 评论 -
js保留小数位数
js保留小数转载 2017-05-11 14:36:15 · 1089 阅读 · 0 评论 -
移动端的下拉刷新
移动端的下拉刷新转载 2017-04-17 16:51:20 · 948 阅读 · 0 评论 -
仿微信评论点击弹出功能
仿手机版微信点击弹出评论点赞,点击空白消失,滚动屏幕消失原创 2017-03-21 11:48:45 · 1280 阅读 · 0 评论 -
学习了手机长按弹出框的功能
手机 长按 弹出转载 2017-03-09 09:50:10 · 849 阅读 · 0 评论 -
区分手机和电脑的js代码
区分终端设备原创 2017-03-04 20:36:54 · 912 阅读 · 0 评论 -
bootstrap-filestyle使用与上传失败内容清除
bootstrap-filestyle使用与上传失败内容清除转载 2017-05-26 10:22:28 · 3663 阅读 · 0 评论 -
点击增加输入框,可删除,类似投票选项增加
类似增加投票选项,点击可增加文本框数量转载 2017-05-05 14:36:58 · 803 阅读 · 0 评论 -
input 样式
1.input在ie下去掉×和眼睛::-ms-clear, ::-ms-reveal{display: none;}2.html5聚焦autofocus3.可以在input中加入autocomplete="off" 来关闭记录4.兼容各浏览器边距写法.input-class {width: 135px;padding: 10px 15px;border: n原创 2017-09-22 10:41:39 · 697 阅读 · 0 评论 -
ellipsis省略:当文字显示不全时省略样式
当文字显示不全时省略样式原创 2017-05-08 17:39:07 · 1011 阅读 · 0 评论 -
jsp多终端自适应登录页面,提交验证无刷新
多终端适应登录页面原创 2017-08-08 16:00:34 · 544 阅读 · 0 评论 -
bootstrap fileinput api
Bootstrap FileInput中文API整理转载 2017-07-19 17:41:23 · 1582 阅读 · 0 评论 -
css渐变背景色
记录: FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#f4f4f4); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #fff, #f4f4f4);原创 2017-07-18 16:10:22 · 299 阅读 · 0 评论 -
最常用的15个JS正则表达式(前端表单验证)
常用的正则表达式转载 2017-07-10 08:38:01 · 1239 阅读 · 0 评论