- 博客(31)
- 收藏
- 关注
RSS订阅原创 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
注：这题胜在区分度高，知识点覆盖广，再不懂的人，也能答出几句，而高手可以根据自己擅长的领域自由发挥，从URL规范、HTTP协议、DNS、CDN、数据库查询、到浏览器流式解析、CSS规则构建、layout、paint、onload/domready、JS执行、JS API绑定等等；详细版：1、浏览器会开启一个线程来处理这个请求，对 URL 分析判断如果是 http 协议就按照 Web 方式来处理;2、调用浏览器内核中的对应方法，比如 WebView 中的 loadUrl 方法;3、通过DNS解析获
2020-05-28 19:46:24
196
原创 http状态码有那些？分别代表是什么意思？
1**(信息类)：表示接收到请求并且继续处理100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本2**(响应成功)：表示动作被成功接收、理解和接受200——表明该请求被成功地完成，所请求的资源发送回客户端201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成了部分用户的GET请求3**(重定向
2020-05-28 19:44:53
304
原创 jQuery中的一些选择器方法
jQuery是一个JavaScript库，它通过封闭原生JavaScript函数得到一整套定义好的方法。它的作者是John Resig,于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM、和Ajax于一体的强大功能，它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。主指：以更少的代码、实现更多的功能。jQue...
2020-04-29 21:36:36
1655
原创 自己写的ToDoList—最简单的待办事项列表的代码和思路详解没有更详细的了
ToDoList—最简单的待办事项列表 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><titl...
2020-04-28 23:50:00
3507
原创 简单了解AJAX一些写法及注意事项
标题数据提交给服务器有两种方式；第一种是表单提交，通过表单submit触发，提交到form中action属性地址，使用的方法是method给出的这种方式有个缺陷,需要跳转页面第二种是通过ajax提交的,就不能触发submit,而是通过按钮点击,直接使用ajax发送给服务端，发送到的地址就是open中的第二个参数,发送方法就是open的第一个参数，不需要跳转页面,缺陷,部分内容无法进行SEO优...
2020-04-26 21:17:55
1526
原创 简单了解PHP，以及一些PHP中简单语法和注意事项
了解什么是php？PHP 是 “PHP Hypertext Preprocessor” 的首字母缩略词PHP 是一种被广泛使用的开源脚本语言PHP 脚本在服务器上执行PHP 没有成本，可供免费下载和使用什么是PHP文件？PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码，PHP 代码在服务器上执行，而结果以纯文本返回浏览器，PHP 文件的后缀是 “.php”PHP能够做什...
2020-04-24 00:00:34
1587
原创 js中的数组的创建及一些方法怎样遍历数组
数组的创建及方法和怎样遍历数组数组实际上就是来源对象，脱胎于对象，继承于对象数组的创建：var arr=[1,2,3,4,5,6];var arr1=new Array(6);//这个数字就是数组的长度,没有元素var arr=new Array(“a”);//这是数组只有一个元素a,var arr=new Object([1,2,3,4,5]);//一般不用这种创建数组在数组...
2020-04-22 22:11:26
1699
原创 js自动轮播图的思路及代码
1、布局2、定义当前第几张图片和应该向什么方向运动3、将需要放置的图片根据方向放在前面或者后面4、将整个容器向左或者向右移动，5、完成后将上一次的图片删除 // imgCon 放置所有图片的容器 // dotList 放置小圆点列表 // bnList 放置左右按钮的数组 // imgList 放置所有图片的数组 // pos是确定当前是第几个...
2020-04-13 23:54:06
1690
原创 ES6的箭头函数用法以及出现的this问题
箭头函数ES6的箭头函数极大的减缓了函数的语法var fn=()=>{} 相当于下面函数var fn=function (){}箭头函数如果没有参数或者有两个以上参数需要将参数放在（）内；如果函数只有一个参数就不需要加（）var fn= item=>{}=> :函数与函数体区分，意思是将参数带入函数中｛｝：函数语句块，如果函数只有一句话可以不写｛｝意味着retur...
2020-04-10 23:52:54
1435
原创 js中的数据类型的自我总结
数组数据类型var arr = [1, 2, 3, 4, 5, 6, 6];数组无名有值根据下标记录数据 按照顺序记录如果需要找到某个数据，必须遍历整个数组，查找数据 时间长插入，删除，添加元素 因为数组是紧密结构 时间长数组的元素可以重复,无法让元素唯一性数组有关联关系，可以根据自身前后找到上下数据数组可以知道当前遍历到什么地方了对象数据类型var obj = { a:...
2020-04-10 22:56:11
1307
原创 js简单实现人物行走
样式设置div大小跟一个小人一般大小div{width: 32px;height: 32px;background-image: url(./img/Actor01-Braver03.png);background-position-x: 0;background-position-y: 0;position: absolute;left: 0;top: 0;}<di...
2020-04-08 22:54:49
2443
原创 自己总结觉得重要的函数js中的防抖和节流
函数防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流与 函数防抖都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。// 防抖,考虑不能太快进入函数因此我们设置一个item 减少进入函数的次数减缓图像改变速度...
2020-04-08 22:48:34
1236
原创 用JavaScript实现点击文档创建元素，并且可以拖拽该元素
用JavaScript实现点击文档创建元素，并且可以拖拽该元素 // 点击文档创建元素，并且可以拖拽该元素 // 引入js文件 <script src="js/Utils.js"></script> var Utils=(function(){return{ // 求多少到多少之间的随机整数 randoms:func...
2020-04-06 18:38:48
1375
原创 用js实现简单计算器方法
用js实现简单计算器方法<style> .div1 { width: 208px; height: 308px; margin: auto; border: 2px solid #000000; font-size: 0; } .div2 { width: 208px; height: 100px; font...
2020-04-06 18:25:52
1622
原创 string对象，属性及方法
string对象:new String(s);String(s);string属性：length 字符串的长度string的方法：charAt() 返回在指定位置的字符。charCodeAt() 返回在指定的位置的字符的 Unicode 编码。concat() 连接字符串。fromCharCode() 从字符编码创建一个字符串。indexOf() 检索字符串。lastInde...
2020-04-02 23:57:00
1470
原创 JavaScript中Math的方法
Math的方法abs(x) 返回数的绝对值。acos(x) 返回数的反余弦值。asin(x) 返回数的反正弦值。atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。atan2(y,x) 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。ceil(x) 对数进行上舍入。cos(x) 返回数的余弦。exp(x) 返回...
2020-03-31 00:30:41
1178
原创 JavaScript前端面试题
// _________________________面试题 console.log([]==[]);//false // []==>bool==>!bool ![]--->false console.log(![]==[]);// true console.log(![]==![]);// true console.log(
1原创 浏览器兼容
浏览器兼容为什么有浏览器兼容？由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。NCSA Mosaic，或简称Mosaic，是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器； 浏览器内核 ( ...
2020-03-15 21:50:14
1021
原创 鼠标指针
鼠标指针bug:1、cursor: ;auto默认crosshair加号text文本wait等待help帮助progress过程inherit继承move移动ne-resize向上或向右移动pointer手形 （用pointer让鼠标指针显示为手型）hand 手 （只有IE浏览器识别）...
2020-03-13 23:11:50
1447
原创 图片整合
图片整合（精灵图、css sprites、css精灵、雪碧图）优点总结：减少对服务器的请求次数，增加页面加载速度，减小图片的体积； 优点: （1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； （2）CSS Sprites能减少图片的字节； （3）CSS Sprites解决了网...
2020-03-13 00:25:01
1014
原创 多列布局属性
多列布局多列布局类似报纸或杂志中的排版方式，主要用以控制大篇幅文本。 1、column-count : 分隔列数 说明：属性规定元素应该被分隔的列数 用于：除table外的非替换块级元素, table cells, inline-block元素 2、column-gap ： 设置列与列之间的间隔大小； 3、column-rule ： 添加列与列之间的边框 ...
2020-03-11 23:49:18
1416
原创 媒体查询
媒体查询媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。 语法： @media all and...
2020-03-10 23:19:13
1077
原创 HTML新增
新增h5标签header nav section mark footer aside main address article dialog hgroup figure figcaption video audio canvas time新增表单控件input type=“search/url/email/tel/color/number/time/month/week/datetime-...
2020-03-09 23:02:03
994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人