- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 项目细节记录
inline [可选] “start”，“center”，“end"或"nearest”。默认为"nearest"。“auto”,“instant"或"smooth”。block [可选] “start”，“center”，“end"或"nearest”。默认为"center"。xxx:focus-within{}. dom元素或子元素获取焦点。aspact-ratio:1/1 dom元素设置宽高比。全局引入sass变量 mixin。将滚动元素里的某个元素显示进窗口。FALSE：：显示在底部。
2022-11-13 21:34:51
226
2
原创 SVG基础使用记录
width ->宽度height ->高度fill ->填充颜色stroke ->边框颜色stroke-width ->边框宽度stroke-dasharray -> 边框挖空内容stroke-linecap -> 边框圆角viewport -> svg可见区域viewbox -> svg画布上的坐标位置 用于自适应 例:viewBox=“0 0 20 20”viewbox 是否强制进行统一缩放值： xMidYMid meet（） 默认。
2022-09-20 20:48:54
359
原创 给组件库添加eslint规范
error"或2-将规则作为错误打开（退出代码将为1）"warn"或1-打开规则作为警告（不影响退出代码）之后就出现选项框看着挨个选择。"off"或0-关闭规则。
2022-07-30 18:24:39
199
原创 vue源码打包机制 rollup-node.js常用库记录
请勿搬运谢谢1.1 判断dist目录是否存在1.2 创建文件夹1.3 读取文件1.4 写入文件默认写入方式是直接覆盖源文件，先清空文件再写入追加写入增加flag属性进行标识，当flag的值为a时，表示追加写入2.1 生成绝对路径2.2生成相对路径三、bubel基本应用3.1 buble命令行模式全局安装使用安装库创建执行文件 buble-build.js四、静态类型检查4.1 引入库4.2 修改package.json，在scripts中添加flow
2022-06-13 17:19:51
425
原创 rollup.js 模块打包
rollup.js是Javascript的ES模块打包器工作原理：3.1配置文件模式：4.配置文件4.1模式一（单文件配置模式）根目录下创建rollup.config.jsES模块标准编写4.1模式一（双文件配置模式）输入配置文件创建rollup-input-options.jsCommonJS格式输出配置文件创建rollup-output-options.jsCommonJS格式写个打包逻辑jsrollup-build.js执行babel-node，ES标准的代码
2022-06-13 10:13:16
1535
原创 使用node.js控制树莓派GPIO端口环境配置
安装rpio库，用来操作树莓派的GPIO端口，同时也支持i²c, PWM, 和 SPI，需要先安装gcc g++用来编译c，安装好python3yum install gcc gcc-c++查看版本gcc --versiongcc (GCC) 5.2.0Copyright © 2015 Free Software Foundation, Inc.g++ --versiong++ (GCC) 5.2.0Copyright © 2015 Free Software Found
2022-05-05 11:45:54
1803
原创 vue-Echarts 报错提示 XXX was not found in ‘vue-demi‘
先安装npm install vue-demi -S如果还提示错误，可能是vue版本识别错误，需要手动切换vue版本//切换vue2npx vue-demi-switch 2//切换vue3npx vue-demi-switch 3
2022-04-11 11:36:17
3351
原创 vue提示“ is defined but never used“
在package.json下添加 "rules": { "no-unused-vars": "off" }
2022-03-23 09:46:45
1681
原创 Vue使用视频组件 vue-video-player
一、安装npm install vue-video-player --save-dev//可选安装videojs-flash //rtmpvideojs-contrib-hls //播放m3u8库二、引入全局引入 main.jsimport VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css
2022-03-11 09:58:53
954
原创 Vue 使用百度地图GL
项目开发笔记（转发请说明出处）public index文件引入百度地图Gl里面的KEY为自己的百度key，在百度地图开发平台里注册获取 链接地图个性化网址： 百度地图个性化编辑器（1）图标标注（2）折线/多边形(3)文本标注 (4)地图弹窗信息（5）绘制动画 (绘制线段)控件：三、把坐标转为百度地图坐标四、MAPV（地图可视化）1.引入public里引入js 需要改自己的key在 main.js 里 添加百度地图相关对象添加进vu
2022-03-11 09:19:06
5218
原创 Koa2使用ssl证书, 走https协议
因为某浏览器请求https网站的时候，请求http接口是错误的，浏览器会报出协议不一致的错误.net::ERR_SSL_PROTOCOL_ERROR，接口就必须走https协议了一. 安装https、koa-sslify、fs库npm i -S https fs koa-sslifyapp.js中引入koa-sslifyconst sslify = require('koa-sslify').defaultapp.use(sslify())准备好key和pem文件,二、创建..
2022-03-05 21:13:53
1103
原创 使用pm2管理node项目
一、安装pm2全局安装pm2:npm install -g pm2安装完成，自己使用pm2可能会报错：-bash:pm2:command not found（需要给pm2设置个软连接）相当于快捷方式ln -s /www/server/nodejs/v14.17.5/bin/pm2 /usr/local/bin/命令意思：ln -s pm2程序bin所在位置 链接到目标位置但是需要确认下自己的pm2安装位置在哪，可我的可能会不一样，或者node版本不同二、运行项目
2022-03-05 20:42:30
811
原创 vue PC+移动端 自适应布局
之前自己接了个项目 PC+移动端 自动适配显示，因为手机端需要自适应，pc也是需要自适应项目里 PC用的1920px，移动端用的375px，使用媒体查询适配显示一、环境使用lib-flexible,为html上添加 动态的font-size（屏幕宽度/10），根据宽度而变化例如浏览器宽度为750px，则会自动设置为75px， 1rem就=75px使用px2rem-loader，自动将css的px转成rem，两个插件配合使用， 就能做到自适应大小二、步骤2.1 安装 lib-fl
2022-02-16 16:26:28
11213
15
原创 nvue爬坑记录
因为要考虑多终端兼容性，很多api是不能用的,避免出现兼容bug，记录通用api1.获取元素宽高，其他属性 //通过id查找，nvue不支持class查找 query.select('#tab-bar-view').boundingClientRect(); query.exec(data => { console.log(data); });2.获取屏幕高度，宽度，状态栏高度 uni.getSystemInfoSync()//属性值：scre
2022-01-05 13:16:31
1624
原创 JavaScript 基础笔记
参考书 《JavaScript高级程序设计》 人民出版社一·语言基础ES区分大小写标识符：变量，函数，属性，函数参数的名字注释：1.单行注释// 注释内容2.多行注释/*注释内容*/二·变量（var let）/常量 （const）（一）var关键字P24列举：var a="abc" //定义字符串值为abc的a变量a=123 //将a变量改变为数值123（可以，但不推荐直接改变类型）//不推荐直接...
2021-12-05 16:28:28
1056
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人