自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 基于postCss的TaiWindCss源码解析

基于postCss的TaiWindCss源码解析一级目录二级目录三级目录一级目录二级目录三级目录

2021-09-15 19:07:03 1170

原创 H5 Web 页面跳转小程序实践细则

H5 Web 页面跳转小程序实践细则前言需求背景需求分析参考页面前言最近在完成H5跳转小程序需求时, 发现了一些问题,也发现了实现微信小程序开发的时候,微信在这方面,增加了诸多限制与邀请。下面就这些问题,我会一一陈述。需求背景本次的需求,主要的功能是短信短链接,点击跳转到小程序页面微信浏览器,打开页面,点击页面按钮,然后唤起微信跳转到小程序页面非微信浏览器(比如搜狗,谷歌,友朋等),打开页面,点击页面按钮,然后唤起微信跳转到小程序页面需求分析面对这些问题,第一时间去微信开发社区页面,搜

2021-03-24 23:07:52 818 1

原创 如何手动去搭建企业级脚手架 sca-create-app (二)

如何手动去搭建企业级脚手架 sca-create-app sca-create-app 创建项目文件前言实现思路功能实现sca-create-app 创建项目文件前言上一篇文章 《如何手动去搭建企业级脚手架 sca-cli (一)》我们实现了sca-cli dev build的脚手架工具,用于项目的开发环境构建与线上环境下打包,基于Vue 2.x的框架,来实现项目的开发、构建,打包。但是sca-cli只提供简单的项目打包与构建的工作,我们项目的文件创建还是需要我们自己手动去创建,因此本文我们需要提供

2021-01-19 22:42:39 233

原创 如何手动去搭建企业级脚手架 sca-cli (一)

如何手动去搭建一个企业级脚手架前言面对问题验证自身脚手架是什么?前言前言面对问题当我们在项目开发中,我们使用了React, Vue ,Angular 等或者其他相关架构的时候,我们大多数人或者中小的公司的项目负责人,对于项目工程化建设方面,往往并不重视或者说也没有时间精力来自定义去打造符合当前个人或者公司的项目发展的工程化体系建设。而我们作为开发者,本身业务需求繁忙,往往项目一个接一个,对于这些工程化的建设都是缺失的,而在工作中,当我们项目开发很久之后,会突然发现现在我的项目竟然还在使用webpack

2021-01-09 23:42:26 374

原创 Snowpack + Vue 初探与项目搭建demo

Snowpack + Vue 初探与项目搭建前言ES Modules简介ES Modules描述ES Modules特性什么是SnowpackSnowpack描述无编译打包开发Snowpack + Vue 项目搭建snowpack cli 快速构建常规项目搭建创建文件夹创建 package.json安装Snowpack依赖项目安装前言从项目搭建之初,我们前端开发人员使用vue,react,angular等这些框架搭建的时候,随着项目不断的迭代开发,项目的体积与存量也在不断的变大,导致我们这些基于 web

2020-12-27 22:42:04 737

原创 探索 webpack5 新特性 Module federation 引发的javascript共享模块变革

webpack5 新特性 Module federation引言什么是Module federation “模块联邦”Module federation “模块联邦” 功能与目的概述AMD、CommonJS和UMD模块化规范方式共享模块NPM 方式共享模块微前端方式共享模块模块联邦方式引言我们知道 Webpack 在项目打包的时候,可以通过设置 DLL 或者 Externals 来做代码共享时 Common Chunk,这些功能只能对于单独的项目可以实现,但对于不同应用和项目间这个任务就变得困难了,我们

2020-11-17 21:12:56 2856 1

原创 使用puppeteer,puppeteer-recorder,timecut,timesnap对web网页的操作浏览等行为进行录播,并输出视频

前言前段时间,使用了rrweb对web网页进行了录制与回放的功能开发,那么问题来了,虽然rrweb可以实现这个功能,但是它最终生成的就是一串json格式的数据。无法可以很好的提供给第三方一个很直观的表现,除非我们可以在这个行业里面统一使用rrweb这套框架,统一提供数据格式来实现行业内的统一原则,但是大众心理还是希望可以提供一个很直观的东西去呈现这样的效果,比如一个MP4格式的视频。web录屏的最终呈现的目的就是类似一个“犯罪”过程中的证据,比如我们出现bug了,但是我们不知道是哪里出现问题了,但是我们可

2020-09-24 20:06:34 3576 1

原创 基于rrweb框架对web 页面录制与回放

基于rrweb框架对web 页面录制与回放前言最近来了个需求需要对web 页面上的操作行为做流程跟踪,并提供具体的数据,或者视频参照,作为合规的证据代码用户的操作轨迹,也避免一些纠纷。对于web 页面的轨迹追踪,还需要知道操作行为。一想到这个第一想到的就是在线直播学习课程中,找个屏幕录播软件,讲解员打开该软件,开始在电脑上的一切行为都被录制成视频。然后就可以直接把视频分享给所有的人。而你再讲解过程中的一些列细节都能够播放出来。所以当初就想让原生APP开发一个这样类似的东西。再webview中进行播放。

2020-09-03 23:09:14 5860 13

原创 超详细Vue Hook实践指南

超详细Vue Hook实践指南什么是Hooks?Hooks的简单实现三级目录什么是Hooks?hooks 字面意思就是钩子函数,那么什么是钩子函数呢?钩子函数:钩子函数是在一个事件触发的时候,在系统级捕获到了他,然后做一些操作。一段用以处理系统消息的程序。“钩子”就是在某个阶段给你一个做某些处理的机会。直白的说法:类似回调函数钩子函数:1、一个函数/方法,在系统消息触发时被系统调用,例如click等事件调用2、不是用户自己触发的,例如订阅者发布者模式的实现钩子函数的名称是确定的,当系统消息触发

2020-08-26 22:54:48 11034 1

原创 老项目支持typescript,针对webpack进行一下配置

老项目支持typescript,针对webpack进行一下配置相关配置流程如下:安装所需要的npm 包npm 包的引入配置 webpacktsconfig.json 配置添加 tslint.json配置.babelrc让 ts 识别 .vue改造 .vue文件vue-class-componentvue-property-decorator相关配置流程如下:主要就是几个npm 包的安装,以及一些webpack的相关配置安装所需要的npm 包不管当前你是否使用webpack 4.x 或者使用了 vue

2020-08-03 11:51:04 999

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除