- 博客(23)
- 收藏
- 关注
RSS订阅原创 element form 自定义校验
element-ui 表单校验总结作为一名前端开发，会遇到各种各样的表单处理。为了给用户更好的体验，行内表单校验及错误展示被广泛使用。由于工作中用到element-ui较多，所以这里简单谈一谈日常工作遇到的【有意思】的表单交互。element-ui官网链接： https://element.eleme.cn/#/zh-CN/component/form, 简单的表单校验可以直接参考官网套着用实现原理基于 el-form-item 下面的表单项做校验，而不是基于 prop嵌套校验为啥需要”…“
2022-04-11 10:31:09
2368
1
原创 vite + vue2 + eslint 项目配置
// npm 和 yarn 皆可，这里以 yarn 举例安装 vue2 环境yarn create vite// 选择 framework: vanilla// 不选 vue，是因为vue默认是vue3// 自行安装环境yarn add vite-plugin-vue2 vue-template-compiler -Dyarn add vue vue-router vuex // 配置 vue 环境// 新建 vite.config.jsimport { resolve
2022-01-20 17:07:40
1443
原创 《浏览器播放RTSP方案》之 VXGPlayer插件播放RTSP视频流
VXGPlayer插件播放RTSP视频流总体来说vxgplayer是付费插件，更多支持的功能可以去官网详询。作为一个demo研究，检索资料和实现总结如下：环境搭建别人有一篇文章总结的很好，就不赘述。直接上链接 整合vxgPlayer使chrome支持vxg_media_player播放rtsp视频关于如何安装多chrome浏览器, 可以参考我的另一篇 VLC插件播放RTSP视频流-多版本chrome安装实例代码// 项目目录// │ index.html// └─lib//
2021-08-17 16:37:28
2476
1
原创 《浏览器播放RTSP方案》之 VLC插件播放RTSP视频流
VLC插件播放RTSP视频流多版本chrome安装安装vlc软件开启浏览器的NPAPI设置编写测试页插件设置其他问题最后目前网页对于RTSP流直接播放不支持，目前有插件和转流两种方式，这里针对vlc插件播放做一个简单的梳理。查看官网教程 vlcWebPlugin, 得知其浏览器支持情况：这是因为因为谷歌启用了新的插件PPAPI，认为新的更安全，所以NPAPI设置在chrome45及以后不再支持。鉴于开发者主要使用chrome，所以我们需要首先安装一个v44版本的chrome浏览器。而且我们电脑上基
2021-08-16 18:03:23
5672
1
原创 js eventLoop
eventLoop详解宏任务和微任务的一个小事在此补充一点顺序：宏任务：setTimeout > setImediate微任务：process.nextTick > promise.then
2021-03-05 11:32:25
74
原创 2021面试题整理
https://blog.csdn.net/sinat_36422236/article/details/88763187
2021-03-03 17:50:13
547
1
原创 H5页面适配iOS、Android和微信
前言本文章针对H5开发的单页全屏无滚动页面。解决方案整体采用vw、vh作为基本单位，采用flex布局，针对字体使用rem单位。多终端适配针对app包下载等业务场景，需要识别对应的终端，采用不同的地址下载。针对微信特定情况，需要引导用户去往浏览器打开。识别终端类型可以采用如下方式：// 微信const isWeixin = () => { let ua = window.navigator.userAgent.toLowerCase(); return ua.match(/Mic
2021-01-12 09:57:31
806
原创 sentry + vue实现错误日志监控
起因项目采用vue全家桶开发，现在拟嵌入sentry，实现对于线上网站进行错误日志记录。其实上传日志很简单，基本配置就可以了，但是上传配套的sourcemap则颇为费劲。这里记录一下使用心得。实施步骤上传日志sentry使用文档，官方介绍很简单在 main.js 中引入如下代码：npm install @sentry/integrations# oryarn add @sent...
2019-06-20 15:33:30
4264
7
原创 NPM管理
npm 发布流程npm loginnpm versionnpm publishnpm versionnpm version <update_type> // types: patch, major, or minor主版本号（Major）.次版本号（Minor）.修订号（Patch）版本号递增规则:主版本号（Major）：当你做了不兼容的API修改次版本...
2019-06-18 17:39:35
241
原创 vue项目积累
工作记录1.修饰符及其使用最近项目上看到这样的代码：child组件隐藏模态框触发以下事件 closeHandler () { this.$emit('update:open', false) },查阅资料发现，这是以修饰符的方式实现了“双向绑定”，避免了真正的双向绑定会带来维护上的问题。父组件可以通过下面实现绑定： <parent :ope...
2019-05-16 18:15:16
201
原创 hightopo学习系列：hightopo介绍（一）
起因新的软件主管来公司以后，有整整2周的时间没有搭理前端开发。就在这周一快下班的时候，突然和我说话了。问了我一些以前用的图形库，并让我开始了解hightopo。甩给了我一个全拼，就拂袖而去，留下一脸懵逼的我。没办法呀，只能只能看咯。hightopo介绍官网上的介绍很简单：HT for Web构建先进2D和3D可视化所需要的一切一套丰富的JavaScript界面类库，一套监控可视...
2019-04-03 14:26:16
23545
13
原创 学习antd-design-pro
学习react-antd-pro框架一篇学习中的问题思考记录问题 VS 解析功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出...
2019-03-12 18:11:08
849
原创 Express + Node 爬取网站数据
前言因为自己写的demo需要历史天气的统计数据，但是国内很难找到免费的api接口，很多都需要付费和审核。而国外的网站虽然免费但需要提前知道观测站，城市id等信息。所以就有了这么一篇文章的诞生。准备工作 库 作用 superagent 发送请求 superagent-charset 设置请求的编码 cheerio 让解析htm...
2018-08-14 16:59:08
992
原创 使用Nodejs搭建server
使用Nodejs搭建server环境 文件 版本号 nodejs 8.10.0 mysql 2.16.0 express-generator 4.16.0 pm2 3.0.3 ejs 2.6.1准备工作安装上述环境依赖使用express-cli快速创建服务，资料express p...
2018-08-08 22:43:53
1513
原创 修改 bootstrap table 默认detailRow样式
this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', function () { var $this = $(this), //a.detail-icon $tr = $this.parent().parent(), //current row
2017-07-20 19:39:01
3587
1
原创 Vuetable-2使用全纪录
vuetable-2vuetablevuetablePagination vuetablePaginationMixin
2017-06-27 20:02:46
13710
原创 知识碎片
知识锦囊table元素内部强制不换行，并滚动 //强制不换行 white-space: nowrap; // display: table会导致内部不滚动 display: block; overflow-x: auto;
2017-06-20 20:03:55
312
原创 VueJS项目
VueJS项目vue-cli引用jquery, bootstrap, bootstrap-table引用jquery 找到vue-project/build/webpack.base.conf.js文件，在module.exports下添加pluginsplugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'
2017-06-08 21:26:40
697
转载 文章标题
文章来源：脚本之家 - forEach用法： forEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子： [1, 2 ,3, 4].forEach(alert);等同于下面这个for循环var array = [1, 2, 3, 4];for (var k = 0, length = array.length; k < length; k++)
2017-05-31 23:06:19
157
原创 webpack入坑指南
1. webpack安装指令webpack入门：[http://blog.csdn.net/kun5706947/article/details/52596766]1. 安装 全局安装 npm install webpack -g 本地安装 npm install webpack --save-dev2. 初始化 npm init （生成项目信息文件package.json）
2017-02-25 17:58:31
288
原创 NodeJS知识汇总
Node.js入坑第一天1.example.jsconst http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) =&gt; { res.statusCode = 200; res.setHeader('Conten
2017-02-22 20:35:49
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人