前端之javascript总结

                                                                                  1、javascript 单线程,同步执行(一个等一个,一个完成在执行下一个) 2、变量、函数声明提前 变量定义会声明提前,赋值留在原地,后面会覆盖前面 函数是一等公民,会提前到函数之前,定义赋值同步提升 3、函数名指针,指向一个地址(存储空间):堆内存 (先进先出) 4、函数执行会将上...

                                                                                  2019-01-14 19:40:00

                                                                                  阅读数 104

                                                                                  评论数 0

                                                                                  现代前端技术

                                                                                  1.为什么使用doctype doctype是文档类型声它就是告诉浏览器,使用哪种规范来解释这个文档中的规范。你知道如果没有它,浏览器在渲染页面的时候会使用怪异模式(各个浏览器在怪异模式下对各个元素渲染时有差异,因此会导致同一个样式在不同浏览器上看到的效果不同)。 浏览器按照自己的方式解析...

                                                                                  2018-09-21 15:05:05

                                                                                  阅读数 44

                                                                                  评论数 0

                                                                                  前端之js基础

                                                                                  1、创建变量的方式 var es3 function es3 let es6 const es6 import es6 class es6 2、数据类型 基本数据类型(值类型) null、undefined、string、numbe...

                                                                                  2019-06-02 12:03:46

                                                                                  阅读数 139

                                                                                  评论数 0

                                                                                  前端之js - 函数节流

                                                                                  resize,scroll,hover等js事件触发时绑定的方法会被频繁调用,致使页面产生性能问题,所以我们使用函数节流来解这个决问题 //scroll方法中当间隔时间大于2s,do somthing执行一次 window.addEventListener('scroll',function(...

                                                                                  2019-03-27 20:13:53

                                                                                  阅读数 30

                                                                                  评论数 0

                                                                                  前端框架之vue

                                                                                  一、vue 项目环境与搭建 1、安装node.js 2、npm install --global vue-cli 全局安装vue脚手架 3、vue init webpack vue_project 使用脚手架创建项目 4、cd vue_project 进入项目...

                                                                                  2019-03-17 13:54:50

                                                                                  阅读数 62

                                                                                  评论数 0

                                                                                  前端之框架-vue常用方法

                                                                                  路由跳转传参: 1、this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}}) 2、this.$router.push({path:'路由命名', query:{ 参数名:参数值 } }) 路由跳转接收 ...

                                                                                  2019-03-01 12:42:52

                                                                                  阅读数 52

                                                                                  评论数 0

                                                                                  前端之js-懒加载

                                                                                  实现思路:先将所有图片的路径存放在自定义属性中,到达位置(图片距离页面顶部的距离小于滚动过的距离+屏幕视口的高度),将自定义属性中的路径重新赋给图片的路径,展示到页面中 var num = document.getElementsByTagName('img').length; va...

                                                                                  2019-03-01 11:39:29

                                                                                  阅读数 82

                                                                                  评论数 0

                                                                                  前端之js-上拉加载

                                                                                  实现思路:当滚动过的高度+一屏幕的高度 = 文档总高度,实现加载 //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement &...

                                                                                  2019-03-01 11:32:38

                                                                                  阅读数 50

                                                                                  评论数 0

                                                                                  前端之http

                                                                                  一、什么是HTTP? HTTP是超文本传输协议,计算机之间要通信,必须遵循协议的规则。 二、HTTP工作过程? 分为以下三个步骤: 1、HTTP客户端发起请求,创建端口。 2、HTTP服务器在端口监听客户端请求。 3、HTTP服务器向客户端返回状态和内容 三、常用响应状态码: 200...

                                                                                  2019-03-01 11:18:34

                                                                                  阅读数 45

                                                                                  评论数 0

                                                                                  前端之URL输入到页面过程

                                                                                  URL输入到页面过程分为以下几步: DNS 解析:将域名解析成 IP 地址 TCP 连接:TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接:TCP 四次挥手 ...

                                                                                  2019-03-01 11:15:06

                                                                                  阅读数 38

                                                                                  评论数 0

                                                                                  前端之浏览器渲染

                                                                                  浏览器渲染过程: 1、解析HTML生成DOM树。 2、解析CSS生成CSSOM规则树。 3、将DOM树与CSSOM规则树合并在一起生成渲染树。 4、遍历渲染树开始布局,计算每个节点的位置大小信息。 5、将渲染树每个节点绘制到屏幕。 ...

                                                                                  2019-03-01 11:09:15

                                                                                  阅读数 35

                                                                                  评论数 0

                                                                                  前端之css - 回流与重绘

                                                                                  回流与重绘定义: 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新...

                                                                                  2019-03-01 10:57:23

                                                                                  阅读数 36

                                                                                  评论数 0

                                                                                  前端之css-BFC

                                                                                  BFC 定义   BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 BF...

                                                                                  2019-03-01 10:43:45

                                                                                  阅读数 30

                                                                                  评论数 0

                                                                                  前端常用方法

                                                                                  function remove(arr,item){ if(arr.length){ var index = arr.indexOf(item); if(index>-1){ return arr.splice(...

                                                                                  2019-02-27 10:46:29

                                                                                  阅读数 37

                                                                                  评论数 0

                                                                                  echarts绑定数据

                                                                                  当统计维度复杂,并且后台无法返回前端需要的数据格式时,需要前端进行数据格式的转换,展示相应的统计图 实现思路: 1、循环提取year作为横坐标 2、循环提取图例数据,构建二维数组 3、解析二维数组,转换为echarts识别的格式,渲染页面 function cha...

                                                                                  2019-02-26 12:01:07

                                                                                  阅读数 36

                                                                                  评论数 0

                                                                                  echarts柱状图下钻

                                                                                  <!DOCTYPE html> <html style="height: 100%"> <he...

                                                                                  2019-02-25 20:40:33

                                                                                  阅读数 89

                                                                                  评论数 0

                                                                                  echarts组织架构图

                                                                                  echarts中常用:title,xAxis,series <!DOCTYPE html> <head> <meta charse...

                                                                                  2019-02-25 20:35:19

                                                                                  阅读数 128

                                                                                  评论数 0

                                                                                  前端之IE-tester测试工具

                                                                                  下载链接:http://www.ietester.cn/ 1.问题:打开IE6出现崩溃 解决步骤:在弹出的IETester己停止工作的下面有一个“查看详细”,下面会报告出错误的详细信息。其中故障模块名称为"jsproxy.dll".而jsproxy.dll是负责...

                                                                                  2018-10-10 12:55:07

                                                                                  阅读数 37

                                                                                  评论数 0

                                                                                  前端之HTML-多个Img标签之间的间隙处理方法

                                                                                  1.多个标签写在一行 <img src="1.jpg" height="100px"/><img src="1.jpg" ...

                                                                                  2018-10-05 20:29:30

                                                                                  阅读数 350

                                                                                  评论数 0

                                                                                  前端之jquery-jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})区别

                                                                                  1.(function($){...})(jQuery);   (1)、原理:    这实际上是匿名函数,如下:     function(arg){...}     这就定义了一个匿名函数,参数为arg;而调用函数是,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身...

                                                                                  2018-09-29 11:14:48

                                                                                  阅读数 534

                                                                                  评论数 0

                                                                                  提示
                                                                                  确定要删除当前文章?
                                                                                  取消 删除
                                                                                  关闭
                                                                                  关闭