- 博客(32)
- 收藏
- 关注
RSS订阅原创 call()、applay()以及bind()三者之间的区别？
它们三个作用都是用来强制绑定this指定的对象，但是在使用语法和使用场景上有着不同之处；一：首先，说一下使用语法上的问题：1、call（obj，param1，param2，param3······）参数说明： obj：指定的对象 param：指定的对象中所带有的参数注：参数之间用逗号隔开。2、applay（ob...
2020-01-13 10:16:54
5691
原创 什么是深拷贝？什么是浅拷贝？
一：根据数据类型拷贝数据1、基本数据类型： 拷贝后生成一份新的数据，修改拷贝后的数据不会影响原数据2、引用数据类型： 拷贝后的数据不会生成新的数据，修改拷贝后的数据会影响原数据注：修改拷贝以后的数据会影响原数据称为浅拷贝，修改拷贝以后的数据不会影响原数据称为深拷贝（又称深度克隆）二：拷贝数据的方法拷贝数据主要针对数组和对象两者：1、使用"=...
2019-12-26 17:28:27
1079
原创 jQuery基础知识讲解
一：了解jQueryjQuery是什么？ 它是一个JS函数库，封装简化了DOM操作（CRUD）/Ajax为什么用它？ 1、强大选择器：方便快速查找DOM元素 2、隐式遍历（迭代）：一次操作多个元素 3、读写合一 4、链式调用 ...
2019-12-12 17:34:59
239
1
原创 盒模型和图片的垂直水平居中方法
1、盒模型垂直水平居中<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ...
2019-10-31 12:09:32
361
原创 针对IE6浏览器不支持的属性如何解决问题？
1、在解决高度塌陷问题中，因为IE6不支持after伪类，所以IE6需要使用hasLayout来处理：1)其他浏览器解决高度塌陷问题.clearfix:after{ content:''; display:block; clear:both;}2)ie6则需要开启hasLayout.clearfix{ zoom:1;}2、IE6不支持透明度op...
2019-10-25 10:08:41
168
原创 解决css高度塌陷及父子元素外边距重叠问题
1、元素浮动导致高度塌陷问题：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .box1{ /*为box1设置一个边框*/ ...
2019-10-25 09:53:15
2021
1
原创 PS简单使用
该文章主要用来收藏PS简单的操作1、前端人员在使用PS之前，需要先将其单位调整为像素，步骤如下：找到【属性】右击，选择【界面选项】，选择【单位与标尺】，在【单位】那一栏将【单位、文字】设置为像素；2、快捷键操作：Ctrl+R：标尺显示与隐藏Alt+鼠标滚轮：放大或缩小图片Ctrl+1：回到原始状态Ctrl+0：适应屏幕的大小Ctrl+H：隐藏或显示辅助线F...
2019-10-16 09:32:12
261
原创 如何优化浏览器、如何解决浏览器缓存以及如何解决浏览器兼容性问题
如下是工作中所总结出来的问题：1、优化浏览器 1）针对每个页面独有的样式建议分页面名称来写样式，因为所有的样式都写到一个样式文件中，那样页面会很大下载的时候就 会消耗时间。 2）因为样式的渲染是从右往左的，所以在元素的选择器最好要具有该元素的特殊型，不至于选择器要一层一层的网上查找。 3）针对相对路径和绝对路径的使用，如果网页和资...
2019-10-10 17:27:55
372
转载 移动端软键盘监听（弹出，收起），及影响定位布局的问题
一：移动端软键盘监听（弹出，收起） 1）监听onresize/resize（Android）//方法一：var winHeight = $(window).height();//获取页面的高度$(window).resize(function(){ var resizeHeight = $(this).height(); if(winHeight-resize...
2019-09-27 15:18:14
1322
原创 微信内h5调起支付方式
如何调取支付页面，如下图：在微信浏览器里面打开H5网页中执行JS调用支付。getBrandWCPayRequest参数及返回值的定义：1）请求参数值说明：微信调用请求参数（json格式） 名称 变量名 必填 类型 示例值 描述 公众号 appId 是 String(16) wx66666666666666 商...
2019-09-20 12:03:00
2206
转载 DOMContentLoaded与load的区别
(1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网 络请求上的标志线，这两个时间数值分别代表什么？(2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性能？(3)在用jquery的时候，我们一般都会将函数调用写在ready方法内，这是什么原理？什么是DOMContentLoaded？...
2019-09-18 15:40:58
459
原创 移动端如何实现自适应布局的
//立即执行函数(function(a,d){ var b = a.documentElement, //判断是否有横屏 e = "onrientationchange" in window ? "onrientationchange":"resize", c = function(){ /...
2019-09-17 14:01:36
477
原创 google/firefox被hao123篡改解决办法
和hao123斗了整整一个上午，删除快捷键、修改目标属性、删除注册表、设置浏览器启动页、还专门下载电脑管家修改默认启动项。。。都没办法解决掉，最后直接使用杀毒软件杀完毒之后，关机重启可以了...
2019-08-30 13:24:30
579
原创 什么情况下使用超链接的绝对URL或相对URL？
超链接的基础知识点就不多介绍了，本文主要讲绝对链接和相对链接两者的使用场景：绝对URL：该链接指向的是其链接在网站上的绝对位置；相对URL：该链接指向的是相对于你当前文件的相关位置；当链接到同一网站的其他位置时，建议使用相对链接，如果链接到另一网站上时，则需要使用绝对链接：1、首先，相对URL检查代码要容易的多，因为相对URL通常要比绝对URL要短的的多，使得阅读代码更容易一些；...
2019-08-22 15:33:22
2398
原创 使用正则表达式验证手机号和邮箱格式
本打算把手机号和邮箱验证格式整理一下，做个笔记的，但是怕不全面就上网搜索了一下，发现手机号码格式号段新增加了电信199号段、移动198号段、联通166号段三个号段，下面是手机号比较严谨的验证格式： /^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/ 下面是我通常用的一种手机号验证格式，因为上面提...
2019-08-14 11:32:01
908
原创 h5 如何解决键盘弹起时，固定元素向上浮动的问题
我的是安卓手机的微信公众号存在这个问题，当input获得焦点，键盘弹起时，固定元素失效元素会向上浮动，为了区分安卓系统和IOS系统，我先读取设备的系统；var u = navigator.userAgent;//Android终端var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;//iO...
2019-08-13 16:36:02
2569
原创 如何给动态生成的元素添加事件？
可以使用$(selector).on（‘event’,'eleEvent',function(){}）方法可以给未来的元素注册事件；selector：是一个给子元素绑定事件的非js生成的父元素选择器event：注册的事件类型eleEvent：需要注册事件的未来元素function：回调函数$('.invoice_service .invoice_list').on('clic...
2019-08-13 15:51:13
671
原创 H5微信中禁止网页下拉出现"网页由XXX提供"
不知道你们都是怎么解决h5下拉时，固定元素会随之下移，顶部出现“此网页是有XXX提供”下面是我的解决方案，希望能够对有需要的你有帮助：我的布局使用的是position，头部、尾部使用的是position：fixed，内容区使用的是position：absulote并且可以滚动，下拉页面时，在ios中头部、尾部都是固定的，内容区滑动也OK的；但是在安卓手机上，下拉页面的时候，头部和尾部都会随...
2019-08-12 23:53:31
6805
2
转载 如何将自己写的代码上传到github上
找了好多github使用方法，但是都没用此文更清晰明了，本人又记不住指令，唯有收藏下来了，还请多多谅解本文转载自如下地址https://blog.csdn.net/nrlovestudy/article/details/82783854https://blog.csdn.net/zhangsiyao11/article/details/77007684https://www.cnb...
2019-08-08 22:54:04
132
原创 如何解决浏览器针对于html5新增标签的兼容性
因为旧的浏览器不支持html5新元素，所以会直接将无法识别的元素作为红内元素处理掉，有个办法可以解决此问题，1、那就是将其设置为块级元素（display:block），2、再或者可以使用老版本的document.createlement()新生元素3、再或者使用框架的方法<span style="font-size:14px;color:#FF6666;"> ...
2019-07-11 17:00:25
108
原创 CSS之user-select属性
user-select：设置浏览器文本是否可选择浏览器默认文本是可以选择复制的；user-select：none则表示浏览器文本是无法选中，并且不能复制；user-select：text则表示浏览器文本可以选择复制；且注意其版本兼容性...
2019-07-08 23:58:44
1068
转载 display:block和inline 的含义
原创地址：https://my.oschina.net/121lyyllm/blog/738067烟蒂--未落发布于 2016/08/26 00:09调试样式时，明显的hot标签的上半部没有显示出来第一步调试<li>的样式，发现都正常。第二部，调整hot位置和大小，效果也不是自己想要的。最后发现是li的子标签<a></a>的...
2019-07-08 17:01:38
118
原创 webstrom 操作share project on GitHub时，会提示Could not read from remote repository问题
当webstrom将本地项目上传到GitHub时，在操作share project on GitHub等一系列操作之后，会报如下图所示错误信息时那么则需要设置Git的配置信息，如下图所示：设置完之后点击OK/Apply，再去重新执行一遍share project on GitHub操作即可上传本地项目到GitHub上了！...
2019-06-16 02:20:32
642
原创 webstrom如何将项目上传到GitHub中
1、webstrom如何上传项目到github中首先在webstrom——》settings——》version control——》Git中配置git管理工具其次在在webstrom——》settings——》version control——》Github中配置github相关参数最后则需要配置ssh，因为git仓库和github仓库之间传输是需要通过ssh加密的，所...
2019-06-16 02:08:41
234
原创 如何运行webpack打包的vue项目之后的dist文件
1、打包vue项目：npm run build会生成一个dist文件express是一个基于node.js平台的web开发框架2、安装express、express-generator npm install express -g npm i express-generator -g3、创建expressDemo项目 express exp...
2019-06-15 13:51:59
3048
原创 将字符串进行驼峰式命名转换
字符串函数： charAt()：返回指定位置的字符 split()：根据某个字符分割字符串，返回一个数组 toUpperCase()：将字符串转换成大写格式 substr()：截取从起始位置到结束位置的字符串（包含头包含尾） 扩：substring()：截取从起始位置到结束位置的字符串（包含头不包含尾）数组函数： ...
2019-06-09 12:25:55
1270
原创 JS中的检测数据类型
1、基本类型又叫值类型（数值型、字符型、布尔型、null、undifined）使用typeof检测数据类型； 注：es6中新增了一个symbol数据类型，请参考http://es6.ruanyifeng.com/#docs/symbolconsole.log(typeof '3333');//stringconsole.log(typeof 1111);//numberco...
2019-06-08 23:46:01
87
原创 JS冒泡排序
方法一：从小到大的排序<script type="text/javascript"> var arr = [45,64,32,90,2,12,78,93,3]; for(var i=0;i<arr.length;i++){ for(var j=i;j<arr.length-1;j++){ if(arr[i]>arr[j+1]){ ...
2019-06-08 17:09:06
58
原创 自定义变换（transform）组件
szxt.transformCss = function(node,type,val){ if(typeof node == 'object' && node['transform'] === 'undefined'){ node['transform'] = {}; } //如果是三个参数时，那么则是设置变换值 if(argume...
2019-06-06 22:31:14
411
原创 无缝轮播图
html组件：<div class="carousel-wrap" needCarousel needAutoCarousel ><!--自定义属性：needCarousel：是否需要无缝轮播needAutoCarousel：是否需要自动轮播--> <div class="points-wrap"></div>...
2019-06-06 19:00:17
117
原创 使用canvas绘制刮刮卡案列
1、通过定位的方式将canvas画布覆盖在目标背景图上，canvas的宽高设置成视口的宽高<style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden; } #wrap,ul,ul>li...
2019-06-03 23:48:35
171
原创 JavaScript变量的作用域
1、全局变量可在函数外或是函数内使用；var a='haha';function fun(){//可以在函数中调用变量aconsole.log(a);}2、局部变量只能在函数内中使用，所以不同函数可以使用重复的变量名；functionfun1(){var b='xixi';//只能在函数中调用变量a console.log(b);} //不同函数中可以使...
2019-06-01 22:32:21
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人