杂七杂八
汉武大帝·
我是攻城狮
展开
-
创建的formData打印为空?
创建的formData打印为空?原创 2023-01-31 16:52:42 · 675 阅读 · 0 评论 -
html, css写一个loading
html, css写一个loading原创 2022-08-26 16:01:09 · 241 阅读 · 0 评论 -
程序员常用的工具,有前后端开发经常用到的
各种工具原创 2022-08-24 09:16:25 · 6890 阅读 · 0 评论 -
vuedraggable拖拽组件
vuedraggable拖拽组件原创 2022-04-14 12:04:28 · 935 阅读 · 0 评论 -
localStorage, sessionStorage, cookie的区别
1,localStorage: 生命周期是永久的,除非用户清除localStorage, 否则这些信息永远存在,存放数据一般是5MB, 它仅在客户端(浏览器)中保存,不会参与服务器的通信;2,sessionStorage: 仅在当前会话下有效,关闭页面或者浏览器后被清除,存放数据大小一般为5MB, 仅在客户端保存,不参与和服务器的通信。localStorage 和 sessionStorage 使用相同的API:localStorage.setItem('key','value');loca原创 2022-03-22 15:38:34 · 478 阅读 · 0 评论 -
在线免费接口
地址:JSONPlaceholder - Free Fake REST API原创 2022-01-12 17:40:46 · 550 阅读 · 0 评论 -
element-ui.common.js?5c96:14330 [Element Warn][TableColumn]Comparing to render-header, scoped-slot h
控制台报警告:element-ui.common.js?5c96:14330 [Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.解决方式:页面中将 render-header 改成 scoped-slot...原创 2021-12-10 11:14:39 · 4643 阅读 · 4 评论 -
RTP data channels are no longer supported. The “RtpDataChannels“ constraint is currently ignored, an
控制台报警告:RTP data channels are no longer supported. The "RtpDataChannels" constraint is currently ignored, and may cause an error at a later date.这是什么意思?求解原创 2021-12-10 11:13:25 · 2647 阅读 · 6 评论 -
Svg Path 绘制路径的语法
示例:<svg> <path d="M 100 100 L 300 100 L 200 300 z" fill="red" stroke="blue" stroke-width="3" /></svg>svg使用的是 xml 格式,那么与 xml 相类似: <path>属于 element(元素),用来描述路径。d属于<path>property(属性)。MLz属于d属性中的 comman...原创 2021-08-11 17:08:09 · 524 阅读 · 0 评论 -
vue项目中使用swiper.js做一个轮播图
先看效果:安装swiper时,指定版本号5.4.5;否则分页器可能不显示:npm install swiper@5.4.5在main.js文件中添加;import'swiper/css/swiper.min.css'<template> <div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="sw.原创 2021-04-13 13:10:54 · 499 阅读 · 0 评论 -
好看的网页Loading——EpicSpinners
EpicSpinners是一组易于使用的纯css打造的网页Loading效果,并且同时整合了Vue组件可以方便的在Vue项目中进行使用,由于是纯css打造,你可以在任意网页项目中自行整合并使用!Github https://github.com/epicmaxco/epic-spinnersVue整合虽然存在了纯css的代码,但是官方整合了vue组件,拿来即用安装 npm install --save epic-spinners<template> ...原创 2021-03-10 17:04:26 · 509 阅读 · 0 评论 -
数学中的向量相关知识
前端做3D效果,会用到向量相关知识:向量叉积=向量的模乘以向量夹角的正弦值;a×b=|a||b|sin<a,b>向量点积=向量的模乘以向量夹角的余弦值。a·b=|a||b|cos<a,b>。原创 2021-02-28 15:15:19 · 2703 阅读 · 0 评论 -
点击按钮,显示弹窗,再次点击他处,弹窗关闭的插件vue-clickaway
先看效果:点击下拉选按钮,显示弹窗,点击弹窗之外的地方,弹窗隐藏如果你真的单独导入,请记住,指令需要在指令下暴露。使其全局可用(在main.js中)✅ directives: { onClickaway }使其全局可用(在main.js中)import { directive as onClickaway } from 'vue-clickaway'Vue.directive('on-clickaway', onClickaway)想象一下,我有一个完整的选择...原创 2021-02-07 15:40:16 · 1525 阅读 · 1 评论 -
VUE 实现高性能的 PDF 在线预览
https://www.toutiao.com/i6868246532873781764/原创 2021-02-07 15:31:42 · 731 阅读 · 1 评论 -
Http请求中的Content-Type
Content-Type,从名字上可以理解为内容类型,但在互联网上专业术语叫“媒体类型”,即MediaType,也叫MIME类型,主要是用来指明报文主体部分内容属于何种类型,比如html,json或者xml等等。但是content-type一般只存在于Post方法中,因为Get方法是不含“body”的,它的请求参数都会被编码到url后面,所以在Get方法中加Content-type是无用的。常见的类型包括以下几种类型 格式 text/html HTML格式 text/plai原创 2021-02-03 20:06:51 · 303 阅读 · 0 评论 -
青岛房产证信息查询步骤
1,登录青岛网上房地产网址:https://www.qdfd.com.cn/qdweb/realweb/wsbs.jsp2,点击网上办事---证书证明验证服务3,点击证书验证及状态查询,弹出弹窗后按要求填写即可原创 2021-01-27 15:41:01 · 10607 阅读 · 0 评论 -
Modernizr.js介绍
Modernizr帮助我们检测浏览器是否实现了某种特性feature,如果实现了那么开发人员就可以充分利用这种特性feature做一些工作,反之没有实现开发人员也好提供一个fallback。所以,我们要明白的是Modernizr只是帮我们检测某种特性feature是否被支持,它并不能够给浏览器添加那些本来不支持的某种特性feature。在学习webgl时,书中讲到 :modernizr.js ,它是一个易用并且轻量级的库,可以检测各种web技术的支持情况, modernizr.js库中的Moderni.原创 2020-12-21 14:39:25 · 1330 阅读 · 2 评论 -
前端post请求中body和query传参的区别
前端发送请求最常用的是get请求还有post请求get请求只能传query参数,query参数都是拼在请求地址上的post可以传body和query两种形式的参数如下:/* 编辑项目列表 */export function editProjectList(params) { const url = '/support/project/update'; return request({ url: url, method: 'put', data: params /原创 2020-12-05 16:50:00 · 32453 阅读 · 1 评论 -
日历组件(模式分为七天模式和月模式)
先看效果:说明:该日历分为七天模式和月份模式,顶部 tab可以切换模式,七天模式下可以点击某一天,然后自动选中后面的六天,一共选择七天;原创 2020-11-23 17:17:23 · 1426 阅读 · 1 评论 -
滑动验证插件 SlideVerify 的使用
先看效果图:源码地址:github文档地址:https://github.com/monoplasty/vue-monoplasty-slide-verifygitee镜像地址:https://gitee.com/monoplasty/vue-monoplasty-slide-verify使用步骤:1,安装插件:npm install --save vue-monoplasty-slide-verify2,在main.js中使用一下,importVuefrom'vue'...原创 2020-11-23 16:22:15 · 12642 阅读 · 18 评论 -
PascalCase和camelCase
PascalCase和camelCase:依靠单词的大小写拼写复合词的做法,叫‘ 驼峰拼写法’ (CamelCase) ; 比如:BlackColor ; (单词只是为了示例);驼峰拼写法又分为两种,第一种:第一个词的首字母小写,以后每个词的首字母大写,叫做‘ 小驼峰拼写法’ lowerCamelCase,比如:blackColor ;第二种,第一个词以及后面的词的首字母都大写,叫 ‘大驼峰拼写法’ (UpperCamelCase),又称为“帕斯卡拼写法” (PascalCase)。比...原创 2020-10-23 20:45:21 · 1630 阅读 · 1 评论 -
input事件和change事件的区别
input事件: 在输入框输入的时候会实时响应并触发;change事件:在输入框失去焦点,并且输入框的值发生变化的时候才会触发,和 blur事件略有不同,blur事件是每次失去焦点时触发,不管输入框数据有没有变化;...原创 2020-10-22 17:35:05 · 2128 阅读 · 0 评论 -
两个元素之间绘制引导线
使用leader-line 地址:https://anseki.github.io/leader-line/原创 2020-09-19 09:25:58 · 695 阅读 · 0 评论 -
window的定时器方法哪些 setInterval() requestAnimationFrame()
定时器方法第一个:setInterval()setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。定时器方法第二个:requestAnimationFrame()参数是将要被调用函数的函数名,requestAnimationFrame()调用一个函数不是立即调用而是向浏览器发起一个执行某函数的请求, 什么时候会执行由浏览器决定,一般默认保...原创 2020-09-10 15:40:14 · 357 阅读 · 0 评论 -
比较好的网站收藏
ECharts数据可视化实验室: https://vis.baidu.com/由百度 ECharts 团队创建,联合公司内外众多数据可视化从业人组成的技术研究虚拟组织,致力于数据可视化的相关研究、教育普及、产品研发及生态建设;图说:https://tushuo.baidu.com/ 该网站对于零基础的同学来说可以编辑数据,快速生成图表;可以保存为图片,也可以查看代码...原创 2020-08-26 10:31:49 · 140 阅读 · 0 评论 -
a标签添加鼠标移入移出的样式
<ahref="javascript:void(0);"onmouseover="this.style.color='blue';"onmouseout="this.style.color='skyblue';"onclick="this.style.color='red';">链接</a>onmouseout代表a:linkonclick代表a:visi...原创 2020-03-10 11:42:07 · 4092 阅读 · 0 评论 -
对于高度不确定,想要使用transition使高度有过渡效果,解决方法如下
先看效果图:从效果图上可以看出,该折叠层包含两层;所有分类可以折叠,里面的分类分级,渠道品牌,品牌,产业还可以折叠;只有外层有高度过渡效果,内层没有;两层折叠的时候 ,其实我并没有完美解决好内层的过渡效果;初始状态是外层是展开的,内层是折叠的;内层终止高度不确定,才会出现内层没有过渡效果;如果内层也是展开的,则可以完美解决;先以外层有过渡,内层无过渡的情况来说明思路:初始时,外...原创 2020-03-03 16:49:44 · 3924 阅读 · 5 评论 -
console.log()打印佛祖保佑图案
console.log(" ......................阿弥陀佛......................\n"+ " _oo0oo_ \n"+ " ...原创 2020-01-17 12:49:22 · 2480 阅读 · 1 评论 -
根据 UI 图设计的大小换算rem单位以及大屏页面全屏展示的设置
设置rem节点适配例如设计的UI图尺寸是1366宽的,则正常页面往下滚动的是情况下,输入UI图设计的尺寸,可以是1366,也可以是1920 等;于是就用rem单位适配,根据根节点换算, // 初始化let self = this;window.onload = function() { /*1366代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,...原创 2019-12-22 21:39:48 · 1169 阅读 · 0 评论 -
input 事件和 change 事件的区别
onchange 事件可以使用于 <input>,<select>,<textarea> (js中使用onchange,vue.js中绑定事件使用 change)oninput 事件在输入变化后立即触发,可以使用于<input>,<textarea> 元素,(js中使用oninput,vue.js中绑定事件使用 input)in...原创 2019-10-12 11:10:04 · 1873 阅读 · 0 评论 -
iPhone、iPad、iPod Touch分辨率
iPhone设备 分辨率 iPhone 1 480 * 320 iPhone 3G 480 * 320 iPhone 3GS 480 * 320 iPhone 4 960 * 640 iPhone 4S 960 * 640 iPhone 5 1136 * 640 iPhone 5S 1136 * 640 iPhon...原创 2019-09-27 13:02:59 · 309 阅读 · 0 评论 -
高德地图api比例尺
高德地图api比例尺20-10m-(19=<zoom<20)19-10m-(19=<zoom<20)18-25m-(18=<zoom<19)17-50m-(17=<zoom<18)16-100m-(16=<zoom<17)15-200m-(15=<zoom<16)14-500m-(14=<zo...原创 2019-09-07 16:46:09 · 1626 阅读 · 0 评论 -
让一个div 充满整个屏幕的方法
该样式添加到html 或者 bodyposition:absolute; top: 0; bottom:0; left:0; right:0;原创 2019-08-01 19:57:02 · 1484 阅读 · 0 评论