- 博客(25)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 如何手动搭建自动化部署系统
前两天写了个脚本帮助组内同学将本地构建产物上传至服务器，可以自动创建路径，监测是否存在历史版本，并将最新上传的产物替换历史版本，历史版本变为回溯版本。shell脚本的复制scp指令。sshpass免交互ssh登录工具。上面的脚本可以通过手动执行脚本，或者结合build当打包完成的时候自动执行上传脚本。所以能不能再更简单一点，直接跳过打包的动作？当然可以，经过调研打算采用的实现方法。因为上文的触发器只能在内网访问，所以我们只能在内网调试。开发人员提交代码GitHub 访问触发器。
2023-06-29 17:36:22
1111
1
原创 CommonJS和ES Module是如何解决模块循环依赖的？
本文不过多介绍CommonJS和ES Module的差异，主要聚焦于：当遇到“模块的循环引入”时，两者的处理方式有什么不同。循环引用要解决的无非是两个问题，保证不进入死循环以及输出什么值。CommonJS借助模块缓存，遇到require函数会先检查是否有缓存，已经有的则不会进入执行，在模块缓存中还记录着导出的变量的拷贝值；
2022-10-27 17:57:33
1500
原创 为什么Object.defineProperty不能监听到数组长度的变化？
从监听数组的角度来分析Object.defineProperty的缺陷
2022-07-28 09:17:19
2212
原创 Babel的工作原理及实现一个插件
前言相信大家Babel肯定不陌生，但是其工作原理是什么可能了解的人就不太多了。这次分享会大概介绍Babel的工作原理以及怎么写一个Babel插件。Babel是什么？Babel是一个JavaScript编译器，用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前版本和旧版本的浏览器或其他环境中。转译新标准引入的一些语法，比如：箭头函数let/constclassES Module…但也有一些新标准引入的全局变量、部分原生
2021-03-10 10:07:52
857
1
原创 用原生JS实现图片懒加载
之前项目都是使用现成的lazyLoad之类的懒加载插件，趁项目没那么赶的时候自己试着实现一下。思路<img>标签属性src的值不为空的时，浏览器就会根据这个值发送请求。所以我们可以先给所有的图片设置一个loading的图片，当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。实现HTML<div class="container"> <div class="img-area"> <img class="my-pho
2020-12-16 11:03:00
168
原创 dva数据流effects获取返回值的几种方式
callback回调函数// modelseffects: { *add({ payload, callBack }, { call, put, select }) { // eslint-disable-line const response = yield request('/apis/serverless/add', { method: 'GET', data: payload, }); const num = yi.
2020-12-09 14:38:26
1086
原创 小程序上的地区选择器（picker）
在钉钉小程序项目上需要一个地区选择器，看公司没有其他模板，所以自己封装了一个。代码如下：Page({ data:{ // 省市区三级联动初始化 region: [], provinces: "", citys: "", areas: "", citysData: [], value: [0, 0, 0], isChangeLocation: false }, // 初始化地区树 initAreaTree() {
2020-11-08 10:53:40
1816
原创 【echarts问题】设置echarts宽度100%，实际变成了100px
最近在使用echarts+el-tabs，当我把宽度设置成100%后，当切换tabhu
2020-08-25 16:28:57
1143
原创 TypeScript背景和语法介绍
TypeScript介绍官网TypeScript 是由微软开发的一款开源的编程语言。TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。TypeScript 更像后端 java、C#这样的面向对象语言，可以让 js 开发大型企业项目。谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+就是基于 Typescript 语法。最新的 Vue 、React 也可以集成 Type
2020-08-18 08:53:00
488
1
原创 在vue项目中实现海康威视IOT云眸平台（实时和回放）
上次我们已经提到海康ISC平台的应用，详见在vue项目中实现海康威视ISC平台（实时和回放）这次记录下海康云眸平台的应用，风格与上一篇文章保持一致，方便食用。环境先下载安装海康插件HikOpenServicePlugin.exe代码分享index.html<!-- 海康威视iot插件 --><script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script><script src=
2020-07-02 10:14:45
4165
2
原创 在vue项目中实现海康威视ISC平台（实时和回放）
最近项目中需要用到海康威视的摄像头进行实时视频、回放、预警等功能。现记录一下开发过程中遇到的问题。环境先下载安装海康插件VideoWebPlugin.exe代码分享index.html在index.html内插入三个所需js文件（海康提供），并且三个文件必须放在static目录下，切勿放在src目录。<!-- 海康威视isc插件 --><script src="static/js/jquery-1.12.4.min.js"></script><scr
2020-07-01 15:15:21
7130
3
原创 wpf框架学习笔记
WPF入门总结可以让你快速学习的一些资料和途径WPF编程宝典.pdf (书的内容比较全, 建议可以选择跳过性的阅读 , 不懂得地方再翻)深入浅出.pdf (主要以实例为主)搜索一些简单的入门视频资料或者简单的项目, 文档比较丰富详细的, 进行下手。WPF的控件结构各种控件类型详解ContentControl 类设置内容的属性为 Content，例如<Button Content="Hello"/><Label Content="Hell
2020-05-09 14:09:39
623
原创 了解webpack核心与基本使用(超详细配置图文)
什么是webpack?webpack是主流打包工具中的一种。我们在vue和react中会写很多组件，很多样式，很多图片等等，当我们执行npm run build之后，先不管按需加载的模块，你会发现打包完的js文件就那么两三个。这就是因为我们时候用了webpack打包工具。我们来官网上的这张图：左边部分有很多小箭头，这就是代表了文件的引入关系。这是由我们在文件里使用的import和expo...
2020-04-04 12:09:57
255
原创 vue中的响应式是什么? 怎么理解响应式原理?
vue中响应式是什么？概念：官网解释：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。简而言之就是数据变页面变实现原理：Vue在组件和实例初始化的时候，会将data里的数据进行数据劫持(object.definepropty对数据做处理)。被解除过后的数据会有两个属性：一个叫getter，一个叫set...
2020-03-10 21:50:00
9129
8
原创 vue轮播图插件vue-awesome-swiper及其常用属性
为什么是Swiper？Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。兼容问题：低版本的iOS只支持swiper3及以下官网：swiper.com.cn...
2020-03-01 13:51:48
5802
原创 几种常见的nodejs跨域解决方案
在我们使用ajax进行前后端数据交互的时候，经常会遇到一个跨域的报错信息：Access to XMLHttpRequest at 'http://localhost:3000/cors' from origin 'null' hasbeen blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on...
2020-02-23 19:47:42
2374
VideoWebPlugin.exe
2020-07-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人