- 博客(50)
- 收藏
- 关注
原创 typescript 从零开发视频播放器
typescript 从零开发视频播放器前言项目架构设计技术栈双端支持元素的显示和隐藏说明组件化开发组件之间的通讯拖拽行为初始化模板`video-player` video 标签组件控制器的显示和隐藏显示时间全屏进度条显示/隐藏 loading快捷键其他组件开发国际化功能实现插件介绍实现插件说明插件代码示例总结前言目前比较流行的开源视频播放器应该就是dplayer,我们公司现在也是正在使用这个开源的视频播放器。但是有些需求dplayer并没有实现,或者是功能有了但是技术上跟公司的所用的方案有所不一样。比
2021-10-29 09:26:36 400
原创 前端代码工作流
编辑器选择在刚接触前端的时候,我使用的编辑器是sublime。主要特点是轻量,缺点就是安装插件的时候过程比较麻烦,而且代码提示做的也不够好;后来听说webstrom这个地表最强编辑器功能很强大,就尝试着使用这个编辑器。webstrom给我的感觉是就功能很强大,但是很臃肿,软件包很大。实际上我用到编辑器的功能就几个,但是webstrom给我提供了一大堆功能。主要还是webstrom这东西太吃内存了,电脑性能支撑不起来,所以后面使用了一段时间就放弃了;后来有同学给我推荐了vscode这个编辑器。发现这个编辑器
2021-05-10 19:53:54 2407 8
原创 基于electron的音视频播放器
基于electron的音视频播放器前言选择做一个音视频播放器桌面应用程序原因技术的选型已经实现了的功能音视频播放实现右键菜单实现总结效果图安装包下载:[http://zhifa.daiqee.com/player%20Setup%200.0.1.exe](http://zhifa.daiqee.com/player%20Setup%200.0.1.exe)最后如果大家觉得我这个音视频播放器还可以的...
2019-06-12 09:55:14 12025 6
原创 微信小程序 Page,Component 二次封装(符合 vue2 的开发习惯)
微信小程序Component,Page构造函数二次封装(符合vue2的开发习惯)
2022-01-20 19:13:00 881
原创 vue性能优化
vue性能优化前言函数式组件冻结列表数据子组件拆分局部变量(缓存变量)computed 的缓存特性v-if 和 v-for 不要同时出现不需要渲染在视图的数据不要写在 data 中v-for 中的 keykeep-alive渐进式渲染时间片切割组件懒加载总结前言本文主要记录日常开发中常见的优化技巧。主要是针对2.x版本的。函数式组件函数式组件是使用 functional 字段来进行声明的。它是一个没有data响应式数据和this上下文,也没有生命周期钩子函数这些东西,只接受一个props。普通对象类
2021-10-09 20:11:11 1632
原创 vue2 组件库开发记录-开发技巧
vue2 组件库开发记录-开发技巧前言props 属性provide 和 inject 属性前言本文主要是记录我在开发组件库时的一些开发技巧。props 属性props 是用来做父子组件之间的通信,并且 props 的写法有很多种,相信做 vue 开发的同学应该都知道的。所以我这里主要说 2 点当默认值是一个数组或者是对象时,必须从一个工厂函数中返回,否则所有组件实例都会共用一个值export default { props: { obj: { type: Objec
2021-09-13 20:02:31 511
原创 vue2 组件库开发记录-搭建环境(第二次架构升级)
vue2 组件库开发记录-搭建环境(第二次架构升级)前言项目架构变化初始化 lerna项目目录结构子项目目录结构使用脚本创建组件子项目的模板编写 rollup+scss 的配置打包公共代码打包组件代码打包全量包组件文档前言本文主要是记录我在开发组件库时如何搭建环境(第二次架构升级)。项目架构变化本次架构升级主要参考了element-plus,包含以下几方面:打包构建工具由webpack改成rollup。rollup配置要比webpack简单的多了。rollup天然支持tree sharking,
2021-08-29 10:15:21 675
原创 微信小程序组件库开发记录
微信小程序组件库开发记录背景前言技术选型环境搭建安装 gulp将`scss`编译为`wxss`压缩`wxml`,`js`,`json`文件和图片拷贝文件到另一个目录删除目录整合创建组件模板开发技巧properties 父组件给子组件传递数据behaviors 公共行为optionsexternalClasses 外部样式类relations 定义组件之间的关系组件生命周期组件页面生命周期兼容性处理查询元素或者视图窗口信息js 调用组件关于 properties 和 setData双向数据绑定获取当前页面的上
2021-07-25 19:31:30 713 8
原创 vue 创建项目之后,我们需要做什么?
vue 创建项目之后,我们需要做什么?前言创建项目雪碧图(精灵图)全局注入 scss 变量打包分离公共库注入全局变量删除 console.log代码分割配置 CDN图片压缩IgnorePlugin代码规范关于CICD(自动部署)总结前言现在我们做项目基本都是使用脚手架来初始化项目,不得不说脚手架减少了我们很多工作量。但是我们还需要根据项目的特点,对配置文件进行修改,从而使得我们的开发更加方便快速,甚至还可以做一些性能上的优化。本文就总结一下我使用 vue 脚手架创项目之后所做的一些修改。创建项目首先
2021-06-29 14:51:19 2160 1
原创 微信小程序 api 缓存方案
微信小程序 api 缓存方案背景为了应对用户流量大,减轻服务器的压力,减少网络请求次数,加快数据的显示,以及提高用户体验。我们现在需要把一些公共请求进行本地缓存,并且提供不同的更新策略给开发者选择。前言与 web 端不同的是,微信小程序并没有cookie,localStorage,sessionStorage,indexedDB,Web SQL(已废弃),service worker这些花里胡哨的东西。只有一套已经封装好的接口。所以就需要基于微信小程序提供的这套数据缓存接口来实现我们的 api 缓存
2021-05-28 14:10:10 2421
原创 本地自动化部署脚手架开发
前言由于在测试阶段需要修复bug,需要多次更新前端代码到测试环境。首先需要打包代码,压缩,然后使用ssh工具连接到服务器,上传压缩文件,备份旧代码,解压,删除压缩包文件,最后才能完成更新,这一系列过程比较繁琐,浪费时间。所以我就打算开发一个比较通用的本地自动化部署脚手架,用来发布部署代码。可能会有人问为什么不是用Jenkins这种持续部署的工具呢。原因如下:jenkins要求的机器性能比较高,吃内存,如果单单用来做前端自动化部署,就可能有点大材小用了jenkins是通过web hook来触发部署的,
2021-04-17 11:07:34 287
原创 axios源码浅分析
axios源码浅分析特点axios.create(config)拦截器调用顺序合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入特点基于xhr(node)+promise的异步ajax请求库浏览器或者node都能使用支持请求/响应拦截
2021-03-13 10:03:03 116
原创 lin-view-ui组件库重构
lin-view-ui组件库重构前言重构内容打包重构文档重构测试用例环境重构代码规范和提交规范总结前言这篇文章主要是记录我在重构的时候遇见的困难和坑点。重构内容这次重构主要包含4个方面。打包方面的重构。原本的组件库是使用@vue/cli3生成的项目改造出来的,这种方法可以减少书写打包配置的麻烦,但是带来的缺点就是不利后面的扩展,比如我想在打包过程中生成版本文件,在@vue/cli3脚手架中实现起来就有点困难了。@vue/cli3脚手架只能有一个配置文件,对于一个组件库来说,一个配置文件肯
2021-01-16 20:09:57 249 1
原创 微信小程序ui组件库开发记录
微信小程序ui组件库环境搭建前言技术选型功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言开发这套微信小程序ui组件库主要是更加深入的了解微信小程序自定义组件的开发,同时为了跟大家一起学习交流微信小程序,然后就有了这个念头想要
2020-12-18 11:31:21 391
原创 从零开始搭建pc端Vue组件库lin-view-ui
从零开始搭建pc端Vue组件库lin-view-ui前言环境准备新建项目改造目录结构修改package.json添加npm script脚本通用配置打包全量包配置单独打包每个组件,实现按需加载前言虽然目前有很多vue组件库,比如Element-UI,iview等等。每个组件库都有各自的特点,但是每个公司需要的业务组件是不尽相同的,没有哪一个组件库能够非常完美的符合各种需求。比如我现在使用的是Element-UI,我需要使用到Select组件,但是现在有个需求需要进行分页加载,这个时候Element-UI
2020-11-04 22:56:27 954 1
原创 vue ssr 实践
vue ssr 实践技术栈初始化项目并安装相关依赖编写webpack相关配置编写客户端,服务端通用代码组件异步获取数据编写客户端入口代码编写服务端入口代码后台代码总结技术栈后台使用的是express,前端使用的是vue+webpack。初始化项目并安装相关依赖首先新建一个文件夹, npm init -y 初始化项目,然后安装相关依赖包,这里简单列一下需要安装的依赖包以及相关版本 "dependencies": { "express": "^4.17.1", "vue": "^2.
2020-08-16 14:49:14 308
原创 jenkins安装与使用
目录安装JDK安装jenkinsjenkins常见命令使用jenkins新建任务总结安装JDK搜索jdk安装包yum search java|grep jdk选择需要安装的JDK版本,我这里安装的是JDK1.8,下载之后默认的目录为: /usr/lib/jvm/yum install java-1.8.0-openjdk安装jenkins导入镜像wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redha
2020-06-27 23:34:56 469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人