文章
文章用户商城文档资讯沸点导航

前端知识基础

100个创造世界的人

往期专题
一共19篇文章
专题：第1期
  • 性能优化
    性能优化

    性能优化

    性能优化 减少HTTP请求次数 CSS Sprits 对CSS或JS文件进行合并压缩（webpack、服务器开启资源文件gzip压缩） 采用JSON格式进行客户端与服务器端数据传输 良好的编码习惯（内存泄漏、减少对DOM操作） 图片懒加载，在页面开始加载时，不请求真实的图片地址，使用默认图占位（减少页面首次加载HTTP请求次数） audio或video标签设置preload=none（页面加载时，…...
  • HTTP(AJAX技术细节)
    HTTP(AJAX技术细节)

    HTTP(AJAX技术细节)

    AJAX技术细节 Ajax状态码，xhr.readyState 0：UNSENT 未发送，创建Ajax对象，默认值为0 1：OPENED 执行xhr.open 2：HEADERS_RECEIVED 当前ajax请求已经发送，并且已经接收到服务器端返回的相应头信息 3：LOADING 响应主体内容正在返回 4：DONE 相应主体内容已经返回到客户端 HTTP网络状态码 HTTP网络状态码，记录当前服…...
  • HTTP(跨域和缓存)
    HTTP(跨域和缓存)

    HTTP(跨域和缓存)

    跨域和缓存 CORS跨域 搭建服务端： server.js const http = require('http'); const fs = require('fs'); http.createServer((request, response) => { console.log('request come', request.ur…...
  • HTTP导学
    HTTP导学

    HTTP导学

    HTTP导学 输入URL打开网页 AJAX获取数据 img标签加载图片 cache-control public、private must-revalidate no-cache、no-store 缓存验证 last-modified配合if-modified-since etag配合if-none-match 请求头 content-type、content-encoding等用来约束数据类型 …...
  • HTTP细节
    HTTP细节

    HTTP细节

    HTTP细节 题目分析：“当我们在浏览器地址栏中输入一个URL地址，到最后看到页面，中间都经历了哪些事情？” 1、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有数据，就会直接在页面中显示。 2、在发送Http请求前，进行域名解析（DNS解析：DNS-域名系统，将域名和IP地址相互映射的一个分布式数据库，类似别名），获取相应的IP地址。 3、浏览器向服务器发起TCP连接，与浏览器建立TC…...
  • JQUERY的DEFERRED对象
    JQUERY的DEFERRED对象

    JQUERY的DEFERRED对象

    JQUERY的DEFERRED对象 deferred对象就是jQuery的回调函数解决方案。 它解决了如何处理耗时操作的问题，提供了更好的控制和javascript统一的编程接口。 Ajax操作的链式写法 $.ajax('test.html') .done(function () { alert('success'); }) .fail(function (…...
  • 实用技巧
    实用技巧

    实用技巧

    实用技巧 使用闭包实现私有变量 function Person(name, age) { this.getName = function() { return name; }; this.setName = function(newName) { name = newName; }; this.getAge = function() { return age; }; this.setAge = f…...
  • CSS(基础知识)
    CSS(基础知识)

    CSS(基础知识)

    基础知识 JS的导入以及常用的输出方式 JS的变量/常量及数据类型 JS中数据类型的检测 JS中常用的操作语句：循环和判断 JS中常用的DOM操作方法 JS中函数（方法） 实战案例：奇偶行变色 实战案例：选项卡 浏览器内核 谷歌（chrome）：webkit内核（V8引擎） 火狐：gecko 欧朋：presto IE：trident 命令规范 info 信息 init 初始化 add/insert…...
  • CSS(垂直居中)
    CSS(垂直居中)

    CSS(垂直居中)

    垂直居中 1、ling-height 适用场景：单行文字垂直居中，按钮、下拉框、导航栏 将单行文字的行高设定后，文字会位于行高的垂直中间位置。 <div class="content">Long time no see.</div> .content { width: 400px; background: #ccc; line-height: 100px…...
  • CSS(定位)
    CSS(定位)

    CSS(定位)

    BFC的定义 BFC决定了元素对其内容进行定位，以及与其他元素的关系和相互作用。 创建了BFC的元素中，子元素会依次放置。两个相邻的元素之间的垂直距离取决于margin特性。相邻的块级元素的垂直边距会折叠。 每个元素左外边与包含块的左边想接触，即使存在浮动也是如此（一个元素的内容区域由于浮动而压缩），除非这个元素新建一个新的BFC。 浮动元素会形成BFC，浮动元素内部子元素只要受该浮动元素影响，两…...
  • CSS(清除浮动)
    CSS(清除浮动)

    CSS(清除浮动)

    清除浮动 overflow: hidden overflow溢出隐藏 清除浮动 解决margin-top的传递问题 （面试题）： 单行文本出现省略号（4个必备条件，缺一不可） width 宽度（不写宽度，默认继承父元素宽度） overflow: hidden;（溢出隐藏） white-space: nowrap; text-overflow: ellipsis;文字隐藏的方式，以省略号的方式隐藏 …...
  • CSS(背景图像)
    CSS(背景图像)

    CSS(背景图像)

    BFC的定义 BFC决定了元素对其内容进行定位，以及与其他元素的关系和相互作用。 创建了BFC的元素中，子元素会依次放置。两个相邻的元素之间的垂直距离取决于margin特性。相邻的块级元素的垂直边距会折叠。 每个元素左外边与包含块的左边想接触，即使存在浮动也是如此（一个元素的内容区域由于浮动而压缩），除非这个元素新建一个新的BFC。 浮动元素会形成BFC，浮动元素内部子元素只要受该浮动元素影响，两…...
❯
个人中心
购物车
优惠劵
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部