文章库ARTICLE COLUMN

  • 为什么我选择使用 VS Code进行前端开发?

    为什么我选择使用 VS Code进行前端开发?

    摘要:我们团队有大部分人已经在用了,所以这周五在组内做了一个小分享,来发掘一些提高开发效率的小技巧。为什么选择在刚出来的时候,我就开始使用了如何评价理由很简单开源,免费,颜值高微软出品,实力保证。 showImg("https://segmentfault.com/img/remo...

    liaosilzu2007liaosilzu2007 评论0 收藏0
  • Vue Transition 实现类原生组件跳转过渡动画

    Vue Transition 实现类原生组件跳转过渡动画

    摘要:官方文档演示地址请在移动端查看,端查看请打开移动端调试模式前言看了挺多的框架都不带过渡动画,今天心血来潮,就把自己平时用的动效抽离出来。原理模版中使用了提供的封装组件,配合类名在的六种不同的状态过渡中切换。 官方文档:https://cn.vuejs...

    whatsnswhatsns 评论0 收藏0
  • 用vue.js写的一个瀑布流的组件

    用vue.js写的一个瀑布流的组件

    摘要:有三个参数将被渲染的元素是一个,在渲染子元素的合适时机例如的事件里,调用即可。从里面拿到一个元素,找出当前高度最小的一列,将放入该列。渲染,然后调用方法进入瀑布流还有个常见的功能就是滚动加载了,目前尚未加入此功能,会尽快加上。 很少写...

    AlphaWalletAlphaWallet 评论0 收藏0
  • JavaScript实现[网易云音乐Web站登录窗口]拖拽功能

    JavaScript实现[网易云音乐Web站登录窗口]拖拽功能

    摘要:说明你可能发现有很多网站他们的登录窗口或者说是登录框是可以拖动的更有甚者他们的站点提示框都可以拖动你也许可能会对这个功能的实现感兴趣那么这篇文章可能会对你有所帮助具体的网站示例以网易云音乐站点为例,具体效果如下图所示实现登录窗口的拖拽...

    cgh1999520cgh1999520 评论0 收藏0
  • javascript面向对象的常见写法与优缺点

    javascript面向对象的常见写法与优缺点

    摘要:我们通过表单验证的功能,来逐步演进面向对象的方式对于刚刚接触的朋友来说,如果要写一个验证用户名,密码,邮箱的功能,一般可能会这么写表单验证全局全局全局这种写法,从功能上来说没有什么问题,但是在团队协作的时候,会造成覆盖全局变量的问题,...

    AjianAjian 评论0 收藏0
  • 上传图片动态预览(兼容主流浏览器)

    上传图片动态预览(兼容主流浏览器)

    摘要:做这个功能初始目的是为了在提交编辑前先查看效果,当然仅限于图片。核心代码来源于网上,经测验有效假设如下如下建立一個可存取到該的 做这个功能初始目的是为了在提交编辑前先查看效果,当然仅限于图片。核心代码来源于网上,经测验有效 假设HTML如...

    lunaticflunaticf 评论0 收藏0
  • JavaScript文件的同步和异步加载

    JavaScript文件的同步和异步加载

    摘要:本文简述一些文件的同步和异步加载方式。当然缺点是,不能保证有依赖关系的文件的加载顺序。总结如果是单一或少数文件,可以在的最后插入标签,以同步方式加载。如果是多个文件,建议异步加载,以避免阻塞界面渲染,也缩短整体加载时间。 对于JS文件的...

    williamwen1986williamwen1986 评论0 收藏0
  • 2017-08-19 前端日报

    2017-08-19 前端日报

    摘要:前端日报精选理解中的循环理解的字节码译中的流你需要知道的一切译函数式响应编程入门指南使用自定义属性中文基础系列三之实现九宫格抽奖掘金实现网易云音乐站登录窗口拖拽功能的平凡之路学习人气眼中的效果下掘金中多个回调函数之间的数据传 2017-08-...

    zebrayoungzebrayoung 评论0 收藏0
  • 原生JS实现最简单的图片懒加载

    原生JS实现最简单的图片懒加载

    摘要:原文地址原生实现最简单的图片懒加载欢迎。什么时候用懒加载当页面中需要一次性载入很多图片的时候,往往都是需要用懒加载的。属性是一个必需的属性,它规定在图像无法显示时的替代文本。假设来表示图片到可视区域顶部距离并设来表示可视区域的高度。 ...

    villainhrvillainhr 评论0 收藏0
  • 通过ES6 Generator函数实现异步流程

    通过ES6 Generator函数实现异步流程

    摘要:换句话说,我们很好的对代码的功能关注点进行了分离通过将使用消费值得地方函数中的逻辑和通过异步流程来获取值迭代器的方法进行了有效的分离。但是现在我们通过来管理代码的异步流程部分,我们解决了回调函数所带来的反转控制等问题。 本文翻译自 Go...

    刘厚水刘厚水 评论0 收藏0
  • Vue-hot-reload-api 源码解析

    Vue-hot-reload-api 源码解析

    摘要:源码解析起因最近在搞框架的热加载方案,自然是少不了向成熟的框架学习偷窥。这将销毁并重建整个组件包括子组件。通过使用说明可以看出,暴露的接口还是很清晰的,下面来看下具体源码实现。 Vue-hot-reload-api 源码解析 起因 最近在搞san框架的热加载...

    DobbyKimDobbyKim 评论0 收藏0
  • Javascript代码段记录: utils

    Javascript代码段记录: utils

    摘要:浏览器检查浏览器检查浏览器检查浏览器检查源码可以看这里检测触摸设备数据类型如果类型在对象中定义,那么当对象被选中时,它将返回。 浏览器检查 /** * @property browser check browser agent * @property {Boolean} browser.web...

    madthumbmadthumb 评论0 收藏0
  • 【教学向】150行代码教你实现一个低配版的MVVM库(1)- 原理篇

    【教学向】150行代码教你实现一个低配版的MVVM库(1)- 原理篇

    摘要:模块则负责维护,以及各个模块间的调度思考题了解了的实现机制,你能否自己动手也试着用百来行代码实现一个库呢好了本教程第一部分设计篇就写到这里,具体请移步下一篇教学向行代码教你实现一个低配版的库代码篇我会用给出一版实现。 适读人群 本文适...

    selfimprselfimpr 评论0 收藏0
  • 更好用的数据流管理框架:Vanex发布了~

    更好用的数据流管理框架:Vanex发布了~

    摘要:基于的管理框架,提供简单快捷的开发范式。这里的更改会对请求参数生效只针对名字是的进行下面钩子函数的执行用于在执行之后触发。 vanex 基于mobx & mobx-react的React store管理框架,提供简单快捷的开发范式。使用模式类似dva,但用起来比dva更简单...

    weakishweakish 评论0 收藏0
  • JS进阶篇--JS数组reduce()方法详解及高级技巧

    JS进阶篇--JS数组reduce()方法详解及高级技巧

    摘要:基本概念方法接收一个函数作为累加器,数组中的每个值从左到右开始缩减,最终为一个值。例进阶应用使用方法可以完成多维度的数据叠加。在该函数内部,则执行多维的叠加工作。参考的内建函数数组方法的高级技巧 基本概念 reduce() 方法接收一个函数作为...

    jerryloveemilyjerryloveemily 评论0 收藏0
  • vue1.x 基础使用(一)

    vue1.x 基础使用(一)

    摘要:最近项目进度慢下来了,花点时间总结一下。文章会从到的一些说明以及使用,也会文章中的代码共享出来。详细请关注后续。后面陆续会换到其他的一些工具,如,等。也会介绍一些常用的工具。如下一代的语法编译器,的路由,的交互。 最近项目进度慢下来了...

    xuexiangjysxuexiangjys 评论0 收藏0
  • JavaScript的值传递和引用传递

    JavaScript的值传递和引用传递

    摘要:值得注意的是还有另外三种类型和,它们通过引用来传递。变量地址对象引用传递对象是通过引用传递,而不是值传递。但是,如果函数的输入是对象,那么传入的是一个引用。 译者按: 机智如你,应该可以答对文末的面试题吧?如果不能,请好好学习,天天编程...

    andotandot 评论0 收藏0
  • 【译】利用js原生方法替换react component实现性能提升

    【译】利用js原生方法替换react component实现性能提升

    摘要:原文链接原作者利用原生方法替换实现性能提升现在我们正在用实现一个具有邮件收发和即时聊天功能的客户端工具。为了防止用户感觉卡顿,所有的动作都需要在毫秒级完成。然而理想是丰满的,现实是残酷的。。。 原文链接 https://medium.com/missive-ap.....

    piapiapiapia 评论0 收藏0
  • ios!!你到底怎样才能绑定click事件!!

    ios!!你到底怎样才能绑定click事件!!

    摘要:序由于本人是阅读障碍者,本文的图片可能有点大,有可能会引发您的不适大家好,我是一名新人有一段时间,我曾不断地进行着这样的搜索但是,得到的结果时光飞逝,岁月如梭,一转眼,就到了领导检查进度的时刻了当我正在考虑我到底该怎么办的时候,忽然手...

    mikasamikasa 评论0 收藏0
  • 为什么log事件对象的时候currentTarget是null?

    为什么log事件对象的时候currentTarget是null?

    摘要:没有包含对象的所有属性,它只包含了对这个对象的引用。所以当你展开事件对象,看到的就是。这个情况需要一个属性超多的对象,当它被的时候,它展示头几个属性是当时的快照,后面的属性才会出现这个异常。 This is an artifact of the way the Javascr...

    VervericaVerverica 评论0 收藏0
  • 什么是闭包?变量作用域和闭包。

    什么是闭包?变量作用域和闭包。

    摘要:在上面的代码中,函数实际上就是函数的闭包函数,我们让其执行三次,结果分别为。这是因为,函数中的局部变量一直被保存在内存中。所以闭包有个缺点,就是内存占用较大。自执行函数上面这段函数也是闭包的一种。我们利用闭包来做一个小例子。 变量作用...

    U2FsdGVkX1xU2FsdGVkX1x 评论0 收藏0
  • 简简单单认识变量的作用域以及闭包

    简简单单认识变量的作用域以及闭包

    摘要:变量的作用域以及闭包变量的作用域就是你定义的变量可以使用的代码范围全局变量局部变量全局变量全局变量,顾名思义,就是在全局都能够使用的变量。局部变量局部变量,只在函数执行时生成的调用对象中存在,在函数执行完毕时局部变量即刻销毁。 变量的...

    未东兴未东兴 评论0 收藏0
  • Webpack 最佳实践总结(一)

    Webpack 最佳实践总结(一)

    摘要:它会代替所有的实例的值为,从而使知道那些判断表达式总是错误的,从而删除相关代码,进一步压缩打包文件模块机制项目中使用的,通过也能通过打包有用的代码,进一步减少大小。 好久没写文章,这次预计会带来3篇的 Webpack 系列文章,将会在这几天内更...

    jubincnjubincn 评论0 收藏0
  • JS基础篇--JS对url进行编码和解码(三种方式区别)

    JS基础篇--JS对url进行编码和解码(三种方式区别)

    摘要:它的具体规则是,除了字母数字标点符号以外,对其他所有字符进行编码。对应的解码函数是。其次,不对编码。与的区别是,它用于对的组成部分进行个别编码,而不用于对整个进行编码。因此,,这些在中不被编码的符号,在中统统会被编码。 Javascript语言...

    xiaoxiaozixiaoxiaozi 评论0 收藏0
  • 什么是闭包,变量的作用域和自执行函数

    什么是闭包,变量的作用域和自执行函数

    摘要:作用域和闭包以及自执行函数作用域作用域分为种全局作用域全局作用域就是在的任何位置都能访问过函数作用域只能在函数里面调用的称之为函数作用域闭包嵌套在函数里面的函数及周边的变量叫闭包闭包存在的问题是周边变量不会被释放,常驻内存中闭包的缺点...

    daydreamdaydream 评论0 收藏0

热门文章

<