文章库ARTICLE COLUMN

  • 页面渲染性能控制-重绘与回流

    页面渲染性能控制-重绘与回流

    摘要:重绘只涉及样式的改变,不涉及到布局。当获取一些属性时,浏览器为了获得正确的值也会触发回流。避免多次读取等属性。将复杂的元素绝对定位或固定定位,使它脱离文档流。 浏览器解析代码过程 页面的显示过程分为以下几个阶段: 生成DOM树(包括display...

    cooxercooxer 评论0 收藏0
  • Fundebug前端JavaScript插件更新至1.8.2,修复2个小BUG

    Fundebug前端JavaScript插件更新至1.8.2,修复2个小BUG

    摘要:前端异常监控插件更新至,修复了个小修复用户行为中重复记录请求的修复的为报错的这个都不会影响功能,不过为了避免造成困扰,请大家及时更新插件。 摘要: 修复2个BUG,请大家及时更新。 showImg("https://segmentfault.com/img/remote/1460000019373...

    lifesimplelifesimple 评论0 收藏0
  • 【坑】冒泡事件不生效 --- iPhone处理冒泡事件的规则

    【坑】冒泡事件不生效 --- iPhone处理冒泡事件的规则

    摘要:写手机侧滑的时候电脑及手机都没毛病唯独没有效果怀疑是自己的问题一百度还真是捂脸处理冒泡事件的规则点击某个元素如果这个元素上没有处理该事件,则继续向上冒泡,直到下的子节点为止。 写手机侧滑的时候 电脑及 Android 手机都没毛病唯独 iPhone 没...

    chavesguchavesgu 评论0 收藏0
  • axios跨域请求默认不携带cookie

    axios跨域请求默认不携带cookie

    摘要:如下图图片描述由于登录不上,怀疑是否是未携带,但是无论如何操作,面板总是只显示这个。查阅文档,配置项有一个,表示跨域请求时是否需要使用凭证,默认值为。即在发起跨域时默认不携带,将设置为即可正常携带。 最近开发一款前后端分离的应用,后端...

    李增田李增田 评论0 收藏0
  • 写了一个小工具-每日一句诗词 npm cli

    写了一个小工具-每日一句诗词 npm cli

    tang-poems showImg("https://segmentfault.com/img/remote/1460000019514287"); showImg("https://segmentfault.com/img/bVbt2IX?w=600&h=172");Uses the API from this great article on...

    DesGeminiDesGemini 评论0 收藏0
  • [源码阅读]基于Canvas+贝塞尔曲线算法的平滑手写板

    [源码阅读]基于Canvas+贝塞尔曲线算法的平滑手写板

    摘要:对于能画出贝塞尔曲线的,对已经求出的实例,执行,否则执行画点的方法获取配置中的,执行画点。总结阅读一遍后,这个库说白就是基础的事件操作贝塞尔曲线算法,但是,它内部的代码格式非常清晰,细粒度代码复用使得维护起来非常方便。 signature_pad...

    DarkgelDarkgel 评论0 收藏0
  • 生成海报(前端 | python)

    生成海报(前端 | python)

    摘要:忙着忙着老大说要生成海报,有个活动要给每个用户来个分享图。虽然我实现了写个页面调用之前生成长截图的服务。使用这段时间以来就是感觉这个编码格式极其难受。网上查也不少前端技术处理我堂堂前端,怎么也得露一手吧。前端处理需要注意跨域空格等问题...

    nevermindnevermind 评论0 收藏0
  • FireFox和Safari兼容event.path

    FireFox和Safari兼容event.path

    摘要:在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素,在中可以通过获取。该属性在和浏览器下没问题,但是在和中发现并没有属性。进过查找资料发现,在浏览器新的标准里定义的可以获取 在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素,...

    youkedeyoukede 评论0 收藏0
  • 【JS】关于JS的一些知识点(JS基础,纯记录)

    【JS】关于JS的一些知识点(JS基础,纯记录)

    摘要:如何让根据拆箱转换,以及的隐式转换,可以如下写为什么计算机中所有的数据都是以二进制存储的,所以在计算机计算时要把数据先转换成二进制进行计算,然后把计算结果转换成十进制。会存在精度丢失问题和的二进制都是以无线循环的小数的二进制的二进制 ...

    SwordFlySwordFly 评论0 收藏0
  • canvas实例 --- 制作简易迷宫

    canvas实例 --- 制作简易迷宫

    摘要:整个思路十分简单首先我们将迷宫视为一个行列的单元格组合,每一个单元格便可以表示为。用来储存我们已访问过的单元格,则记录我们的访问路径。我们通过将单元格的,,,属性设置为或来标识这个方向是否应该有边框,同时该方向是否可走。 这个系列分为...

    孙吉亮孙吉亮 评论0 收藏0
  • 详细了解 clientWidth、clientHeight、clientLeft、clientTop

    详细了解 clientWidth、clientHeight、clientLeft、clientTop

    摘要:元素内部宽度和高度获取元素内边距边框到边框的距离大概如下图所示属性表示元素的内部宽度,以像素计。如上图所示计算方式为分为如下两种存在垂直滚动条不存在滚动条属性表示元素内部的高度单位像素,包含内边距,但不包括水平滚动条边框和外边距。 cl...

    ThreeWordsThreeWords 评论0 收藏0
  • 前端培训-中级阶段(2) - 事件(event) 事件冒泡、捕获 - (2019-06-20期)

    前端培训-中级阶段(2) - 事件(event) 事件冒泡、捕获 - (2019-06-20期)

    摘要:事件监听器可以被添加到节点上并在给定事件发生时触发。可以选择触发阶段冒泡捕获事件机制标准事件标准规定事件流包含三个阶段,分别为事件捕获阶段,目标阶段,事件冒泡阶段。返回其事件监听器触发该事件的元素。清理事务设置检查点的标志为。 前端最...

    zhaochunqizhaochunqi 评论0 收藏0
  • 使用 Docker 部署 NodeJS + MongoDB 项目

    使用 Docker 部署 NodeJS + MongoDB 项目

    摘要:最近在学习,并用重新部署了项目,使用后确实大幅度地降低了部署难度。如果,内存,硬盘不够,只能加物理设备,但这个是有上限的。虚拟化时代为了解决物理设备的诸多问题,出现了虚拟机。全手动部署编写文件。一键启动,确保已安装。 最近在学习 Docke...

    IamDLYIamDLY 评论0 收藏0
  • JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?

    JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?

    摘要:箭头函数没有自己的值,箭头函数中所使用的来自于函数作用域链。使用箭头函数打印对于内层函数,它本身并没有值,其使用的来自作用域链,来自更高层函数的作用域。 《JavaScript 深入浅出》系列: JavaScript 深入浅出第 1 课:箭头函数中的 this 究...

    MRZYDMRZYD 评论0 收藏0
  • vue 报错解决:TypeError: Cannot read property 'dat

    vue 报错解决:TypeError: Cannot read property 'dat

    showImg(https://segmentfault.com/img/bVbt08H?w=1231&h=375); showImg(https://segmentfault.com/img/bVbt08M?w=516&h=254); showImg(https://segmentfault.com/img/bVbt08R?w=241&h=139);请大佬帮我看一下

    EdwardUpEdwardUp 评论0 收藏0
  • POST 请求的三种常见数据提交格式

    POST 请求的三种常见数据提交格式

    摘要:一般使用请求方法向服务器发送数据主要是一些创建更新操作,本文讨论的是请求方法常用的四种数据提交格式。其实就是和请求的数据提交格式是一样的,只不过位置从上换到了里。适用场景数据量不大数据层级不深的情况下强烈建议这种数据提交格式。 本文所...

    Kylin_MountainKylin_Mountain 评论0 收藏0
  • 基于 Decorator 实现对象校验

    基于 Decorator 实现对象校验

    摘要:文章首发于已经提案很久了,已经有过很大的改动。本文基于老的提案实现。前言有了,我认为表单校验方式会有更多的玩法。所以基于实现了一个纯净的对象校验的库。 文章首发于 shuaizhang.top Decorator 已经提案很久了,已经有过很大的改动。本文基于老...

    刘厚水刘厚水 评论0 收藏0
  • undefined和null的区别

    undefined和null的区别

    摘要:类型,当一个声明了一个变量未初始化时,得到的就是。是的关键字,可以认为是对象类型,它是一个空对象指针,和其它语言一样都是代表空值,不过却是才有的。没有返回值的函数返回为,没有实参的形参也是。值则是表示空对象指针。 null: Null类型,代...

    EastboatEastboat 评论0 收藏0
  • webpack4.x升级摘要

    webpack4.x升级摘要

    摘要:以为例,编写来帮助我们完成重复的工作编译压缩我只要执行一下就可以检测到文件的变化,然后为你执行一系列的自动化操作,同样的操作也发生在这些的预处理器上。的使用是针对第三方类库使用各种模块化写法以及语法。 showImg("https://segmentfault.co...

    levinitlevinit 评论0 收藏0
  • 全屏滚动封装(PC端)

    全屏滚动封装(PC端)

    摘要:使用说明函数调用参数说明大盒子标签名大盒子名大盒子类名侧导航每层盒子标签名侧导航每层盒子名侧导航每层盒子类名任选一个传入兼容性兼容火狐及以上。如果想兼容最好传或者标签名类名没做处理或者可以自己再处理一下。这里写上面封装的函数 使用说明...

    siberiawolfsiberiawolf 评论0 收藏0
  • 虚拟 DOM 到底是什么?

    虚拟 DOM 到底是什么?

    摘要:很多人认为虚拟最大的优势是算法,减少操作真实的带来的性能消耗。虽然这一个虚拟带来的一个优势,但并不是全部。回到最开始的问题,虚拟到底是什么,说简单点,就是一个普通的对象,包含了三个属性。 是什么? 虚拟 DOM (Virtual DOM )这个概念相信...

    jaycejayce 评论0 收藏0
  • JavaScript 真·原型继承

    JavaScript 真·原型继承

    摘要:之前在学习原型继承的时候,在网上搜了一堆,发现都不是我想要的结果,就想起来我之前在一本书上看到的原型继承方法。书名忍者秘籍第二版,作者原型继承需要两步第一步是把子类的原型设置为父类的实例。 之前在学习JavaScript 原型继承的时候,在...

    Cheng_GangCheng_Gang 评论0 收藏0
  • 绕圆弧动画的向量解决方式

    绕圆弧动画的向量解决方式

    摘要:方向向量与向量的向量积的方向与这两个向量所在平面垂直,且遵守右手定则。向量解决方案三方案一的问题在于,向量到向量之间的线性插值是直线均匀的,但是不是角度均匀的。 记得几年前,我的一个同事J需要做一个动画功能,大概的需求是实现球面上一个...

    ybakybak 评论0 收藏0
  • 个人公众号已开通!

    个人公众号已开通!

    showImg(https://segmentfault.com/img/bVbt1Op?w=1080&h=1120); showImg(https://segmentfault.com/img/bVbt1Os?w=260&h=260); 链接描述 ** 个人博客地址: https://dengpeng.me **

    junfeng777junfeng777 评论0 收藏0
  • mpvue开发小程序的那点小事

    mpvue开发小程序的那点小事

    摘要:是由美团点评团队开发的,是一个使用开发小程序的前端框架。对于拥有开发经验的开发者,使用开发小程序那是一种不错的体验。 mpvue mpvue是由美团点评团队开发的, 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.j...

    zorrozorro 评论0 收藏0

热门文章

<