- 博客(28)
- 收藏
- 关注
RSS订阅原创 按钮文字间隔居中
两个文字居中使用:first-letter<style>.button{width:100px;height:44px;text-align:center;line-height:44px;}.button:first-letter{margin-right:20px;}<style><button class="button">按钮<button>注 关于:first-letter,简单来说需求某元素第一行的第一个字符多
2022-02-17 16:52:08
816
原创 关于javascript测试驱动记录
1、将自动化测试极端地集中在UI层会导致蛋筒冰淇淋反模式（ice-cream cone）2、Mike Cohn在[Coh09]（Succeeding with Agile: SofwareDevelopment Using Scrum）中提出了测试金字塔的理念，即底层测试最多，高层次的端到端测试最少。...
2022-02-17 16:06:58
142
原创 java常见错误汇总
Caused by: com.sun.org.apache.xerces.internal.impl.io.MalformedByteSequenceException: 3 字节的 UTF-8 序列的字节 3 无效。这个是配置文件有问题
2019-12-16 18:19:00
683
原创 开发各种坑，注意点
1、函数取名的时候，尽量不要与js的属性或者事件重名，否则可能出现问题，最近出现一个问题，函数名为attchEvent,在引入百度的流量的统计的时候，这个函数会执行7次，原因没有找出来，但是测试的结果是这样的，在此如果哪位大神知道原因，可以回复下，谢谢！！！！2、移动端的问题，在移动端使用rem开发，但是在安卓机中，如果rem的值太小最终换算成px的太小，就会造成效果不显示，此时就需要调整3、...
2019-09-27 18:13:52
131
原创 关于jsonp使用post请求
今天看到一段代码jsonp请求使用了post，很困惑，看了一点资料，首先jsonp的请求方式在后台方面不能规定用post请求，这样会报错，在没有规定的情况下If you specify dataType: “jsonp” and type “POST”, the “jsonp” takes precedent and it gets sent as a “GET” request (the “P...
2019-09-20 17:35:25
8503
原创 关于swiper的一个坑
目前发现一个大坑，swiper里面的具体内容是动态加载的，在自动轮播的时候，如果数据是在初始化之后，则这个内容是不显示的，（怀疑自动轮播的时候是有模板缓存的，即使审查元素也是不现实的），关于update,init方法重新初始化也是不管用的，这两类的方法估计是关于组件元素更新的，不会涉及具体的内容 <div class="swiper-slide"> ...
2019-09-20 17:21:58
370
原创 关于load事件
今天看关于load事件，想起来winow.onload的事件，与jQuery的ready的事件区别，参照一些资料总结，自己列一个表，总结一下Jquery的ready()与Javascrpit的load()window.onload$(document).ready()资源加载的时间必须等待网页资源全部加载完毕（包括图片等），然后再执行JS代码只需要等待网页中的DOM结...
2019-05-09 20:36:38
2166
原创 关于cancelable
今天了解关于passive的时候看到cancelable 这个属性cancelable 事件返回一个布尔值。如果用 preventDefault() 方法可以取消与事件关联的默认动作，则为 true，否则为 fasle。比如evnet.cancelable<!DOCTYPE html><html><head><meta charset="u...
2019-05-07 18:09:06
666
原创 写点关于JSON.parse()和 JSON.stringify()
在解析后台返回的加密串，使用JSON.parse()解析不了，经过查证后发现，解析前要确保你的数据是标准的 JSON 格式，否则会解析出错。 语法： JSON.parse(text[, reviver])参数说明：text:必需， 一个有效的 JSON 字符串。reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。注：JSON 不能存储 Date 对象。如果你...
2019-05-07 18:00:19
143
原创 搭建vue-cli遇到的问题
1、在运行vue init webpack project-name 的时候，总是提示“”vue不是内部或外部的命令“信息，以前部署的时候并没有遇到，因此在网上找了很多方法，但是最终以重新安装node解决掉（不要学）2、查看vue的版本的时候 vue -v或者vue -version的时候总是报error: unknown option `-v’的错误，在网上找到的解决办法：安装完express...
2019-03-12 15:16:49
1274
转载 vue-cli在控制台创建vue项目时乱码的问题
在搭建vue-cli的时候，cmd运行命令控制台出现乱码，在网上找到的解决办法如下解决：打开cmd,在控制台输入CHCP 65001，按回车键即可将编码格式设成utf-8，再创建就不会乱码了。执行完vue init webpack one （自定义文件名）后，控制台走后会出现? Project name （one），继续点回车，按网上创建项目流程继续创建即可。原文地址：https://ww...
2019-03-12 14:54:43
6064
原创 关于布局的总结
今天看到css布局，特此研究了一下圣杯布局与双飞翼布局，因为这两种方式主要针对三栏布局，因此在与flex布局比较，做一下总结：圣杯布局主要用到的知识点有浮动、相对定位、margin负值，不用添加额外标签代码&lt;div class="header"&gt;header&lt;/div&gt;&lt;div class="contanier"&
2019-03-05 19:15:05
287
原创 文本溢出效果
文本溢出效果项目中有些段落内容不需要完全显示，但还要可以显示出来，多余内容隐藏中通过…显示，可以通过css或者js控制字数显示。一、css3文本溢出效果（1）单行文本溢出效果 .text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }(2)多行文本溢出 ....
2019-03-05 17:11:43
354
转载 关注点分离
写页面的两个基本原则。关注点分离原则，也叫正交原则，HTML CSS JS 分离 互不影响状态转移：js不去修改css 的样式（.style.color=‘red’），只修改css中的状态（addClass(‘active’)）。关注点分离页面原则标签、样式、行为三者分离，如下 <!DOCTYPE html> <html lang="en">...
2019-02-20 16:59:50
351
原创 js中关于length与size的区别
length与size的区别用了很长时间的length的一直没考虑过其与size的区别，今天同事问起，特意查找资料，将两者的相同点与共同点列出来。相同点：在jQuery中用于返回元素的个数，size()函数与length属性的作用相同。size()方法的返回值与jQuery对象的length属性一致。语法$("selector").size()$("selector").length...
2019-02-19 17:39:29
13518
原创 点击div层之外的其他地方关闭弹出层
首先说一下关于closet()的知识，主要来自W3Cclosest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。 语法 .closest(selector)参数描述selector字符串值，包含匹配元素的选择器表达式。如果给定表示 DOM 元素集合的 jQuery 对象，.closest() 方法允许我们检索 DOM 树...
2018-12-10 17:53:45
2159
原创 toFixed()的返回值类型
今天在使用parseFloat（）并且保留两位小数的时候，最后查看数据类型，结果发现为string，有点好奇，一般通过parseFloat（）或者parseInt()是转为number类型，但是保留两位小数，用到了确定浮点数的精度，使用toFixed（）来实现的，用法如下NumberObject.toFixed(num)参数num:必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0...
2018-11-27 10:38:02
7078
转载 如何在网页标题栏title加入logo(icon)图标？
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标，当网页被添加到收藏夹或者书签中时也会出现网页的图标，怎么在网页title左边显示网页的logo图标呢？方法一（被动式）：制作一个ico格式的图片，将图片命名为favicon.ico，像素大小为16*16，所使用的颜色不得超过16色，然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录，只要它...
2018-10-19 15:11:54
851
原创 关于-webkit-focus-ring-color
a:hover,a:focus { color: #2a6496; text-decoration: underline;}a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}所以，当鼠标悬停在链接上，或者点击过...
2018-10-19 11:56:21
3620
1
转载 CSS3四个自适应关键字——fill-available、max-content、min-content、fit-conten
前面的话 一般地，有两种自适应：撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为’fill-availabel’和’fit-content’。除此之外 ，还新增了更细粒度的’min-content’和’max-content’。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字 [注意]IE浏览器不支持，webkit内核浏览器需添加-webkit-前...
2018-08-08 10:20:02
1040
转载 event.srcElement与event.target的区别
window.event.srcElement与window.event.target 都是指向触发事件的元素，它是什么就有什么样的属性srcElement是事件初始化目标html元素对象引用，因为事件通过元素层次冒泡，可以在任意一层进行处理，有了元素的引用，就可以读写改元素的属性。 IE浏览器支持window.event.srcElement ， 而firefox支持window...
2018-07-30 14:53:47
501
转载 vue npm报错
搭建vue环境时在npm install的时候出现C:\Users\叶子\AppData\Roaming\npm-cache\_logs\2018-07-25T08_10_51_673Z-debug.log报错一、问题产生 我们使用命令 npm install xxx安装包时，默认是从 npm 的的镜像源服务器进行下载的，由于该服务器是放在国外，很容易就导致安装失...
2018-07-25 16:44:27
1170
转载 怎么用IDEA上传本地项目到码云/Github?
博客原文地址：http://blog.csdn.net/zsyoung/article/details/76891211开始切入正题：怎么上传本地项目到码云/Github? 需要条件：1.码云/Github建好的git项目2.IDEA编辑器3.本地项目步骤1：创建远程项目步骤2
2017-12-19 11:24:52
296
转载 理解jquery的$.extend()、$.fn和$.fn.extend()
jquery插件的开发包括两种：一种是类级别的插件开发，即给jquery添加新的全局函数，相当于给jquery类本身添加方法。jquery的全局函数就是属于jquery命名空间的函数。另一种是对象级别的插件开发，即给jquery对象添加方法，下面就两种函数的开发做详细的说明。1.类级别的插件开发类级别的插件开发最直接的理解就是给jquery类添加类方法，可以理解为添加静态方法。典型的例子就是$.aj
2017-12-11 16:07:34
3867
转载 JS改变input的value值不触发onchange事件解决方案 （转）
方法（一）（转载的网络资料）需要了解的知识首先，我们需要了解onchange和onpropertychange的不同：IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。onpropertychange 是IE浏览器的专属方法了解这一点后我们发现onpropert
2017-12-07 10:36:37
1046
原创 监听input与div的内容变化
input文本框在输入内容改变的时候，可以通过onchange监听，但是在通过赋值改变的时候，onchange是无法监听的,触发onchange事件，需要满足两个条件（1）失去焦点（2）值改变。 注：onchange和onpropertychange的不同。 IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。 onchange在属性值改变时还必须
2017-12-07 10:35:44
6874
原创 table的一些设置
当table设置了table-layout:fixed后，就会将表格的宽度固定住，尤其在第一行出现合并列的情况，下面的列的宽度是失效的，因此可以在加一行并进行隐藏；<table border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;"> <tr style="display:none"
2017-11-29 17:58:09
1093
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人