文章库ARTICLE COLUMN

  • vue路由的异步加载(懒加载)方法。

    vue路由的异步加载(懒加载)方法。

    摘要:所以我们就需要把某些路由用异步加载懒加载的方式进行加载先来看正常的加载方式下面是第一种异步加载方法下面是第二种异步加载方法因为我们公司的项目整个就是用结合的方式搭建的。 vue本身不多介绍。直接说问题,因为vue的所有路由都是加载在一个app....

    lncwwnlncwwn 评论0 收藏0
  • 前端知识集锦2

    前端知识集锦2

    摘要:函数内部重新声明了一个,值为,这两个是不一样的,互相不产生影响,因此最后输出。方法实现继承相同的简单使用用对象替换当前对象,如果为空,则为全局对象。 前端学习的摘录,持续更新中... 1. 数组去重3种方案 ① 使用set去重:set是ES6中提供的数...

    ElleElle 评论0 收藏0
  • TypeScript在react项目中的实践

    TypeScript在react项目中的实践

    摘要:前段时间有写过一个在项目中的实践。在里边有解释了为什么要使用,以及在中的一个项目结构是怎样的。关于的配置文件,在本项目中存在两份。一个需要注意的小细节因为我们的与实现版本中都用到了。 前段时间有写过一个TypeScript在node项目中的实践。 ...

    HwgHwg 评论0 收藏0
  • 富文本解析-微信小程序 rich-text 组件

    富文本解析-微信小程序 rich-text 组件

    摘要:微信小程序富文本解析器微信小程序在组件后开始支持富文本解析,但需要对照一套自定义规则的数据格式,返回的富文本需要前端做数据转换。 微信小程序富文本解析器 微信小程序在rich-text组件后开始支持富文本解析,但需要对照一套自定义规则的 JOSN 数...

    renweihubrenweihub 评论0 收藏0
  • 前端实验手札——拖拽旋转图片的实现及思路

    前端实验手札——拖拽旋转图片的实现及思路

    摘要:在拖拽旋转图片的实现中,最符合的就是上面这题的情况,接下来好好说明一下。经过按计算机推导出来的结论,反三角函数计算出来的结果是弧度,而一直使用的角表示的其实是角的弧度。拖拽围绕着图片的中心旋转,图片中心作为公式中的原点设为点使用。 让...

    tianren124tianren124 评论0 收藏0
  • 程序员小胖子之从设计图到npm发布组件过程

    程序员小胖子之从设计图到npm发布组件过程

    摘要:拿到的设计图长啥德行我脑海里到了哪些内容我们拿到设计图可以看到,目前是两种,我们在封装组件的时候要考虑后面有可能增加其他样式的组件,所以我们在设计的时候,尽量要有拓展性一定要有属性,依据属性控制显示哪种类型的组件一定要有属性,通过属性...

    MRZYDMRZYD 评论0 收藏0
  • JS设计模式——发布订阅模式

    JS设计模式——发布订阅模式

    摘要:发布订阅模式该模式大多数用于自定义事件通用代码分析这里其中关键的一点就是利用对象键值对存储了事件,在某个事件调用存储的事件,移除事件也是通过对对象重新赋值。 发布订阅模式 该模式大多数用于自定义事件 1. 通用代码 var event = {} event.cac...

    shiyang6017shiyang6017 评论0 收藏0
  • 由一篇ES6继承文章引发对于super关键字的思考

    由一篇ES6继承文章引发对于super关键字的思考

    摘要:举个栗子中一段简单的继承代码实现使用了,不会报错这段代码非常简单,在子类中使用了关键字,编译时不会报错,也可以正常执行。参考资料从中的讲原型链与继承的静态属性和实例属性 问题引入 最近一直在看原型继承相关的东西,翻到这么一篇文章: 从ES...

    mudiyouyoumudiyouyou 评论0 收藏0
  • [NG] 考古 - HttpInterceptor 循环引用错误

    [NG] 考古 - HttpInterceptor 循环引用错误

    摘要:官网也给出了范例,以下代码可以实现一个拦截器问题描述但在之前,执行上述官方给出的代码是会报错的。可以获取拦截器服务的实例们。 原文首发于 baishusama.github.io,欢迎围观~ 前言 恍然间发现这个错误已经不复存在了,于是稍微看了下相关 issue...

    myeveryheartmyeveryheart 评论0 收藏0
  • git 基本命令

    git 基本命令

    摘要:和远程仓库版本控制,多人协作。将最近提交到版本库的文件撤回删除命令删除暂存区文件前提是工作区已经将此文件删除删除工作区和暂存区文件删除暂存区文件工作区会保存此文件恢复命令对于指定版本中文件的恢复。 1.github和git github: 远程仓库git: ...

    Lin_YTLin_YT 评论0 收藏0
  • React入门0x007: 生命周期概念

    React入门0x007: 生命周期概念

    摘要:概述上一章只是稍微了解了一下和相关的简单用法,这一章需要讲一下组件的生命周期。生命周期的概念这玩意似乎很高大上,其实就是一个假概念罢了,直接来实现一个类似的吧。 0x000 概述 上一章只是稍微了解了一下state和setState相关的简单用法,这一章...

    BlackjunBlackjun 评论0 收藏0
  • JavaScript 的事件机制

    JavaScript 的事件机制

    摘要:的事件机制关于,查阅多篇博客,或多或少总有些出入,在此写下自己关于的理解按同步与异步分首先判断是同步还是异步同步就进入主进程异步就进入异步任务在中注册函数当满足触发条件后被推入同步任务进入主线程后一直执行直到主线程空闲时才会去中查看是...

    TurboTurbo 评论0 收藏0
  • 深入理解 TypeScript

    深入理解 TypeScript

    摘要:此外,在不违背原作者本意前提下,为了更直观的表达,部分内容将采用意译,而非直译。开始阅读深入理解 此书是 TypeScript Deep Dive 的中文翻译版,感谢作者 Basarat 的付出。 Why showImg("https://segmentfault.com/img/remote/1460000016154927?w=...

    ziwenxieziwenxie 评论0 收藏0
  • vue+axios+mock.js环境搭建

    vue+axios+mock.js环境搭建

    摘要:如果你不熟悉也没关系,我将一步一步教你如何在前端项目中使用来构建一个模拟假数据环境。例如代表的含义。文件最后将方法暴露出去给具体请求调用即可具体页面调用引入使用处理返回 在前后端分离开发模式下,前端项目通常在项目构建初期需要使用假数据...

    ChaoChao 评论0 收藏0
  • VUE单页应用首屏加载速度优化方案

    VUE单页应用首屏加载速度优化方案

    摘要:所以前端使用压缩是没有起作用的。影响,选项显示警告在删除没有用到的代码时不输出警告删除所有的语句还可以兼容浏览器内嵌定义了但是只用到一次的变量提取出出现多次但是没有定义成变量去引用的静态值此方法有待实践,留待下次分享 单页应用会随着项...

    lewiflewif 评论0 收藏0
  • 我来重新学习 javascript 的面向对象(part 3)

    我来重新学习 javascript 的面向对象(part 3)

    摘要:二动态原型模式动态原型模式的特点是,在构造函数里面增加判断处理是否添加原型对象属性。他依然有一个严重的问题,就是原型对象和实例和构造函数之间没办法关联,这样不适合在有一定规模复杂度的程序开发中使用。 续上一集内容,有一些数据不需要共享...

    ElleElle 评论0 收藏0
  • JavaScript七种非常经典的创建对象方式

    JavaScript七种非常经典的创建对象方式

    摘要:创建对象的方式有很多,通过构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产。四组合使用构造函数模式和原型模式组合使用构造函数模式和原型模式是使用最为广泛认同度最高的一种创建自定义类型的方法...

    ARGUSARGUS 评论0 收藏0
  • JS的原型链和继承

    JS的原型链和继承

    摘要:是对象或者实例中内置的,其指向的是产生该对象的对象的在浏览器中提供了让我们可以访问,通过的指向形成的一个链条,就称做原型链,原型链的整个链路是实例对象构造函数的的。 原型和原型链 原型prototype,在创建新函数的时候,会自动生成,而protot...

    anRuianRui 评论0 收藏0
  • HelloType:JS运行时数据类型检查工具

    HelloType:JS运行时数据类型检查工具

    摘要:进入主页使用文档是一个设计简单的运行时的数据类型检查工具,它可以帮助你的程序在使用某个组变量前,对变量的数据类型进行检查,防止在使用变量进行运算时由于数据类型不同导致报错。 showImg("https://segmentfault.com/img/bVbfW41?w=1380&h=500")...

    HeierHeier 评论0 收藏0
  • 开始使用 VSCode 调试

    开始使用 VSCode 调试

    一些由浅入深的 VScode 调试例子,能让你快速理解和上手 VSCode 调试。 为什么使用 VSCode ? 我是深度 vi 用户,之前 Atom 深度使用者,现在基本上转到 VSCode,下面是我选择 VSCode 的原因: 颜值高,早期不如 Atom,现在已经逐渐赶上 vi 支持度好,和 At...

    阿罗阿罗 评论0 收藏0
  • JavaScript的event-loop

    JavaScript的event-loop

    摘要:从诞生之日起就是一门单线程的非阻塞的脚本语言。这意味着这些线程实际上应属于主线程的子线程。所以严格来讲这些线程并没有完整的功能,也因此这项技术并非改变了语言的单线程本质。函数执行栈和事件队列 浏览器渲染 从耗时的角度,浏览器请求、加载...

    aboutUaboutU 评论0 收藏0
  • JavaScript[19] -- 字符串

    JavaScript[19] -- 字符串

    摘要:字符串方法长度字符串的某一项,注意字符串长度只能读取不能修改在及以下不识别不会生效取某一个字符串项可以代替取下标但是及以下不兼容结果为空格,不是获取最后一项返回指定位置的字符的编码通过编码返回对应的字符检索一个参数时返回指定字符串的位...

    wuyangnjuwuyangnju 评论0 收藏0
  • 5分钟吃透React Native Flexbox

    5分钟吃透React Native Flexbox

    摘要:在中是主流布局方式。它有三种状态正数零与负数。来看下运行效果。这是为正数的情况,如果,控件的大小就会根据设置的与来固定显示。如果发现生效的方式请务必告知。在中有主轴与副轴之分,主轴控制的排列方向,默认为。默认值为,继承父容器的属性。 ...

    NekronNekron 评论0 收藏0
  • React入门0x006: State

    React入门0x006: State

    摘要:概述这一章讲,是的核心,也算是的核心思想都很核心啊。但是接着我们又搞了一个定时器,每秒执行一直函数,将修改为最新的时间。就完成了视图的更新。参数一是要更新的数据,我们只需要传输我们要更新的数据即可,对于不需要更新的数据,则不需要理睬。...

    TNFETNFE 评论0 收藏0
  • 利用 web audio api 实现音频可视化

    利用 web audio api 实现音频可视化

    摘要:其实这个能做的事不光是音频可视化。其实这次写博客之前还完善了一下,给加上了通过设备的麦克风获取音频并可视化的方法。世界晚安参考基于实现音频可视化效果本文作者本文链接利用实现音频可视化 音频可视化实现之后真的很酷,虽然这次只是跟着MDN上...

    PingCAPPingCAP 评论0 收藏0

热门文章

<