<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sinat_36065456的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sinat_36065456</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sinat_36065456]]></copyright><item><title><![CDATA[element form 自定义校验]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/124092986</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/124092986</guid><author>sinat_36065456</author><pubDate>Mon, 11 Apr 2022 10:31:09 +0800</pubDate><description><![CDATA[element-ui 表单校验总结
作为一名前端开发，会遇到各种各样的表单处理。为了给用户更好的体验，行内表单校验及错误展示被广泛使用。由于工作中用到element-ui较多，所以这里简单谈一谈日常工作遇到的【有意思】的表单交互。

element-ui官网链接： https://element.eleme.cn/#/zh-CN/component/form, 简单的表单校验可以直接参考官网套着用

实现原理

基于 el-form-item 下面的表单项做校验，而不是基于 prop
嵌套校验为啥需要”…“]]></description><category></category></item><item><title><![CDATA[vite + vue2 + eslint 项目配置]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/122605804</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/122605804</guid><author>sinat_36065456</author><pubDate>Thu, 20 Jan 2022 17:07:40 +0800</pubDate><description><![CDATA[// npm 和 yarn 皆可，这里以 yarn 举例


安装 vue2 环境

yarn create vite

// 选择 framework: vanilla
// 不选 vue，是因为vue默认是vue3



// 自行安装环境
yarn add vite-plugin-vue2 vue-template-compiler -D
yarn add vue vue-router vuex 

// 配置 vue 环境
// 新建 vite.config.js
import { resolve ]]></description><category></category></item><item><title><![CDATA[《浏览器播放RTSP方案》之 VXGPlayer插件播放RTSP视频流]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/119760160</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/119760160</guid><author>sinat_36065456</author><pubDate>Tue, 17 Aug 2021 16:37:28 +0800</pubDate><description><![CDATA[VXGPlayer插件播放RTSP视频流
总体来说vxgplayer是付费插件，更多支持的功能可以去官网详询。作为一个demo研究，检索资料和实现总结如下：
环境搭建
别人有一篇文章总结的很好，就不赘述。直接上链接 整合vxgPlayer使chrome支持vxg_media_player播放rtsp视频

关于如何安装多chrome浏览器, 可以参考我的另一篇 VLC插件播放RTSP视频流-多版本chrome安装

实例代码
// 项目目录
// │  index.html
// └─lib
//     ]]></description><category></category></item><item><title><![CDATA[《浏览器播放RTSP方案》之 VLC插件播放RTSP视频流]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/119737236</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/119737236</guid><author>sinat_36065456</author><pubDate>Mon, 16 Aug 2021 18:03:23 +0800</pubDate><description><![CDATA[VLC插件播放RTSP视频流多版本chrome安装安装vlc软件开启浏览器的NPAPI设置编写测试页插件设置其他问题最后
目前网页对于RTSP流直接播放不支持，目前有插件和转流两种方式，这里针对vlc插件播放做一个简单的梳理。
查看官网教程 vlcWebPlugin, 得知其浏览器支持情况：

这是因为因为谷歌启用了新的插件PPAPI，认为新的更安全，所以NPAPI设置在chrome45及以后不再支持。
鉴于开发者主要使用chrome，所以我们需要首先安装一个v44版本的chrome浏览器。而且我们电脑上基]]></description><category></category></item><item><title><![CDATA[js eventLoop]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/114387706</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/114387706</guid><author>sinat_36065456</author><pubDate>Fri, 05 Mar 2021 11:32:25 +0800</pubDate><description><![CDATA[eventLoop详解
宏任务和微任务的一个小事
在此补充一点顺序：
宏任务：setTimeout &gt; setImediate
微任务：process.nextTick &gt; promise.then

]]></description><category></category></item><item><title><![CDATA[2021面试题整理]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/114326182</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/114326182</guid><author>sinat_36065456</author><pubDate>Wed, 03 Mar 2021 17:50:13 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/sinat_36422236/article/details/88763187]]></description><category></category></item><item><title><![CDATA[H5页面适配iOS、Android和微信]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/112506897</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/112506897</guid><author>sinat_36065456</author><pubDate>Tue, 12 Jan 2021 09:57:31 +0800</pubDate><description><![CDATA[前言
本文章针对H5开发的单页全屏无滚动页面。
解决方案
整体采用vw、vh作为基本单位，采用flex布局，针对字体使用rem单位。
多终端适配
针对app包下载等业务场景，需要识别对应的终端，采用不同的地址下载。针对微信特定情况，需要引导用户去往浏览器打开。
识别终端类型可以采用如下方式：
// 微信
const isWeixin = () =&gt; {
  let ua = window.navigator.userAgent.toLowerCase();
  return ua.match(/Mic]]></description><category></category></item><item><title><![CDATA[常用唤醒APP的方式]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/104714536</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/104714536</guid><author>sinat_36065456</author><pubDate>Sat, 07 Mar 2020 14:35:48 +0800</pubDate><description><![CDATA[参考常用唤醒APP的方式

]]></description><category></category></item><item><title><![CDATA[sentry + vue实现错误日志监控]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/93045793</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/93045793</guid><author>sinat_36065456</author><pubDate>Thu, 20 Jun 2019 15:33:30 +0800</pubDate><description><![CDATA[起因
项目采用vue全家桶开发，现在拟嵌入sentry，实现对于线上网站进行错误日志记录。其实上传日志很简单，基本配置就可以了，但是上传配套的sourcemap则颇为费劲。这里记录一下使用心得。

实施步骤
上传日志
sentry使用文档，官方介绍很简单
在 main.js 中引入如下代码：

npm install @sentry/integrations
# or
yarn add @sent...]]></description><category></category></item><item><title><![CDATA[NPM管理]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/92797045</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/92797045</guid><author>sinat_36065456</author><pubDate>Tue, 18 Jun 2019 17:39:35 +0800</pubDate><description><![CDATA[npm 发布流程

npm login
npm version
npm publish


npm version
npm version &lt;update_type&gt;		// types: patch, major, or minor


主版本号（Major）.次版本号（Minor）.修订号（Patch）
版本号递增规则:

主版本号（Major）：当你做了不兼容的API修改
次版本...]]></description><category></category></item><item><title><![CDATA[vue项目积累]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/90269203</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/90269203</guid><author>sinat_36065456</author><pubDate>Thu, 16 May 2019 18:15:16 +0800</pubDate><description><![CDATA[工作记录

1.修饰符及其使用
最近项目上看到这样的代码：
child组件隐藏模态框触发以下事件
	closeHandler () {
        this.$emit('update:open', false)
      },

查阅资料发现，这是以修饰符的方式实现了“双向绑定”，避免了真正的双向绑定会带来维护上的问题。
父组件可以通过下面实现绑定：
	&lt;parent 
		:ope...]]></description><category></category></item><item><title><![CDATA[hightopo学习系列：hightopo介绍（一）]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/88994348</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/88994348</guid><author>sinat_36065456</author><pubDate>Wed, 03 Apr 2019 14:26:16 +0800</pubDate><description><![CDATA[起因
新的软件主管来公司以后，有整整2周的时间没有搭理前端开发。就在这周一快下班的时候，突然和我说话了。问了我一些以前用的图形库，并让我开始了解hightopo。甩给了我一个全拼，就拂袖而去，留下一脸懵逼的我。
没办法呀，只能只能看咯。
hightopo介绍
官网上的介绍很简单：

HT for Web
构建先进2D和3D可视化所需要的一切

一套丰富的JavaScript界面类库，
一套监控可视...]]></description><category></category></item><item><title><![CDATA[学习antd-design-pro]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/88426030</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/88426030</guid><author>sinat_36065456</author><pubDate>Tue, 12 Mar 2019 18:11:08 +0800</pubDate><description><![CDATA[学习react-antd-pro框架一篇学习中的问题思考记录问题 VS 解析功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出...]]></description><category></category></item><item><title><![CDATA[Express + Node 爬取网站数据]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/81670330</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/81670330</guid><author>sinat_36065456</author><pubDate>Tue, 14 Aug 2018 16:59:08 +0800</pubDate><description><![CDATA[前言

因为自己写的demo需要历史天气的统计数据，但是国内很难找到免费的api接口，很多都需要付费和审核。而国外的网站虽然免费但需要提前知道观测站，城市id等信息。所以就有了这么一篇文章的诞生。





准备工作




  
库

  作用



  superagent
  发送请求


  superagent-charset
  设置请求的编码


  cheerio
  让解析htm...]]></description><category></category></item><item><title><![CDATA[使用Nodejs搭建server]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/81516963</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/81516963</guid><author>sinat_36065456</author><pubDate>Wed, 08 Aug 2018 22:43:53 +0800</pubDate><description><![CDATA[使用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...]]></description><category></category></item><item><title><![CDATA[修改 bootstrap table 默认detailRow样式]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/75576835</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/75576835</guid><author>sinat_36065456</author><pubDate>Thu, 20 Jul 2017 19:39:01 +0800</pubDate><description><![CDATA[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
   ]]></description><category></category></item><item><title><![CDATA[Vuetable-2使用全纪录]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/73822935</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/73822935</guid><author>sinat_36065456</author><pubDate>Tue, 27 Jun 2017 20:02:46 +0800</pubDate><description><![CDATA[vuetable-2
vuetable
vuetablePagination 
vuetablePaginationMixin]]></description><category></category></item><item><title><![CDATA[知识碎片]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/73512605</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/73512605</guid><author>sinat_36065456</author><pubDate>Tue, 20 Jun 2017 20:03:55 +0800</pubDate><description><![CDATA[知识锦囊
table元素内部强制不换行，并滚动
    //强制不换行
    white-space: nowrap;
    // display: table会导致内部不滚动
    display: block;
    overflow-x: auto;]]></description><category></category></item><item><title><![CDATA[VueJS项目]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/72935128</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/72935128</guid><author>sinat_36065456</author><pubDate>Thu, 08 Jun 2017 21:26:40 +0800</pubDate><description><![CDATA[VueJS项目vue-cli引用jquery, bootstrap, bootstrap-table
引用jquery 
 找到vue-project/build/webpack.base.conf.js文件，在module.exports下添加plugins
plugins: [
        new webpack.optimize.CommonsChunkPlugin('common.js']]></description><category></category></item><item><title><![CDATA[CSS3动画和VUE动画整理]]></title><link>https://blog.youkuaiyun.com/sinat_36065456/article/details/72858052</link><guid>https://blog.youkuaiyun.com/sinat_36065456/article/details/72858052</guid><author>sinat_36065456</author><pubDate>Sun, 04 Jun 2017 11:39:57 +0800</pubDate><description><![CDATA[CSS3过渡]]></description><category></category></item></channel></rss>