文章库ARTICLE COLUMN

  • 用最科学的方法展示最形象的图表——前段数据可视化选型实践

    用最科学的方法展示最形象的图表——前段数据可视化选型实践

    摘要:提供的图表的确可以满足大部分的需求,遵循了数据可视化的一些经典范式。数据可视化已然成为了新的风向标。数据团队的前端要做的就是用最科学的方法向用户展示最形象的图表,而这,也是我们前行的目标。 前言 也许很多人都会觉得奇怪,在这样一个更多...

    EminjannnEminjannn 评论0 收藏0
  • bowl - 轻量级的前端资源缓存加载器

    bowl - 轻量级的前端资源缓存加载器

    摘要:另外,它不仅可以管理前端资源的缓存,在不需要缓存的时候也可以作为一个普通的加载器来使用,页面中用到的和资源都可以用它来加载。 现在单页应用越来越多,前端能做的事也越来越多,但随之而来的问题是一个单页应用的 CSS 和 JavaScript 代码的体积...

    changfeng1050changfeng1050 评论0 收藏0
  • 【js运算性能系列】拼接字符串的方法及性能比较

    【js运算性能系列】拼接字符串的方法及性能比较

    摘要:将多个字符串拼接在一起,通常有以下三种方法,在实践中都是经常用到的。先把字符串写入临时数组中,然后调用数组的方法,将其中的字符串元素连接起来。使用字符串的函数。 将多个字符串拼接在一起,通常有以下三种方法,在实践中都是经常用到的。 使...

    周国辉周国辉 评论0 收藏0
  • 初识React

    初识React

    摘要:初识依稀记得那年参加线下活动,第一次听说这个词语,当时的主讲人是郭达峰,他播放了一个关于及的性能对比视频。合成事件会以事件委托的方式绑定到组件最上层,并且在组件卸载的时候自动销毁绑定的事件。 初识React 依稀记得2015那年参加线下活动,第...

    kuangcaibaokuangcaibao 评论0 收藏0
  • 禅道项目管理软件bug过滤脚本

    禅道项目管理软件bug过滤脚本

    摘要:新公司使用禅道作管理系统。每次产品上线的时候,所有的测试人员测试出之就就提在禅道上。避免本页跳转导致脚本失效。并给它绑定事件。很多浏览器插件,其实也是在别人的网站上运行自己的脚本实现一些操作。 新公司使用禅道作bug管理系统。每次产品上...

    沈俭沈俭 评论0 收藏0
  • Javascript中的Generator函数和yield关键字

    Javascript中的Generator函数和yield关键字

    摘要:序在中,大家讨论的最多的就是异步编程的操作,如何避免回调的多次嵌套。今天所讲的和就是和异步编程有关,可以帮助我们把异步编程同步化。然而这样的方法依然需要依赖外在的库函数,于是中提出了和关键字。 序 在Javascript中,大家讨论的最多的就是...

    ZHAO_ZHAO_ 评论0 收藏0
  • 一种简单的动画效果实现方式

    一种简单的动画效果实现方式

    摘要:上有个小小的动画,很有趣,效果是这样的当你把鼠标移动到一个横着的手机图案上时,这个手机图案就会立起来,动画很呆萌。 bilibili上有个小小的动画,很有趣,效果是这样的:当你把鼠标移动到一个横着的手机图案上时,这个手机图案就会立起来,动画很...

    miyamiya 评论0 收藏0
  • 拖动窗口并移动窗口位置

    拖动窗口并移动窗口位置

    摘要:该功能常见于滑动验证码部分按住拖动部分部分声明一个开关变量声明一个变量一保存鼠标与盒子之间的距离给标题添加鼠标按下事件计算鼠标位置盒子到页面的位置,得到一个差,永远不变添加鼠标移动事件判断按下的开关状态如果是真再运行限制不 showImg("h...

    GalenceGalence 评论0 收藏0
  • canvas仿芝麻信用分仪表盘

    canvas仿芝麻信用分仪表盘

    摘要:,这是一个仿支付宝芝麻信用分的一个,其实就是一个动画仪表盘。首先,上原图这个是在下支付宝上的截图,分低各位见笑了。 hi,这是一个仿支付宝芝麻信用分的一个canvas,其实就是一个动画仪表盘。 首先, 上原图: showImg("https://segmentfault.com...

    ASCHASCH 评论0 收藏0
  • getComputedStyle与currentStyle获取样式

    getComputedStyle与currentStyle获取样式

    摘要:标准里有个全局方法,可以获取到当前对象样式信息,如,就能获取到对象的左内边距。特别注意一点如果要获取当前对象的颜色信息,返回的是进制值,如,而其他浏览器返回的是值,如下面是一个简单的小示例与获取样式兼容性均支持仅支持 CSS的样式分为三...

    junnplusjunnplus 评论0 收藏0
  • 一个方案-适配所有移动端网页

    一个方案-适配所有移动端网页

    摘要:做过移动端网页的都知道,在一些高要求的移动网页上解决,的屏幕适配问题上花了不少功夫,但有时候还是不尽满意,各种设备上显示还有稍微有一点差距的。初始化的缩放比例,这个属性和中有异曲同工之妙。最后附一个极细边框线的教程。 做过移动端网页的...

    edgardengedgardeng 评论0 收藏0
  • 函数除颤/节流提高性能 + 原生实现滚动时到视口时展现

    函数除颤/节流提高性能 + 原生实现滚动时到视口时展现

    摘要:引言前端开发中一个老生常谈的问题就是当用户滚动时根据滚动的位置适当触发不同的函数动画例如当元素出现在视口时触发该元素的改变通常的做法就是在上附加事件但是我们知道当滚动条滚动时事件触发的是很频繁的且不由控制浏览器的事件队列原生提供如图添...

    mengera88mengera88 评论0 收藏0
  • Array 的常用方法

    Array 的常用方法

    摘要:的方法整理方法用法返回值原数组说明不变合并两个数组为一个新数组不变通过连字符生成字符串排序好的排序好的默认的函数一般不用,定义新函数替代,返回相等,返回负数,第一个在前,返回正数,第二个在前移除中最后一个元素,并返回该元素,为空则 Ar...

    remcarpediemremcarpediem 评论0 收藏0
  • webpack学习(四)— code splitting

    webpack学习(四)— code splitting

    摘要:支持定义分割点,通过进行按需加载。若按照中做,则会造成通用模块重复打包。下文将详细说明。同样是利用和来处理的。如下在中添加入口其中模块为通用功能模块在中对应和这样则会打包出和两个文件。为通用功能模块。希望有更好方案的同学能够不吝赐教。...

    lsxiaolsxiao 评论0 收藏0
  • 『为移动端而生』的自定义多级联动选择器

    『为移动端而生』的自定义多级联动选择器

    摘要:自我介绍是为了满足移动端对各种选择器的需求而生的,兼容性强,灵活度高。目前已有几十万的实际用户正在使用。 MultiPicker - 自我介绍 MultiPicker是为了满足移动端对各种选择器的需求而生的,兼容性强,灵活度高。目前已有 几十万 的实际用户正在使...

    k00baak00baa 评论0 收藏0
  • 用 es6 实现一个简单可复用的 tab 组件

    用 es6 实现一个简单可复用的 tab 组件

    摘要:效果这是用写的一个简单的组件,也可以直接点这里看效果。用来初始化一些成员变量,其中是值当前显示的第几页,如果没有传值,则默认显示第一页。老样子,绑定事件。用了箭头函数,可以让作用域始终指向这个组件,就可以免去额外声明一个来解决作用域问...

    chnmagnuschnmagnus 评论0 收藏0
  • canvas动画时钟

    canvas动画时钟

    摘要:最近在学,然后根据上的例子做了个动画时钟为什么要造个轮子,因为丑。。首先,找一张时钟的图片,就是下面这张了。那么我们就用循环来画出小时的刻度。这个就是我们的绘制时钟的函数。到这里,动画时钟就了效果图如下演示地址地址 最近在学canvas,然...

    GHOST_349178GHOST_349178 评论0 收藏0
  • gulp自动化打包(上)

    gulp自动化打包(上)

    摘要:自动化打包上文章概述本文分为上下两篇,上篇主要介绍一些常用的插件也是此次打包主要用的插件,而下篇主要以一个项目为例,从本地出合适的版本,压缩合并到最后打成包,发送至指定目录,做一个全面的演示。 gulp自动化打包(上) 文章概述 本文分为...

    roland_reedroland_reed 评论0 收藏0
  • Javascript权威指南--每日一读(对象啊~找对象啊~)

    Javascript权威指南--每日一读(对象啊~找对象啊~)

    摘要:创建对象创建对象直接量,。原型每一个对象除了都和另一个对象原型相关联,每个对象都从原型继承属性。前边写过的一个函数找到中的找到结果是,之前提到的不会修改原型链。属性访问错误抛出异常,因为没有属性。存取器属性读取写入可枚举性可配置性。 ...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • javascript  模块化机制

    javascript 模块化机制

    摘要:作为新手,发现对于其的模块机制,不是很理解。的概念出现有效规范了的模块化规范。不再需要对象作为命名空间比如对象,未来这些功能可以通过模块提供。浏览器使用模块的语法如下导出对象和变量导出类对象引入加载机制详见引用资料高静的并行加载与顺序...

    cikenerdcikenerd 评论0 收藏0
  • 图表君碎碎念-- 填坑

    图表君碎碎念-- 填坑

    摘要:,之前在介绍的时候图表君还是留了问题。下边说几句非技术的话题,技术的道路做久了,都会考虑到技术路线的问题,作为一个年轻人图表君并没有太多的经验,但是上周看到了池建强老师的一篇文章,说的挺好,在这里分享给大家。 大家周末好,天气这是越来...

    gojigoji 评论0 收藏0
  • 一个你可能没有注意到的关于JavaScript属性设置的知识

    一个你可能没有注意到的关于JavaScript属性设置的知识

    摘要:今天看你不知道的第五章原型的时候,注意到一个关于属性设置的有意思的地方。但没想到,还有其他不能添加新属性的情况。原型链上有同名的存取器属性,且至少设置了。规则这里以设置为例。那么当我们遇到关于这些知识的的时候,就会很快将问题解决了。 ...

    lovXinlovXin 评论0 收藏0
  • 我的个人简历线上版

    我的个人简历线上版

    摘要:我的个人简历线上版背景在国外已经生活了将近四年,突然间萌生了想辞掉现在工作回国重新找工作的想法。设计设计主要包括以下几个部分颜色,字体中文和英文,图像等。色调大致如下字体方面,英文字体就不必说了,系统自带的已经足够了,我选了,个人偏好...

    miyamiya 评论0 收藏0
  • javascript的parseInt()详解

    javascript的parseInt()详解

    摘要:大体翻译定义和用法函数解析字符串并返回一个整数。第二个参数进制常用来说明根据哪个进制来进行转换,列如可以进行十六进制的转换。 Definition and Usage The parseInt() function parses a string and returns an integer.The radix parameter is u...

    FleyXFleyX 评论0 收藏0
  • JavaScript中用map()函数把字符串变成整数

    JavaScript中用map()函数把字符串变成整数

    摘要:在学习的高阶函数时,遇到一个关于函数的问题,在实际操作中,以下代码输出了意想不到的结果结果是。经过查阅的文档,深入了解了函数的作用机制,由于接收的回调函数可以有个参数,通常我们仅需要第一个参数,而忽略了传入的后面两个参数。 在学习Java...

    沈建明沈建明 评论0 收藏0

热门文章

<