文章库ARTICLE COLUMN

  • Javascript:数据类型与操作符

    Javascript:数据类型与操作符

    数据类型 1.Undefined 表示变量已声明,但未被初始化。需要注意的是当使用typeof操作符判断数据类型时,未被声明的变量和未初始化的变量返回的值都为undefined var message; console.log(typeof message);//undefined console.log(typeof age);//undefined ...

    Leck1eLeck1e 评论0 收藏0
  • 用100行代码画出DOM树状结构

    用100行代码画出DOM树状结构

    摘要:用行代码画出树状结构这两天写了这样一个小玩具,是一个可以把的树状结构解析,并且画出来的东西,把代码写到左边,右边就会自动生成啦。绘图部分依赖了百度开源的,核心功能的实现只有行代码。如果是或者标签,那么进入相应的状态 用100行代码画出DOM...

    GalenceGalence 评论0 收藏0
  • 列表滚动到底部自动加载更多

    列表滚动到底部自动加载更多

    摘要:列表滚动到底部自动加载更多在移动端,经常会用到列表滚动到底部,拉一下加载更多,或者点一下加载更多等等,今天我说说我的一个实现的思路。 列表滚动到底部自动加载更多 在移动端,经常会用到列表滚动到底部,拉一下加载更多,或者点一下加载更多等...

    pekonchanpekonchan 评论0 收藏0
  • javascript:语句

    javascript:语句

    摘要:定义了一组语句,也称流程控制语句条件语句语句其中的条件可以是任意表达式,而且对这个表达式的求值结果不一定是布尔值。会自动调用转换函数将这个表达式的结果转换为一个布尔值。 ECMASCript定义了一组语句,也称流程控制语句条件语句 =============...

    jokesterjokester 评论0 收藏0
  • javascript:this

    javascript:this

    摘要:关于是函数内部的一个特殊对象引用的是函数据以执行的环境对象在调用函数前的值并不确定不同的调用方式会导致值的改变。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内对象的值。 关于this this是函数内部的一个特殊对象,this...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • 常用移动端开发组件

    常用移动端开发组件

    摘要:今天把之前的移动端组件迁移到了,支持使用或者来构建。介绍下常用组件,如果你喜欢轻量灵活的移动端解决方案不妨看看,如果是依赖框架开发的话,还是最好使用框架提供的功能。 今天把之前的移动端组件迁移到了 npm ,支持使用 webpack 或者 brwoserif...

    bintabinta 评论0 收藏0
  • 听飞狐聊JavaScript设计模式系列06

    听飞狐聊JavaScript设计模式系列06

    本回内容介绍 上一回聊到JS中模拟接口,装饰者模式,掺元类,分析了backbone的继承源码,感觉还好吧! 介一回,偶们来聊一下在JS单例模式(singleton),单例模式其实运用很广泛,比如:jquery,AngularJS,underscore吖虾米的都是单例模式,来吧,直接开始咯...

    hiYoHoohiYoHoo 评论0 收藏0
  • 如何构建前端代码

    如何构建前端代码

    摘要:首先散文件是有害处的,第一是,散文件可能没有版本号的区分,这样因为缓存导致第二是散文件会严重拖慢性能,因为很多散文件不仅消耗请求资源,而且是在串行消耗。 基本认识 开发环境和线上环境的区别 在很久以前,前端的部署其实比较简单,开发环境...

    jhhfftjhhfft 评论0 收藏0
  • 响应式设计状态管理Javascript类库-JavaScript State Manager

    响应式设计状态管理Javascript类库-JavaScript State Manager

    摘要:是一种轻量级的易于使用的状态管理器,主要用于响应式网站。它不需要任何的框架。你可以定义断点将运行在当前断点的代码打包在一起。这样媒体查询和称赞对方在情况你改变网站的外观也可能改变功能。 JavaScript State Manager是一种轻量级的、易于使用...

    ElleElle 评论0 收藏0
  • SegmentFault 创始人祁宁对话 C# 之父 Anders Hejlsberg

    SegmentFault 创始人祁宁对话 C# 之父 Anders Hejlsberg

    摘要:加入微软的年里,一直致力于和的研发工作。圆桌对话由祁宁江宏以及云适配马铎共同参与。圆桌对话深入了解江宏大家好,我是的江宏。因为函数式语言有了里的很多特性,当然微软也有自己的函数式语言。 导读 上周,C#、Delphi 之父 Anders Hejlsberg 亲临...

    TesterHomeTesterHome 评论0 收藏0
  • ID vs Class 老生常谈的选择器问题

    ID vs Class 老生常谈的选择器问题

    摘要:昨天看了下那本秘籍在关于选择器一章中提到应该尽量避免使用选择器这我就纳闷了以前似乎没太注意书中的理由是选择器权重太高缺乏灵活性并且引用了一篇文章来阐述原因原文地址这里直接用原文中作者的原文地址来讨论下作者的意思是在页脚使用定义好链接颜...

    Bowman_hanBowman_han 评论0 收藏0
  • canvas自由拼图

    canvas自由拼图

    摘要:自由拼图自由拼图是美图秀秀中的一个功能,它可以让用户在背景图片上插入自己的图片,并可以对插入图片旋转,拖拽,缩放。效果本屌之前用实现过,参见仿美图秀秀的自由拼图注意里面基本上没代码说明这里用的实现。 自由拼图? 自由拼图是美图秀秀中的一...

    megatronmegatron 评论0 收藏0
  • AlphabetJS --- 在console或者shell中打印字符图案的小工具

    AlphabetJS --- 在console或者shell中打印字符图案的小工具

    摘要:在一些程序,或者一些网站的中,总是可以看到很炫的大型字符图案,比如知乎堆糖又或者是一些程序,这里不列举了。前段时间写完了一个用来专门输出这种图案的小工具现在支持所有英文大写字母数字,并且有两种风格的字符平面或者立体。具体的使用流程请参...

    ad6623ad6623 评论0 收藏0
  • Chrome 调试技巧

    Chrome 调试技巧

    摘要:前言除了我们日常使用的调试方法,在中,其含有一些有意思的方法,有助于提高我们的开发调试效率。而在调试中我们可以使用是与来作为选择器,省去大串代码,如下。测试用时测试用时关闭界面 前言:除了我们日常使用的调试方法,在Chrome中,其含有一些...

    codeGooglecodeGoogle 评论0 收藏0
  • 听飞狐聊JavaScript设计模式系列03

    听飞狐聊JavaScript设计模式系列03

    摘要:闭包与柯里化闭包有权访问另一个函数作用域中变量的函数。柯里化把接受多个参数的函数变换成接受一个单一参数最初函数的第一个参数的函数,并且返回接受余下的参数而且返回结果的新函数的技术。 本回内容介绍 上一回聊到JS的Object类型,简单模拟了一...

    levy9527levy9527 评论0 收藏0
  • 听飞狐聊JavaScript设计模式系列05

    听飞狐聊JavaScript设计模式系列05

    摘要:这一回,主要聊了接口的模拟,浅谈装饰者模式,模拟了掺元类实现多亲继承,分析了下的,如果上一回的和感觉还好的话,这回的应该没啥难度下一回,咱主要聊一聊单例模式。 本回内容介绍 上一回聊到JS的类的模拟,继承,分析了nodejs,extjs,jquery,un...

    zeyuzeyu 评论0 收藏0
  • vue入门-实现一个分页组件(1.0.3版本)

    vue入门-实现一个分页组件(1.0.3版本)

    摘要:关注前端社区的同学,一定知道。一个小巧优雅框架。目前是正式版,然后中文文档还没更新上来。实现的一个分页组件。有了角标还需判断前一页下一页的显示增加和字段观看模版发现指令很明显当内容是就输出否就没。 vue 关注前端社区的同学,一定知道vue...

    wangzy2019wangzy2019 评论0 收藏0
  • 移动端web app自适应布局探索与总结

    移动端web app自适应布局探索与总结

    摘要:方案的简单介绍基于前提页面元素的布局尺寸全都以设计稿为基准等比例设置。给根节点设置一个基础值,然后页面的所有元素布局均相对于该值采用单位设定。 1、困扰多时的问题 在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度...

    Benedict EvansBenedict Evans 评论0 收藏0
  • JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript

    JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript

    摘要:在中,并没有对抽象类和接口的支持。例如,当对象需要对象的能力时,可以有选择地把对象的构造器的原型指向对象,从而达到继承的效果。本节内容为设计模式与开发实践第一章笔记。 动态类型语言 编程语言按数据类型大体可以分为两类:静态类型语言与动...

    suxiersuxier 评论0 收藏0
  • 用 ES6 编写 Webpack 的配置文件

    用 ES6 编写 Webpack 的配置文件

    摘要:在执行时会先用把配置文件转成代码再继续处理。只要你把配置文件命名成,就会用相应的去转换一遍配置文件。它没改的文件名,但配置文件和各种脚本都是完全的语法。这是提供的一个命令行工具,你可以用它代替去执行文件。总结得益于,几乎已经是现在的标...

    RoctureRocture 评论0 收藏0
  • web app遇到的一些坑及小技能(持续更新...)

    web app遇到的一些坑及小技能(持续更新...)

    摘要:遇到的一些坑问题手机端事件会有大约的延迟原因手机端事件,因为在事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待来判断,再做出是否触发事件的处理,所以就会有的延迟解决方法使用事件来代替事件,如的事件和,还有我自己 遇到...

    darrydarry 评论0 收藏0
  • 理解JavaScript中的作用域和作用域链

    理解JavaScript中的作用域和作用域链

    摘要:示例当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。每一个运行期上下文都和一个作用域链关联。此时,作用域链中函数的所有局部变量所在的作用域对象会被推后,访问代价变高了。 作用域 作用域就是变量与函数的可访问...

    XanaHopperXanaHopper 评论0 收藏0
  • 用JS实现的常见几种排序算法

    用JS实现的常见几种排序算法

    1.快速排序法 function quickSort(a) { if (a.length a[j+1]) { sortArray = a[j]; a[j] = a[j+1]; ...

    lncwwnlncwwn 评论0 收藏0
  • ES6 生成 range 数组和 random 数组

    ES6 生成 range 数组和 random 数组

    摘要:作者原文章创建数组除了字面量和外,还可以通过创建,为数组的长度。生成了长度为的空数组,注意,和数组中元素赋值为是有区别的中查看空数组为,而赋值为的数组为。 作者 @zwhu原文章 @github 创建数组除了字面量和 new Array() 外,还可以通过 Array...

    NotFoundNotFound 评论0 收藏0
  • 谈js中的作用域链和闭包

    谈js中的作用域链和闭包

    摘要:所以,当在函数中使用全局变量的时候,所产生的代价是最大的,因为全局对象一直处于作用域链的最末位置,读取局部变量是最快的。 什么是作用域 在编程语言中,作用域控制着变量与参数的可见性及生命周期,它能减少名称冲突,而且提供了自动内存管理(ja...

    LucasTwilightLucasTwilight 评论0 收藏0

热门文章

<