- 博客(76)
- 收藏
- 关注
RSS订阅原创 jquery 获取input checkbox checked属性
如果使用jquery,应使用prop方法来获取和设置checked属性1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 1 2 3 4 5 6 7 <input type="checkbox"id="selectAll"onclick...
2020-01-03 11:20:27
817
原创 Form 表单那些坑
1.表单提交会刷新（跳转），即使button按钮没有定义type<body> <form action="" target="targetIfr"> <iframe name="targetIfr" style="display:none"></iframe> <input type="text" ...
2019-12-16 11:21:44
325
原创 git命令
删除分支：git branch -a 查看所有分支git push origin --delete Chapater6 删除远程分支git branch -d Chapater6 删除本地分支
2019-11-08 17:02:04
201
原创 数组方法大全
filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];var arr2 = arr.filter(function(x, index) {return index % 3 === 0 || x >= 8;}); console.log(arr2); //[1, ...
2019-11-08 16:59:38
202
原创 文字样式：
1.两端对齐：text-align:justify;（兼容ie）text-align-last:justify;文字必须留有空格（兼容ie firefox）2.文字换行：word-break:break-all;（截断）white-space:normal;3.单行超出省略号展示：overflow: hidden;white-space: nowrap;tex...
2019-11-08 16:56:48
158
原创 arguments和this
他是一个类数组的对象，有length属性，不是数组，它的内容是函数运行时的实参列表 即srguments可以获取函数运行时收到的实参个数（在多态里可以用到）它收集的是‘所有’的实参，即使没有与之相对应的形参 而形参与对应的arguments单元，其实是相互映射的，互相影响arguments.callee属性代表当前运行的函数问题：匿名函数，不用callee 完成递归函数运...
2019-02-16 21:27:05
321
原创 js高级
var 是定义，没有的话仅仅是赋值，不要狭隘的认为就是全局以window.xxx引用全局变量，寻找不到，作为某个属性不存在，返回undefined直接返回xxx 则报错，d is not definedjs代码自上而下执行，但是在整体运行前分为词法分析（预解析）和运行期词法分析，分析3样东西：参数；变量声明；函数声明；一个函数能使用的局部变量，就从上面的3步分析而来 具体步骤...
2019-02-16 19:42:43
145
原创 node搭建服务器
//加载http模块,http系统模块var http = require('http');//create 创建 server 服务//req request=>请求 res response=》相应http.createServer(function(req, res) { var url = req.url; // /?username=yuonly&a...
2018-10-05 17:07:12
235
原创 表单 单选 多选 下拉 以及属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="radio" nam
2018-08-26 17:06:18
920
原创 HTML XHTML和XML的区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。HTML 和 XHTML 的区别简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要...
2018-08-08 15:02:54
856
原创 apply()与call()的区别
它们各自的定义：apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。它们的共同之处：都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文...
2018-08-08 10:40:41
828
原创 移动端开发常见的兼容问题
禁止复制、选中文本 Element {-webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; user-select:none;}解决移动设备可选中页面文本(视产品需要而定) 长时间按住页面出现闪退element { -webkit-touch-callout:n...
2018-08-08 09:39:23
1809
原创 ES6 新特性 set map promise
# **数组中 ** # find() 找出第一个符合条件的数组成员 没有 返回undefined findIndex()找出第一个符合条件的数组成员的下标 没有返回-1 可以发现NaN 弥补indexof的不足 rest参数 创建数组 该变量将多余的参数放入数组中 ...
2018-08-07 08:24:41
612
原创 H5新特性
个人总述：语义化标签，本地存储，离线web应用，canvas,音频 视频，地理位置，新增表单控件 1. 用于绘画 canvas 元素。2. 用于媒介回放的 video 和 audio 元素。3. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏览器关闭后自动删除。4. 语意化更好的内容元...
2018-08-07 08:18:27
186
原创 mongoose mongoDB 数据库的增删改查 CRUD
# Mongoose## 简介- Mongoose 是MongoDB的一个对象模型工具，是 nodejs 操作 MongoDB 的第三方框架，可以在异步的环境下执行。- 同时它也是针对MongoDB操作的一个对象模型库，封装了MongoDB对文档的的一些增删改查等常用方法，让NodeJS操作Mongodb数据库变得更加灵活简单。 - 参考资料 - 文档...
2018-08-07 08:17:46
370
原创 懒加载原理
懒加载有图片懒加载和路由懒加载。图片懒加载原理是使用js监听图片元素是否进入可视窗口，进入之前，将图片链接设为假地址而真正的地址用自定义属性储存起来，进入之后，将src属性值替换成真正地址；优点：能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题；路由懒加载：把所有代码分成几块，按需加载；按照路由跳转加载需要的代码块，同样地减少不必要的服务器请求；也可参考：htt...
2018-08-07 08:16:59
808
原创 vue框架的优势，为什么技术选型选择vue,怎么看待vue？
Vue.js 是什么？ Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API； 我们都知道单页面应用：页面切换快 ，首屏时间稍慢，SEO差 js 渲染 （多页面应用： 首屏时间快，SEO好 切换慢 htttp 请求）简而言之：Vue.js...
2018-08-07 08:16:41
44250
3
原创 降低页面加载时间的方法大全
1.可以减少页面当中http请求数量；2.压缩合并js代码、css代码；3.css放在文件头部，js代码放在文件底部；4.使用多域名负载网页内的多个文件、图片；5.服务器开启gzip压缩；6避免使用高级选择器；7.使用CDN内容分发网络；8.优化图片 图片懒加载；9.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方）webp格式10.标明高...
2018-08-07 08:16:08
441
原创 react生命周期以及渲染次数
getDefaultProps()，调用1次getInitialState()，调用1次componentWillMount()，调用1次render()，调用>=1次componentDidMount()：仅客户端，调用1次componentWillReceiveProps(object nextProps)，调用>=0次ShouldComponentUpdate(obj...
2018-08-07 08:15:35
1677
原创 手机端页面设置缓存
设置缓存<meta http-equiv="Cache-Control"content="no-cache"/>手机页面通常在第一次加载后会进行缓存，然后每次刷新会使用缓存而不是去重新向服务器发送请求。如果不希望使用缓存可以设置no-cache。...
2018-08-07 08:15:19
1402
原创 鼠标右键事件 contextmenu
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{
2018-08-07 08:14:57
2267
原创 src和href的区别
虽然一直在用这两个属性，但是一直没有具体的去区分和了解这两个属性的区别，今天就来看看 href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系 src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。 src是source的缩写，是指向外部资源的位置，指向的内部会...
2018-08-06 08:41:42
33264
4
原创 string 字符串的方法
字符串的方法----------主要区分：slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分（start，end)不包括结束substring() 方法用于提取字符串中介于两个指定下标之间的字符。!!!!!!（start，end）参数不接受负数，取的是区间substr()方法可在字符串中抽取从start下标开始的指定数目的字符。（start，length）s...
2018-08-06 08:13:43
274
原创 六种常用的设置水平垂直居中的方式
1 position: absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;2position:absolute;left:0;top...
2018-08-06 08:12:02
598
原创 清除浮动的八种方式
1，在同级浮动元素的背后加一个空的div,设置属性clear:both; 2 ,给父元素加高度，解决了父级div无法自动获得高度的问题，但是这种限制了兼容性的问题，而且子元素高度必须和父元素一样，不然会出错 3，overflow:hiddent 浏览器会自动检查浮动区域的高度； 4，父级div定义 伪类:after 和 zoom ...
2018-08-06 08:08:43
230
原创 pc端移动端布局有什么区别
1.兼容问题PC端在开发过程中需要考虑不同浏览器的兼容问题移动端则需要考虑的是不同手机操作系统的手机分辨率的略微差异化2.布局问题PC端最常用的布局一般是固定的宽度移动端因为有很多网页是可以横屏看也可以竖屏看，所以一般使用自适应布 局或响应式布局3.事件触发pc端没有触摸的各种事件，移动端有移动端没有鼠标移入移出事件，但是pc端有4.Js移动端和pc端适用的js框架也是不...
2018-08-06 08:06:41
2004
原创 (css元素溢出) overflow的设置项
1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-top塌陷的功能。3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。5、inherit 规定应该从父元素继承 overflow 属性的值。...
2018-08-06 08:04:34
1805
原创 margin-top 塌陷 的解决方案
在两个盒子嵌套时候，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，解决方法如下： 1、外部盒子设置一个边框 border 2、外部盒子设置 overflow:hidden 3、使用伪元素类： .clearfix:before{ content: ''; display:...
2018-08-06 08:03:14
259
原创 背景图片的设置
设置背景图片垂直位置的有“top”、“center”、“bottom”还可以设置具体的像素值 来把背景图片精确地定位到盒子的某个位置 “background:url(location_bg.jpg) -110px -150px”，第一个数值表示背景图相对于自己的左上角向左偏移110px，负值向左，正值向右，第二个数值表示背景图相对于自己的左上角向上偏移150px，负值向上，正值向...
2018-08-06 08:02:42
280
原创 浮动 和 文档流
# 文档流 # 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 # 浮动 # 浮动让行内元素或块元素自动转化为行内块元素 浮动元素后面没有浮动的元素会占据浮动元素的位置，没有浮动的元素内的## 文字 ##会...
2018-08-06 08:00:41
252
原创 WX 微信小程序
# 小程序的生命周期 #onLaunch 初始化完成时，会触发 onLaunch（全局只触发一次）onShowonHideonError 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息其他 开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问，上面的getPics就是函数， globalNam...
2018-08-05 14:57:43
465
原创 脱离文档流的疑难混淆点儿 display:inline-block能脱离文档流吗
CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。脱离文档流只是对html文档的一种...
2018-08-05 14:57:26
1698
原创 前端的安全问题，Xss
SS是跨站脚本攻击（Cross-Site Scripting）的简称，它是个老油条了，在OWASP Web Application Top 10排行榜中长期霸榜，从未掉出过前三名。XSS这类安全问题发生的本质原因在于，浏览器错误的将攻击者提供的用户输入数据当做JavaScript脚本给执行了。XSS有几种不同的分类办法，例如按照恶意输入的脚本是否在应用中存储，XSS被划分为“存...
2018-08-05 14:56:24
366
原创 线程
首先答案是：引入线程的操作系统中，资源分配和调度的基本单位是线程。分析如下 在20世纪60年代中期，人们设计多道程序OS时，引入了进程的概念，从而解决了单处理机环境下的程序并发执行问题。在在此后的二十年里，在多道程序OS中一直是以进程作为能拥有资源和独立调度（运行）的基本单位的。到了80年代中期，人们又提出了比进程更小的基本单位———线程的概念，试图用它来提高程序的并发执行的速度，...
2018-08-05 14:55:51
224
原创 BFC的介绍和运用
BFC的定义：BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。作用：创建BFC来避免垂直外边距叠加创建BFC来清除浮动创建BFC来实现自适应布局...
2018-08-05 14:55:33
450
原创 https介绍
HTTPS（securely transferring web pages）服务器，默认的端口号为443/tcp 443/udp；https就是套在SSL/TLS内的http，也就是安全的http。HTTPS可以认为是HTTP+TLS，目前大部分 WEB 应用和网站都是使用 HTTP 协议传输的。加密加密算法分为两种：对称加密和非对称加密，对称加密是指加密和解密使用的是相同的密钥而...
2018-08-05 14:55:03
241
原创 $(document).ready()
区别1：它规定DOM（网页文档）加载完成后网页内容加载之前执行的，也就是说在html加载完成后，图片加载之前。window.onload是在页面所有元素（包括图片、引用文件）加载完成后执行，也就是说页面的所有东西加载完之后在加载。区别2：$(document).ready()比window.onload()的加载速度要快区别3：前者可以写多个，后者页面中只能写一个。onload(...
2018-08-05 14:34:55
2591
1
原创 怎么处理移动端1px 被渲染成2px 的问题？
在<head></head>之间设置下<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />兼容性问题，某个元素默认就有1px的border，或者有1px的outline，将各元素的base属性border与outline设为0；<s...
2018-08-05 14:27:54
2676
原创 最全的状态码
状态码100 客户端继续其请求。 状态码101 切换协议，服务器根据客户端的请求切换协议，只能切换到更高级的协议。 状态码200 请求成功，一般用于GET和POST请求方式。 状态码201 成功求情并创建了新的资源。 状态码202 已接受请求，但是未处理完成。 状态码203 非授权信息，请求成功，但是返回的meta信息不再原始的服务器，而是一个副本。 状态码204 无内容，服务器处理成...
2018-08-05 14:26:58
511
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人