compose 函数的作用就是组合函数的,将函数串联起来执行,将多个函数组合起来,一个函数的输出结果是另一个函数的输入参数,一旦第一个函数开始执行,就会像多米诺骨牌一样推导执行了。简介比如有这样的需求,要输入一个名字,这个名字有由 firstName,lastName 组合而成,然后把这个名字全部变成大写输出来,比如输入 jack,smith 我们就要打……继续阅读 » 3年前 (2020-11-30) 1865浏览 0评论2个赞
多页打包的原因首先发出一个直击灵魂的拷问:为什么要多页面打包?习惯了 React,Vue 全家桶的同学,可能觉得写代码不就是:npm run dev npm run build一把梭吗?然而现实是骨感的,很多场景下,单页应用的开发模式并不适用。比如公司经常开发一些活动页:https://www.demo.com/activity/activity1.……继续阅读 » 3年前 (2020-11-29) 4046浏览 0评论2个赞
如果把 webpack 当成一个垃圾工厂,loader 就是垃圾分类,将所有垃圾整理好交给 webpack。plugin 就是如何去处理这些垃圾。webpack 插件写起来很简单,就是你要知道各种各样的钩子在什么时候触发,然后你的逻辑写在钩子里面就 ok 了apply 函数是 webpack 在调用 plugin 的时候执行的,你可以认为它是入……继续阅读 » 3年前 (2020-11-29) 2150浏览 0评论1个赞
组件的分类常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。功能性抽象组件,不包含业务,独立、具体功能的基础组件,比如日期选择器、弹窗警告等。这类组件作为项目的基础控件,会被大量使用,因此组件的 API 进行过高强度的抽象,可以通……继续阅读 » 3年前 (2020-11-29) 1877浏览 0评论0个赞
今天在使用 Git 创建项目的时候,在两个分支合并的时候,出现了下面的这个错误。一、fatal: refusing to merge unrelated histories$ git merge origin/druidfatal: refusing to merge unrelated histories这里的问题的关键在于:fatal: ref……继续阅读 » 4年前 (2020-11-20) 4358浏览 0评论4个赞
WordPress 主题会自带404页面,如果需要替换成自定义的需要修改404.php 页面,这里以腾讯公益404 页面为例介绍下怎样自定义页面,如果大家没有特定的404页面可以设置成公益404页面。1.找到 404 页面设置的地方一般在网站根目录下 wp-content/themes/你的主题下,我的主题是 sela,所以具体位置是 wp-conten……继续阅读 » 4年前 (2020-11-17) 1750浏览 0评论0个赞
Day.js 是一个轻量的 JavaScript 时间日期处理库,和 Moment.js 的 API 设计保持完全一样. 如果你曾经用过 Moment.js, 那么你已经知道如何使用 Day.js为什么使用 Day.js ?2kB下载、解析和执行更少的 JavaScript,为您的代码留出更多时间。简易Day.js 是一个轻量的处理时间和日期的 J……继续阅读 » 4年前 (2020-11-12) 6014浏览 0评论4个赞
vue-video-player 是基于 video.js 二次封装而成,各种 api 基本互通,只是调用方式有些许区别插件安装及引入yarn add vue-video-player或npm install vue-video-player复制代码如引入样式时报错,请自行查看 node_modules 中对应的目录全部引入// mai……继续阅读 » 4年前 (2020-11-04) 14364浏览 0评论17个赞
一、前言最近的项目中,需要实现一个圆弧形倒计时进度条,对于本来 css 知识薄弱的我当场就懵逼,脑海里总是不断思考如何实现,不幸的是脑袋里没能蹦出半个想法。然后立马百度查看网上是否有相似的解决方案,百度下来初步知道如何来实现了,那我们就一步一步从 0 到有开始这段旅程。首先展示一下最终的成果,最终效果图如下:实现要点:浅色圆弧需要分成左右两边,左……继续阅读 » 4年前 (2020-11-03) 2755浏览 0评论1个赞
之前在项目中遇到一个环形进度条的需求,要求能实时更新进度,脑海中瞬间便蹦出 css,svg,canvas3 中方案,对于 3 种方案个人更偏向于svg,用法简单,代码量也很少,同时也便于实时控制。具体效果如下图:代码非常简单:<svg width="150px" height="150px" class="svg"> <c……继续阅读 » 4年前 (2020-11-03) 1140浏览 0评论1个赞