文章库ARTICLE COLUMN

  • 2017-07-10 前端日报

    2017-07-10 前端日报

    摘要:前端日报精选入门指南入口,输出,加载器和插件中数据类型转换让我印象深刻的面试题大话大前端时代一与的组件化庖丁解牛一发布中文第期手把手教你用管理状态上个快速编程技巧众成翻译中执行顺序组件解耦之道众成翻译组件模型启示录有个梨作 2017-07-10...

    HeierHeier 评论0 收藏0
  • ES6 实践当中的小经验

    ES6 实践当中的小经验

    摘要:解析赋值现假设有如下一个数据结果如下的两种方式输出的结果完全相同其实并不知道为什么两种方式都支持,觉得就应该是第二种方式才正统给数组扩展了一个方法,使用方法如下所示也就是说它是给数组填充值但是如果填充的是引用类型的话,则事实上改变其中...

    sunsmellsunsmell 评论0 收藏0
  • 开源自己写的图片转Ascii码图工具

    开源自己写的图片转Ascii码图工具

    摘要:地址如果觉得不错可以给个或者提出你的建议,基于的图片转示意图。瓶颈目前项目的瓶颈存在于这个插件,把图片转成码在浏览器中输出是十分快速的,但是后期将输出的码转换成图片时,使用了插件,这个插件在转换图片的过程中十分缓慢,导致最后的输出缓慢...

    YangyangYangyang 评论0 收藏0
  • 匠心打造canvas签名组件

    匠心打造canvas签名组件

    摘要:原文匠心打造签名组件导读月又是项目吃紧的时候,一大波需求袭来,猝不及防。可以先戳这里体验把后面将要提到的签名组件。剩下的也是绑定事件中关键的一步。设置完成了上述功能,一个签名插件就已经成型了。 本文首发于CSDN网站,下面的版本又经过进一...

    MAX_zuoMAX_zuo 评论0 收藏0
  • 7月份前端资源分享

    7月份前端资源分享

    摘要:更多资源请文章转自月份前端资源分享的作用数组元素随机化排序算法实现学习笔记数组随机排序个{{BANNED}}题解析上个{{BANNED}}题解析下中的数字前端开发笔记本过目不忘正则表达式聊一聊前端存储那些事儿一键分享到各种写给刚入门的前端工程师的前后端交...

    pingan8787pingan8787 评论0 收藏0
  • react.js入门篇

    react.js入门篇

    摘要:搭建项目,引入既然学习,那就从开始。项目工程目录如下编写在我理解看来,项目文件入口即是文件,那么从中编写。官方文档所述图片注文章末尾段组件生命周期引入自 Hello Word 1.搭建项目,引入react 既然学习react,那就从hello word开始。当然必不可...

    harryhappyharryhappy 评论0 收藏0
  • Javascript优雅写法——总结

    Javascript优雅写法——总结

    摘要:第一种直白写法优雅写法注意事项内不能出现等赋值定义语句,才可以使用优雅写法内可以有多个方法调用,但必须方法内有返回值此用法意义不大 第一种 直白写法 if(params.success){ params.success(res); } 优雅写法 params.success&&params.success...

    张春雷张春雷 评论0 收藏0
  • Vue2 transition源码分析

    Vue2 transition源码分析

    摘要:至此算是找到了源码位置。至此进入过渡的部分完毕。在动画结束后,调用了由组件生命周期传入的方法,把这个元素的副本移出了文档流。这篇并没有去分析相关的内容,推荐一篇讲非常不错的文章,对构造函数如何来的感兴趣的同学可以看这里 Vue transition...

    GenngGenng 评论0 收藏0
  • a标签的默认事件和脚本事件的执行顺序

    a标签的默认事件和脚本事件的执行顺序

    摘要:于是我在想,那么这段代码和脚本代码结合起来到底有没有效果呢我自己做了个实验了一下。好了,这些可以很好的帮助我们看看脚本的监听事件和里的事件执行顺序是如何的。 最近看到朋友圈的一位朋友圈发了一个技术的段子,朋友圈的大概内容已被友人删掉,...

    morganmorgan 评论0 收藏0
  • tree shaking简单分析

    tree shaking简单分析

    摘要:是的模块特性,奠定了的实现基础。首先会分析文件项目里具体哪些代码被引入了,哪些没有引入,然后将真正引入的代码打包进去,最后没有使用到的代码自然就不会存在了。 文章梗概 什么是tree shaking 为什么需要tree shaking tree shaking原理 什么是...

    jasperyangjasperyang 评论0 收藏0
  • React Native 原理

    React Native 原理

    摘要:对象和原生代码交互对象可以和原生对象之间相互调用,关系如上图。和本地代码间的通信其中通信的特点是异步的序列化的批量的,对于大批量的通信事件可以将其分成几部分,减少时间延迟参考 React Native简介 React Native是一个建立在JavaScript和React...

    jackzoujackzou 评论0 收藏0
  • Swiper插件读后感

    Swiper插件读后感

    摘要:今天,我无意中看到这样一个东西,它叫做,这是一个开源免费的适用于各种移动端的触摸滑动插件。同时导航栏也是可以手动滑动的,当用户手动滑动导航栏,点击某一个板块时,下面的内容部分会随即滑到相应的内容块。 今天,我无意中看到这样一个东西,它...

    CODINGCODING 评论0 收藏0
  • Shiny进阶:Busy Button

    Shiny进阶:Busy Button

    摘要:当点击一个按钮后,按钮状态转为,同时显示处于计算状态计算成功后,返回执行成功额标识计算失败时,返回具体的失败信息。源代码的链接请点这里本文对这段代码进行详细地解读,需要读者有一定的和基础。 背景 在一个Shiny App中,如果点击一个按钮,往...

    seasonleyseasonley 评论0 收藏0
  • mysql生成1千万条有效测试数据

    mysql生成1千万条有效测试数据

    摘要:一直在找生成有效测试数据的工具与方法今天找到一个大神写的脚本这里感谢大地上的乌龟链接在这自己大神的脚本上做了一些修改生成了一个对象数组并用发到后台程序插入数据库代码如下脚本获取当前时间戳将对象数组格式化成字符串成功本人的笔记本比较渣 ...

    hyuanhyuan 评论0 收藏0
  • 使用nodejs自动生成前端项目组件

    使用nodejs自动生成前端项目组件

    摘要:代码实施流程图检测文件夹读取模板内容写入组件获取命令行参数以为例,想要创建一个文件夹,首先先要获取命令行当中的。 脚本编写背景 showImg("https://segmentfault.com/img/remote/1460000010109165"); 写这个小脚本的初衷是,项目本身添加一个组件...

    468122151468122151 评论0 收藏0
  • JavaScript this 从此不再疑惑

    JavaScript this 从此不再疑惑

    摘要:是的,始终指向调用对象,调用对象,这个很重要,的静态成员是没有的概念的。所以和,的区别是返回一个明确的新函数,和立即执行了。 1. 问题引入 function A() {} A.prototype.fna = function() { console.log(this); } 我的问题是 fna 的 this ...

    BarriorBarrior 评论0 收藏0
  • JavaScript中setTimeout执行顺序

    JavaScript中setTimeout执行顺序

    摘要:网上关于中的文章很多,但总感觉例子不够直接具体,因此写了个简单的例子并加以解释希望能让大家明白是如何执行的。 网上关于JavaScript中setTimeout的文章很多,但总感觉例子不够直接具体,因此写了个简单的例子并加以解释希望能让大家明白setTimeout...

    izhuhaodevizhuhaodev 评论0 收藏0
  • DOM操作

    DOM操作

    摘要:基本介绍文档对象模型是和文档的编程接口。提供了一系列的方法可以进行元素的增删改查操作查询元素方法返回匹配指定属性的元素节点。返回值是一个对象,也就是说,搜索结果是一个动态集合,任何元素的变化都会实时反映在返回的集合中。删除指定的类值。...

    ClectClect 评论0 收藏0
  • 比原生 requestAnimationFrame 更适合响应交互的库

    比原生 requestAnimationFrame 更适合响应交互的库

    摘要:发现原生的并不会管理队列。即在同一帧内多次调用会导致下一次重绘时,重复动画。例如在同一帧内调用两次,导致执行两次所以,写了库来管理保证在同一帧内最多只会执行一次相同的动画函数。如果你觉得不错,欢迎。你的支持是我持续开源的动力 发现原生...

    CloudwiseAPMCloudwiseAPM 评论0 收藏0
  • JS事件总结--试验过的一些小经验

    JS事件总结--试验过的一些小经验

    摘要:从开始已经支持事件捕获了。删除通过级方法指定的事件处理程序,只要将事件处理程序的属性值设置为即可。如果是,则可以使用这个方法取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用取消事件的进一步捕获或冒泡。 从IE9开始已经支持事件...

    EastboatEastboat 评论0 收藏0
  • 【译】通过JavaScript发送表单

    【译】通过JavaScript发送表单

    摘要:能异步地发送任意数据的技术称为,表示异步的和。若你使用,使用发送表单还会影响同源策略,并导致内容被发送到一个无法访问的中。但要手动发送二进制数据的话,还有很多额外工作要做。用来发送二进制是很直接的,使用方法就好了。 系列文章说明 原文...

    chinafgjchinafgj 评论0 收藏0
  • 跨域解决方案

    跨域解决方案

    摘要:同源策略带来两个问题无法获取非本域的资源无法调取接口无法传递以下提供三种方案以供参考。期间存在跨域,但没有违背同源策略。 在进行前后端分离的开发中,跨域是一个不得不解决的问题。以下基于 Vue-Resource、PHP 及 Nginx 介绍跨域问题及其解决方...

    ScholerScholer 评论0 收藏0
  • angular中的跨域问题

    angular中的跨域问题

    摘要:要解决这个问题就需要跨域,本文介绍解决中的跨域的三种方式的原理是通过标签发起一个请求来取代请求。使用规范简单地扩展了标准的对象,以允许发送跨域的请求。预检查可以让服务器接受或拒绝来自全部服务器特定服务器或一组服务器的请求。 首先,协议...

    tianlaitianlai 评论0 收藏0
  • React+Webpack+Eslint+Babel构建React脚手架

    React+Webpack+Eslint+Babel构建React脚手架

    摘要:注是安装在生产环境,安装在开发环境。安装后,手动创建文件进行定制。配置是语法转化器,可从学习其用法。配置是一个工具,用来避免低级错误和统一代码的风格。可从注册使用,很方便。最后贴上自己的,前端小白,欢迎指导。 React+webpack+Eslint+Bab...

    jaysunjaysun 评论0 收藏0
  • React组件模型启示录

    React组件模型启示录

    摘要:另一种关于组件的常见说法,是组件是为了重用。这件事情是前端特有的,受限制于的结构。这一节的题目叫做混乱的组件通讯,我们来仔细掰扯一下细节,因为组件模型虽然很常说但是对通讯过程没有约定。 这个话题很难写。 但是反过来说,爱因斯坦有句名言...

    eternalshalloweternalshallow 评论0 收藏0

热门文章

<