240 发简信
IP属地:湖北
  • JS+Vue实现元素拖拽

    背景 工作中遇到这样的一个需求:将页面侧边菜单拖拽到页面中间的画布中,然后在画布内可对此菜单进行随意移动。操作如下图所示: 功能分析 页面分为菜单和画布两个部分,其中菜单部分...

  • 函数防抖和函数节流

    什么是函数防抖和函数节流 函数防抖(debounce):当事件被触发一段时间后再执行回调,如果在这段时间内事件又被触发,则重新计时 函数节流(throttle):指定时间间隔...

  • AJAX是什么

    AJAX 即 “Asynchronous JavaScript and XML”(异步的 JavaScript 与 XML 技术),AJAX的概念由Jesse James G...

  • HTTP 缓存

    前端开发的时候,在页面刷新后,所有数据都会被清空。如果要使数据不被清除,这个时候就需要用到其他存储方式:cookie、session、localStorage、``sessi...

  • JSONP是什么

    JSONP(JSON with padding),服务器与客户端跨源通信的常用方法,可以让网页从别的网域获取数据。 JSONP的全部过程 在页面中创建一个动态的 , 通过 标...

  • 120
    DOM

    DOM全称为文档对象模型(Document Object Model )。它将网页转化为一个 JavaScript 对象,从而可以用脚本进行各种操作。 浏览器会根据 DOM ...

  • 实现一个 jQuery 的 API

    本文通过使用原生DOM API实现类似于jQuery的元素添加类和获取元素文字的方法来理解jQuery的实现原理 html部分 实现元素添加类 封装一个addClass()函...

  • 原型与原型链

    JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象,对象以其原型为模板、从原型继承方法和属性...

  • 「造轮子」—Xue-ui (基础组件)

    写在前面 Xue-ui 是我在学习前端过程中制作的一个 UI 组件库。目前大大小小的组件已经写了20来个,并且用写好的组件搭建了一个官网。 源码仓库文档链接 Xue-ui 已...

  • JS里的内存机制

    数据的存储方式 JS引擎将内存分为代码区和数据区,其中,数据区分为 Stack(栈内存) 和 Heap(堆内存)。简单类型的数据直接存在 Stack 里,复杂类型的数据是把 ...

  • 数据类型的转换

    Number类型 Number()强制转换 使用Number(),将任意类型的值转换为number类型。 简单类型转换 字符串:如果可以被解析为数值,则转换为相应的数值 字符...

  • 120
    JS里的数据类型

    JavaScript的数据类型一共有7种。其中,基本类型有string,number,boolean,symbol,null,undefined;复杂类型有object,复杂...

  • 【css】居中方案

    前言:根据最近学习的课程,简单总结一下学习到的css左右布局以及居中方案。后期学习深入之后再回来进行css居中的完整总结。 左右布局/左中右布局 给所有子元素添加 float...

  • 120
    【css】内联元素与块级元素分别是个啥

    前言:在介绍css布局之前,先理解一下内联元素和块级元素分别是怎样的。 内联元素 内联元素占据它对应标签的边框所包含的空间。 内联元素从左往右流动,若宽度不够,换行继续流动。...

  • 120
    基于vue-cli快速构建

    Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端,做过Vue,了解了一下React,听说过Angluar。我...