- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue的一些模块功能
vue中安装 vue-easy-print在需要用到的页面引入插件import vueEasyPrint form "vue-easy-print";将需要打印的部分，放入一下标签中<vue-easy-print ref="easyPrint" tableShow></vue-easy-print>点击触发，自定义点击事件，在事件中执行以下代码this.$refs.easyPrint.print()......
2021-12-16 14:08:21
1304
原创 elementUI使用到的一些问题记录
elementui中的el-table中拼接两个列表字段 <el-table-column prop="instock_count" label="总库存" width="200"> <template #default="scope"> {{ scope.row.instock_count }}{{scope.row.instock_unit}} </template></el-ta
2021-11-09 10:32:13
1210
原创 quill编辑器上传图片获取光标所在位置
写法一：quill.getSelection().index;写法二：quill.selection.savedRange.index
2021-04-28 17:12:27
1388
原创 input 图片上传，第二次上传同一张图片失效
在上传图片过程中，同一个 input 选择同一张图片 不会触发 onchange事件，在选择不同图片时，会多次触发onchange事件；input[type=file]使用的是onchange去做，onchange监听的为input的value值，只有再内容发生改变的时候去触发，而value在上传文件的时候保存的是文件的内容，你只需要在上传成功的回调里面，将当前input的value值置空即可。event.target.value=”; 或$("#aaa").val("");...
2021-04-28 17:08:57
825
原创 js判断是否是微信内置浏览器
方法名(){ var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { console.log("是微信浏览器") //是微信浏览器 } else { console.log("不是微信浏览器") //不是微信浏览器 } },...
2021-02-23 15:39:34
128
原创 如何删除电脑中显示找到文件的文件夹
新建：提示找不到该文件方法.txt在文件中输入以下内容：DEL /F /A /Q \\?\%1RD /S /Q \\?\%1添加完成后，保存之后将提示找不到该文件方法.txt更改其后缀名为：提示找不到该文件方法.bat最后将需要删除的文件或者文件夹拖动到【提示找不到该文件方法.bat】上，文件就可以删除了...
2020-06-10 10:45:44
197
原创 移动端页面按手机屏幕分辨率自动缩放的js
<script> var phoneWidth = parseInt(window.screen.width); var phoneHeight = parseInt(window.screen.height); var phoneScale = phoneWidth/750;//除以的值按手机的物理分辨率 var ua = navigator.use...
2020-03-31 15:32:16
309
原创 css字体的设置
1.字体中字与字之间设置间隔letter-spacing属性： letter-spacing: 10px;2.文字换行问题强制不换行：white-space:nowrap;自动换行：word-wrap:break-word; word-break:normal;强制英文单词断行：word-break:break-all;...
2020-03-31 15:31:57
171
原创 PC端、移动端的页面适配及兼容处理
横竖屏css控制//定义横屏显示的样式@media screen and(orientation:landspace){...}//定义竖屏显示的样式@media screen and(orientation:portrait){...}//某个尺寸的特殊样式 竖屏时宽度为768px 符合一般ipad的条件@media only screen and(orientation:p...
2020-03-31 15:31:32
1016
原创 什么是跨域及常用的几种跨域解决方案
什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。这是由于浏览器的同源策略而导致的，同源策略限制了不同源之间的资源进行交互，用于隔离潜在的恶意文件的安全机制，并且是浏览器最基本的安全机制。广义的跨域：1）资源跳转：A链接、重定向、表单提交...
2020-03-31 15:31:01
373
原创 vue项目使用cookie、localStorage和sessionStorage进行储存数据
一，cookie的使用1.需要先下载模块npm i js-cookie -S2.在使用cookie的页面上引入模块import Cookies from 'js-cookie'3.使用方法创建一个在整个网站上有效的CookieCookies.set('name', 'value');读取cookie：Cookies.get('name'); // => '...
2019-12-26 14:48:06
628
原创 获取DOM元素的几种方法
1.通过ID获取（getElementById）2.通过name属性（getElementsByName）3.通过标签名（getElementsByTagName）4.通过类名（getElementsByClassName）5.获取html的方法（document.documentElement）6.获取body的方法（document.body）特：通过css选择器获...
2019-09-27 15:17:32
386
原创 :before和:after
二者都表示伪元素:before 选择器在被选元素的内容前面插入内容。使用 content 属性来指定要插入的内容。:after 选择器向选定的元素之后插入内容。使用content属性来指定要插入的内容。::after/ :after和 ::before / :before之间的区别同:都可以用来表示伪类对象，用来设置对象前的内容:before和::be...
2019-09-25 14:49:27
191
原创 jq中添加和去掉class类
html部分<h2 style="text-align:center;position:relative;">年份 <span class="iconfont icon-paixujiantouxia Active" id="up" style="font-size:14px;position:absolute;margin-left:2px;"></...
2019-09-20 08:59:08
1301
原创 iframe中等比例缩放图片
<div class="iframe-body-sty" style="position: relative;overflow: hidden;width:275px;height:380.313px;"> <iframe src="/html/20190830/index.html" style=" position: absolute;transform:scale(0...
2019-09-05 17:01:44
1484
原创 Flex布局
1. Flex是 flexible Box 的缩写，意为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局.box{ display: flex;} 行内元素也可以使用Flex布局.box{ display: inline-flex; } Webkit 内核的浏览器，必须加上 -webkit 前缀。.bo...
2019-07-19 17:34:53
93
原创 微信小程序如何使用Git实现版本管理的一些参考网址
1.https://blog.youkuaiyun.com/qq_36672905/article/details/828871022.https://blog.youkuaiyun.com/u010112509/article/details/82982877（设置-开发者工具-tgit）3.https://www.cnblogs.com/siyecao2010/p/10083669.html （微信...
2019-07-08 14:38:24
254
原创 小程序加千分位逗号分隔符
一. 将带有逗号的金额取整，不显示小数点后的数字如何将json下的某数据修改并重新赋值二.千分位用逗号隔开，全保留小数点后面的数var a = 2221222122.675414?var b = a.toFixed(a.toString().split(".")[1].length).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');//使用正则替换...
2019-06-18 13:44:45
4089
原创 ie浏览器常见的兼容性问题
1.块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题：常见是IE6中后面的一块被顶到下一行解决：在float的标签样式控制中加入 display:inline；将其转化为行内属性2.设置较小高度标签（一般小于10px），在IE6，IE7中高度超出自己设置的高度解决：给超出高度的标签设置overflow：hidden；或者设置行高line-he...
2019-06-18 10:20:59
913
原创 小程序中的问题
一.有效隐藏scroll-view滚动条方法 在有scroll-view滚动条页面的wxss里添加::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent;}不用选择器，以及不能在app.wxss直接添加二.传参数的几种方法1.navigator跳转时wx...
2019-06-11 17:08:40
169
原创 SVG
一.什么是SVGSVG 指可缩放矢量图形（Scalable Vector Graphics）。 用来定义用于网络的基于矢量的图形。使用XML格式定义图形。 图像在放大或改变尺寸的情况下其图形质量不会有所损失。 是万维网联盟的标准。 与诸如DOM和XSL之类的W3C标准是一个整体二.与其他图像格式相比，使用SVG的优势在于SVG可被非常多的工具读取和修改（比如记事本）。 与JPE...
2019-06-11 16:56:02
69
转载 网页Request Headers请求头和Response Headers响应头
Request HeadersAccept:告诉服务器，客户机支持的数据类型Accept-Encoding:告诉服务器，客户机支持的数据压缩格式Cache-Control：缓存控制，服务器通过控制浏览器要不要缓存数据Connection:处理完这次请求，是断开连接还是保持连接Cookie:客户机通过这个可以向服务器带数据Host:访问的主机名Upgrade-Insecu...
2019-06-10 14:31:13
376
转载 Referrer-Policy常见属性
Referrer-Policy（来源协议）用来规定什么情况下显示Referer字段及refer字段内显示多少信息。备注: referer实际上是对referrer的误写，因为写错的人多了也就正确了。。请求头的refer延续了这个错误，但referrer-policy并没有。http请求分为请求行，请求头以及请求体，而请求头又分为general，request headers，此字段设置与g...
2019-06-10 14:25:44
1811
转载 js中几种常见的数组去重方法
一、简单的去重方法/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i<array.length; i++){ if(temp.index...
2019-06-06 14:15:38
80
原创 Web前端笔试面试题总结
1.行内元素有哪些？块级元素有哪些？空元素（单标签）有哪些？行内元素：a（锚点）、b（加粗）、span（常用内联容器，定义文本内区块）、img（图片）、input（输入框）、strong（粗体强调）、select（项目选择）、label（表格标签）、em（倾斜）、button（按钮）、textarea（文本域）块级元素：div（盒子列表）、ul、li、dl、dt、dd、p、h1-h6、bl...
2019-02-13 15:41:35
258
原创 Web前端面试题总结（day7）
1. CSS单位2. <table>标签中 cellspacing表示单元格之间的间距；cellpadding表示单元格内边距3. <!DOCTYPE html>是html5的dtd4. head标签中必不可少的是：<title>5. visible-md-8 hidden-sm 此方法可以实现元素在PC端显示而在手机端隐藏6. M...
2019-01-02 22:58:54
2002
原创 Web前端面试题总结（day6）
1.html文件结构 <! doctype html> 声明文档类型 <html> html文件 <head>网页标题，在浏览器顶部显示</head> <body>网页的主体部分，即浏览器的内容区域</body> </html&g
2019-01-01 20:31:30
1139
原创 Web前端面试题总结（day5）
1. HTML5提供两种新对象，通过javascript API 来储存本地数据，这两种对象是：localStorage 和sessionStorage2. text-transform:capitalize是首字母大写 text-transfrom:lowercase是全部字母为小写 text-transfrom:uppercase是全部字母为大写 ...
2018-12-30 22:38:07
2131
原创 Web前端面试题总结（day4）
1.下面有关html的描述，不推荐的是？ （B） A.在页面顶部添加doctype声明； B.在 </head> ... <body> 中间插入HTML代码 C.避免使用 <font> 标签 D.使用 <table> 元素展现学生成绩表等数据2. css3新增的属性 一. box-shadow(阴影效果) ...
2018-12-30 21:03:24
1471
2
转载 前端性能优化（CSS动画篇）
原理现代浏览器在使用CSS3动画时，以下四种情形绘制的效率较高，分别是：* 改变位置* 改变大小* 旋转* 改变透明度层？重绘？回流和重布局？图层重组？首先要了解CSS的图层的概念（Chrome浏览器）浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。在渲染DOM的时候，浏览器所做的工作实际上是：1. 获取DOM后分割为多个图层2...
2018-12-30 20:32:24
135
转载 BFC（Block Formatting Context）基础分析
BFC（Block Formatting Context）基础分析W3C官方对于BFC的描述只有3小段，强烈建议想理解BFC的朋友先去看看，链接见文末。常见的文档流分为：定位流、浮动流、普通流3种。BFC是普通流中的一种。本文提出3个问题并给出使用BFC来解决这些问题的方法，这3个问题是：外边距折叠（Collapsing Margins） 让一个没有设置高度的容器包含浮动元素 ...
2018-12-30 19:55:24
98
原创 Web前端面试题总结（day3）
1.在html中通过<a>标签打开一个链接，通过 <a> 标签的 target 属性规定在何处打开链接档。 如果在标签<a>中写入target属性，则浏览器会根据target的属性值去打开与其命名或名称相 符的框架<frame>或者窗口。 在target中还存在四个保留的属性值如下， 属性值 这些 ta...
2018-12-28 22:31:37
1262
原创 sessionStorage 、localStorage 和 cookie 之间的区别详解
sessionStorage 、localStorage 和 cookie 之间的区别共同点：都是保存在浏览器端，且同源的。区别：1:cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制c...
2018-12-26 20:32:57
112
原创 Web前端面试题总结（day2）
1.head标签可以包含，title、meta、link、script等2.下列哪一个是页面载入是会触发Dom事件？ （C） A.onchange B.onaclive C.onload D.onresize A是指表单内容改变 C,load完毕后，会触发DOM的加载 D是BOM的时间 onLoad事件是页面第一次打开的时候触发的！表示页面加载...
2018-12-26 19:13:37
585
原创 web前端面试题总结（day1）
1.用于加亮文本的标签是 <mark>2.什么是HTML语义化？<基本上都是围绕着几个主要的标签，想标签（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好的解析。3.为什么要语义化？为了在没有CSS的情况下，页面...
2018-12-25 21:08:54
686
原创 HTTP协议及状态码
HTTP协议1.简介HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP基于TCP/IP通信协议来传递数据。HTTP基于客户端/服务端（C/S）架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。2.特点（1）HTT...
2018-12-25 20:21:30
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人