您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 深入理解 webpack 文件打包机制(小结)

  2. 前言 最近在重拾 webpack 一些知识点,希望对前端模块化有更多的理解,以前对 webpack 打包机制有所好奇,没有理解深入,浅尝则止,最近通过对 webpack 打包后的文件进行查阅,对其如何打包 JS 文件有了更深的理解,希望通过这篇文章,能够帮助读者你理解: webpack 单文件如何进行打包? webpack 多文件如何进行代码切割? webpack1 和 webpack2 在文件打包上有什么区别? webpack2 如何做到 tree shaking? web
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:132096
    • 提供者:weixin_38731145
  1. 浅析JS中对函数function的理解(基础篇)

  2. 正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。因此,函数名实际上是指向函数对象的指针,不与某个函数绑定。在常见的两种定义方式(见下文)之外,还有一种定义的方式能更直观的体现出这个概念: var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐   Function的构造函数可以接收任意数量的参数,但最后一个参数始终被看做函数体。这种方式
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:59392
    • 提供者:weixin_38693586
  1. 浅谈js对象的创建和对6种继承模式的理解和遐想

  2. JS中总共有六种继承模式,包括原型链、借用构造函数、组合继承、原型式继承寄生式继承和寄生组合式继承。为了便于理解记忆,我遐想了一个过程,对6中模式进行了简单的阐述。 很长的一个故事,姑且起个名字叫女娲造人吧。 创建对象 女娲一个一个的捏人(创建对象),这样太慢,于是设计了一种机器(函数),想造什么样的,告诉他这个人有哪些特点和功能,机器来制造。这就是工厂模式的(使用同一个接口创建对象,回产生大量重复代码,由此发明了一种函数(模具))。 但是机器造人同样也比较麻烦(挖土、和泥、捏眼睛、捏鼻子…)于
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:86016
    • 提供者:weixin_38545517
  1. 深入理解jQuery()方法的构建原理

  2. 前言 虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易,它提供了很多方法,包含了网页开发的各个知识面,所以要全面掌握这些知识点,个人认为还是需要对jquery有深入的理解,对这些知识点做分类整理记忆,这样你才能面对一些JQuery代码的时候不会感到迷惑,才会知道采用何种方式实现某个特效是最佳实践,才能快速的采用JQuery来进行项目开发。 jQuery中最常用方法的就是jQuery( ) ,也即$( ) 。 jQuery( )是一个函数调用,调用的结果是返回了一个jQue
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:114688
    • 提供者:weixin_38617413
  1. js推箱子小游戏步骤代码解析

  2. 推箱子小游戏大家肯定都玩过,之所以写这篇文章,是觉得这个小游戏足够简单好理解 demo: 步骤解析: 本文代码已经放在了github上面了,里面也进行了很详细的代码注释,可以copy下来,在本地运行一下看看。 1. 渲染地图 html结构: html结构十分简单,只要弄一堆div,来放置地图的class就可以了,我这里初始化了12*9个div,地图里最多九行高度。 这些div都是同样大小,地图渲染出来区别的只是颜色的不同。 地图函数: var box=$('.box div');
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:89088
    • 提供者:weixin_38623000
  1. 深入理解javascript中的 “this”

  2. 一、前言: 我们知道 “this” 是javascr ipt语言的一个关键字,在编写javascr ipt代码的时候,经常会见到或者用到它。 但是,有一部分开发朋友,对 “this” 一知半解,下面我们就一起来探讨学习下javascr ipt中 “this” 的具体含义吧! 二、This总结: This指针作用域: 1)、在全局执行环境中使用this,表示Global对象,在浏览器中就是window对象。 2)、当在函数执行环境中使用this时,情况就有些复杂了。如果函数没有明显的作为非wind
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:57344
    • 提供者:weixin_38714637
  1. vue.js开发实现全局调用的MessageBox组件实例代码

  2. 前言 一开始接触到vue中的组件的时候,对于组件的理解还是不够充分的,最近在开发个人博客项目中,一开始就没准备使用一些现在比较流行的UI库(毕竟是个人项目,多练练手还是好的),所以需要自己开发几个全局组件,这里以MessageBox为例记录下vue.js如何开发全局组件。所谓全局变量是针对vue实例下说的,即所有的vue实际都可以运用到这个组件,局部组件就是针对某个实例来说的,只有这个vue实例下才能发挥作用,下面话不多说了,来一看看详细的介绍吧。 源码 github地址:Talk is c
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:67584
    • 提供者:weixin_38672812
  1. 理解javascript中的闭包

  2. 阅读目录 什么是闭包? 闭包的特性 闭包的作用: 闭包的代码示例 注意事项 总结 闭包在javascr ipt来说是比较重要的概念,平时工作中也是用的比较多的一项技术。下来对其进行一个小小的总结 什么是闭包? 官方说法: 闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量——《javascr ipt高级程序设计第三版》 下面就是一个简单的闭包: function A(){ var
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:84992
    • 提供者:weixin_38601364
  1. js数组方法reduce经典用法代码分享

  2. 以下是个人在工作中收藏总结的一些关于javascr ipt数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘。 javascr ipt数组那么多方法,为什么我要单挑reduce方法,一个原因是我对这个方法掌握不够,不能够用到随心所欲。另一个方面,我也感觉到了这个方法的庞大魅力,在许多的场景中发挥着神奇的作用。 理解reduce函数 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:75776
    • 提供者:weixin_38681646
  1. 原生JS实现的放大镜效果实例代码

  2. 这是我用原生js写的放大镜效果,与各种各样的框架技术相比,我喜欢使用原生的js,在这里,想和大家一起谈谈原生和框架技术的理解与个人喜好。 js放大镜效果 *{ margin:0px; padding:0px; border:none; list-style:none; } #b
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:43008
    • 提供者:weixin_38594252
  1. 深入理解JS实现快速排序和去重

  2. JS的快速排序和JS去重在面试的时候问的挺多的.下面是我对快速排序的理解,和快速排序,去重的代码. 1.什么是快速排序? 第一步: 快速排序就是去个中间值,把比中间值小的放在左边设为arrLeft,比中间值大的放在右边设为arrRight 第二步: 对arrLeft进行第一步,对arrRight进行第一步.(明显是一个递归嘛,当数组的长度小于2的时候结束) 第三步: 合并arrLeft,中间值,arrRight quickSort = function(arr){ if(arr.length
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:40960
    • 提供者:weixin_38682086
  1. 深入理解React高阶组件

  2. 1.在React中higher-order component (HOC)是一种重用组件逻辑的高级技术。HOC不是React API中的一部分。HOC是一个函数,该函数接收一个组件并且返回一个新组件。在React中,组件是代码复用的基本单位。 2.为了解释HOCs,举下面两个例子 CommentList组件会渲染出一个comments列表,列表中的数据来自于外部。 class CommentList extends React.Component { constructor() {
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:70656
    • 提供者:weixin_38607908
  1. 使用Dropzone.js上传的示例代码

  2. 本文介绍了使用Dropzone.js上传的示例代码,分享给大家,具体如下: 说明:后台用的python的flask框架,后台对你理解这篇文章没什么影响,你可以使用php form作为上传区 引入Dropzone.js和dropzone.css然后使用表单form定义一个class=”dropzone”即可完成 Flask upload with Dropzone example
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:101376
    • 提供者:weixin_38569651
  1. 12条写出高质量JS代码的方法

  2. 书写出高质量的JS代码不仅让程序员看着舒服,更加能够提高程序的运行速度,以下就是软件开发网的小编整理方法: 一、如何书写可维护性的代码 当出现bug的时候如果你能立马修复它是最好的,此时解决问题的四路在你脑中还是很清晰的。否则,你转移到其他任务或者bug是经过一定的时间才出现的,你忘了那个特定的代码,一段时间后再去查看这些代码就 需要: 1.花时间学习和理解这个问题 2.化时间是了解应该解决的问题代码 还有个问题,特别对于大的项目或是公司,修复bug的这位伙计不是写代码的那个人(且发现bug和修
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:104448
    • 提供者:weixin_38571878
  1. 非常实用的12个jquery代码片段

  2. jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。 本文收集了12段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。 1. 导航菜单背景切换效果 在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用JQuery实现的一种
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:78848
    • 提供者:weixin_38643401
  1. 关于扫描线的学习研究代码

  2. 扫描线扫描线: 下面是来自soar转载的一篇博客。 这篇博客解决了我对算区间长度时的不理解。实际上这个线段树的叶子节点保存的是这个点x坐标到下一个x坐标(排序后的)的区间长度。 题意: 二维平面有n个平行于坐标轴的矩形,现在要求出这些矩形的总面积. 重叠部分只能算一次. 分析: 线段树的典型扫描线用法. 首先假设有下图两个矩阵,我们如果用扫描线的方法如何计算它们的总面积呢?
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:1024
    • 提供者:weixin_44568799
  1. jquery 回车事件实现代码

  2. 例子,jquery键盘事件、回车键事件用法。// 键盘事件 1、keydown()  keydown事件会在键盘按下时触发.  2、keyup()  keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件  3、keypress()  keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 代码如下:// 回车键事件 // 绑定键盘按下事件     $(document).keypress(function(e) {      // 回车键事件         i
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:72704
    • 提供者:weixin_38627826
  1. 深入理解Javascript里的依赖注入

  2. 迟早你需要用到其他开发人员的抽象成果——即你依靠别人的代码。我喜欢依赖自由(无依赖)的模块,但那是难以实现的。甚至你创建的那些漂亮的黑盒子组件也或多或少会依赖一些东西。这正是依赖注入大显身手的之处。现在有效地管理依赖的能力是绝对必要的。本文总结了我对问题探索和一些的解决方案。 一、目标设想我们有两个模块。第一个是负责Ajax请求服务(service),第二个是路由(router)。 代码如下:var service = function() {    return { name: ‘Servic
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:92160
    • 提供者:weixin_38686267
  1. 深入理解JavaScript系列(35):设计模式之迭代器模式详解

  2. 介绍 迭代器模式(Iterator):提供一种方法顺序一个聚合对象中各个元素,而又不暴露该对象内部表示。 迭代器的几个特点是: 1.访问一个聚合对象的内容而无需暴露它的内部表示。 2.为遍历不同的集合结构提供一个统一的接口,从而支持同样的算法在不同的集合结构上进行操作。 3.遍历的同时更改迭代器所在的集合结构可能会导致问题(比如C#的foreach里不允许修改item)。 正文 一般的迭代,我们至少要有2个方法,hasNext()和Next(),这样才做做到遍历所有对象,我们先给出一个例子:
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:45056
    • 提供者:weixin_38688352
  1. js常用代码段收集

  2. 每段代码前边都有功能注解和参数要求等说明文字,难度不大也就没做更多注释。 为看得清楚,这里依先后顺序做个小目录: 重写window.setTimeout, 理解递归程序的返回规律, 截取长字符串, 取得元素在页面中的绝对位置, 统计、去除重复字符(多种方法实现), 把有序的数组元素随机打乱(多种方法实现)。 代码如下: /* 功能:修改 window.setTimeout,使之可以传递参数和对象参数 (同样可用于setInterval) 使用方法: setTimeout(回调函数,时间,参数1
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:64512
    • 提供者:weixin_38685876
« 1 2 ... 45 46 47 48 49 50»