文章库ARTICLE COLUMN

  • react 实现页面代码分割、按需加载

    react 实现页面代码分割、按需加载

    摘要:虽然一直有做相关的优化,按需加载分离服务端渲染,但是从来没有从路由代码分割这一块入手过,昨天在本地开发时没有测试成功,今天又搞了下,已经部署到线上环境了,今天就这个记录一下。 虽然一直有做 react 相关的优化,按需加载、dll 分离、服务端...

    JasinYipJasinYip 评论0 收藏0
  • 跨平台开发框架 Lynx 初探

    跨平台开发框架 Lynx 初探

    摘要:跨平台开发是目前开发较热门的方向,在这方面取得了很大的成功,同时也获得了非常多的关注。最近发现了跨平台的一个新框架,从官方简介来看这个框架还处于状态,目前还没有完整的文档,只有体验。希望能有更多的跨平台开发框架出现,推动技术的发展。 ...

    jsyzchenjsyzchen 评论0 收藏0
  • 前端知识点总结——JS高级(持续更新中)

    前端知识点总结——JS高级(持续更新中)

    摘要:前端知识点总结高级持续更新中字符串什么是连续存储多个字符的字符数组相同下标遍历选取不同类型不同不通用所有字符串都无权修改原字符串,总是返回新字符串大小写转换统一转大写统一转小写何时不区分大小写时,都需要先转为一致的大小写,再比较。 前...

    wangzy2019wangzy2019 评论0 收藏0
  • 深入javascript之执行上下文

    深入javascript之执行上下文

    摘要:在初始化代码时会先进入全局上下文中,每当一个函数被调用时就会为该函数创建一个执行上下文,每个函数都有自己的执行上下文。来看一段代码这段代码有个执行上下文全局上下文和,,属于自己的执行上下文。 聊聊js的执行上下文 一,相关概念 EC : 执行...

    ky0nchengky0ncheng 评论0 收藏0
  • canvas 高仿 Apple Watch 表盘

    canvas 高仿 Apple Watch 表盘

    摘要:绘制表盘指针对指针的绘制,首先以原点为中心绘制一个圆,对延伸出来的指针思考了两种绘制方法第一种以轴左半边为例,点为起始点,以为控制点,为终点绘制三次贝塞尔曲线第二种以轴右半边为例,直接从点绘制直线到。 不知道大家童年时候有没有在手上画...

    FourierrFourierr 评论0 收藏0
  • 构建离线web应用(二)

    构建离线web应用(二)

    摘要:提及缓存时,不仅仅是指存储,还包括浏览器内用来保存数据以供离线使用的策略。当请求成功返回时,利用返回的数据更新页面并缓存返回的数据。这种方案主要应用用户频繁手动更新内容的场景,比如用户的收件箱或者文章内容。我们打算应用的策略。 上一篇...

    curlyChengcurlyCheng 评论0 收藏0
  • 【工作日记】页管 - 用户信息占比 - 长方形百分比 - 进度条

    【工作日记】页管 - 用户信息占比 - 长方形百分比 - 进度条

    摘要:需求分析页管会员信息展示页面需要多个百分比显示的长方形进度条,最终效果如下图所示样式实现两个主要部分进度条,内外两个盒子组成,外层做进度条边框,内层做填充效果百分比显示,一个标签就够了进度条样式设置开始进度条样式设置结束功 需求分析 ...

    hsluoyzhsluoyz 评论0 收藏0
  • js简单实现图片本地预览效果

    js简单实现图片本地预览效果

    摘要:预览效果不废话,贴源码读取文件导出文件地址取到图片原始尺寸解决透明图片,出现黑色背景的问题如果不存在,或者异常错误,不影响后续执行根据设置的,进行尺寸压缩对预览图进行质量压缩导出的图片路径调用 预览效果:showImg("https://segmentfault....

    omgdogomgdog 评论0 收藏0
  • 你需要知道的 javascript 的细节

    你需要知道的 javascript 的细节

    摘要:代码示例语法和方法类似,不同的是,传入调用函数的参数变成以数组的形式传入,即改造上面的示例就是方法用于将函数体内的绑定到某个对象,然后返回一个新函数。类型包装对象数值字符串布尔值在一定条件下,也会自动转为对象,也就是原始类型的包装对象...

    AiryAiry 评论0 收藏0
  • 面试中会遇到的正则题

    面试中会遇到的正则题

    摘要:说到底还是练习的不够多,一直处于只看不做的程度上。所以搜集了这些正则习题,来保证温故而知新。本文不讲基础,只记录习题,如果后续有新的题目,也会保持更新。 正则表达式,有木有人像我一样,学了不知道多少遍,学的时候看起来都懂了,过一段时间...

    NekronNekron 评论0 收藏0
  • 对js原型的思考

    对js原型的思考

    摘要:原型链上有两个关键词和比较重要,是设置构造函数的原型对象,是声明原型的构造函数,不管是对象还是函数,都有一个隐式属性用来构成一条完整原型链的指向。 思考 说到原型,不得不提到原型链,js中不管是对象还是方法(也是对象)都有个隐藏属性_proto...

    PocherPocher 评论0 收藏0
  • 阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)

    阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)

    摘要:一前言浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果。二解释微信在端和端使用的不是同样的浏览器内核版微信浏览器浏览器内核相当于使用的版微信浏览器相当于使用的所以下面分别使用和来分析...

    cangck_Xcangck_X 评论0 收藏0
  • [译] 监听 Angular 启动过程

    [译] 监听 Angular 启动过程

    摘要:比如下面代码让初始化延迟秒执行当然你可以定义多个回调函数另外一个可以监听程序启动过程的地方就是使用方法这里你可以拿到被启动模块的对象引用,并通过该对象拿到和。 原文链接: Hooking into the Angular bootstrap process Angular 提供了一些...

    cjiecjie 评论0 收藏0
  • 手把手教你学vue-4(vuex)

    手把手教你学vue-4(vuex)

    摘要:管理统一组件状态。映射到组件将映射为也支持载荷将映射为将映射为概念允许我们将分割成模块。每个模块拥有自己的类似里面的针对每个组件对应的状态做处理的状态的状态对于模块内部的,局部状态通过暴露出来,根节点状态则为。 1.首先明白vuex是做什么...

    HujiaweiHujiawei 评论0 收藏0
  • L - JavaScript继承

    L - JavaScript继承

    摘要:类式继承原型链继承实现我是的方法我是的方法由于的实例能够访问,所以我们可以设置指向的实例。所以的实例可以访问的实例以及,实现继承缺点由于对象类型的赋值是引用赋值,如果父类实例化过程中有引用类型,那么子类的实例的这个属性都指向同一内存空...

    joyvwjoyvw 评论0 收藏0
  • webpack的编译&构建

    webpack的编译&构建

    摘要:的编译构建上一篇文章详解中介绍了基于事件流编程,是个高度的插件集合,整体介绍了的编译流程。本文将多带带聊一聊最核心的部分,编译构建。的编译重要的构建节点的构建中总会经历如下几个事件节点。 webpack的编译&构建 上一篇文章webpack详解中介绍...

    roland_reedroland_reed 评论0 收藏0
  • 每个 JavaScript 工程师都应当知道的 10 个面试题

    每个 JavaScript 工程师都应当知道的 10 个面试题

    摘要:在创业初期,你招来的工程师必须是能够独当一面的大神队友。要评估一个应聘者的真实水准,最佳方式就是结对编程。用微博的抓取消息并显示在时间线上,就是个很好的考察应聘者的面试项目。不过结对编程再好使,也没办法让你完全了解一个应聘者。 原文链...

    weijweij 评论0 收藏0
  • 学习笔记一 基础语法

    学习笔记一 基础语法

    摘要:需要注意的是字符串有三个截取方法和和方法用于操作尾部元素,和方法用于操作头部元素。语法它用于删除并添加元素,也可以只删除不添加。对象操作符可以判断对象是否含有某个属性,但是无法判断这个属性是它自己的,还是继承来的。 1.关于ECMAScript E...

    SonglcySonglcy 评论0 收藏0
  • Codepen 每日精选(2018-4-3)

    Codepen 每日精选(2018-4-3)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的卫星围绕行星的动画https://codepen.io/YusukeNaka... 文字变汽车的动画https://codep...

    wind5owind5o 评论0 收藏0
  • JavaScript-流程语句

    JavaScript-流程语句

    摘要:计算的次幂,可输入,为自然数。输入,,,不一样的个数,打印出最大的。 1.计算2的n次幂,n可输入,n为自然数。 showImg("https://segmentfault.com/img/bV7vd2?w=541&h=776"); 2. 计算n的阶乘,n可输入,n为自然数。 showImg("https://segmentfault....

    ztyzzztyzz 评论0 收藏0
  • 结合源码分析 Node.js 模块加载与运行原理

    结合源码分析 Node.js 模块加载与运行原理

    摘要:但是,对于模块化背后的加载与运行原理,我们是否清楚呢。源码结构一览这里使用版本源码为例子来做分析。下面就来分析的原理。至此就基本讲清楚了核心模块的加载过程。所以的内建模块会被放入一个叫做的数组中。 原文链接自我的个人博客:https://gith...

    W_BinaryTreeW_BinaryTree 评论0 收藏0
  • node那点事(一) -- Readable streams(可读流)

    node那点事(一) -- Readable streams(可读流)

    摘要:流的类型中有四种基本的流类型可读的流例如可写的流例如可读写的流例如在读写过程中可以修改和变换数据的流例如可读流可读流有两种模式流动模式可读流自动读取数据,通过接口的事件尽快将数据提供给应用。 流的简介 流(stream)在 Node.js 中是处理流...

    rickchenrickchen 评论0 收藏0
  • flutter实战3:解析HTTP请求数据和制作新闻分类列表

    flutter实战3:解析HTTP请求数据和制作新闻分类列表

    摘要:当我们搭建好了整个的页面框架,现在我往页里加点东西各种分类的新闻列表。由于需要请求外部数据,因此引入一个较为方便的库。于是乎,在初始化对象时发起请求应该是个不错的办法具体是怎么初始化数据的,第三步会讲到,踩了不少坑。 当我们搭建好了整...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • Flux,Vuex,Redux

    Flux,Vuex,Redux

    摘要:是一种前端状态管理架构思想,专门解决软件的结构问题。基于的设计思想,出现了一批前端状态管理框架。他们给出了一些库用于实现的思想,并在的基础上做了一些改进。在这些框架里,当前最热门的莫过于和了。 Flux Flux是一种前端状态管理架构思想,专...

    anonymoussfanonymoussf 评论0 收藏0
  • JavaScript设计模式系列八:外观模式

    JavaScript设计模式系列八:外观模式

    摘要:外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口,为子系统中的一组接口提供统一的高层接口。外观模式在我们的日常工作中十分常见。 外观模式 外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口,为子系统中...

    tianren124tianren124 评论0 收藏0

热门文章

<