RSS订阅原创 拖拽缩放热区vue组件代码解决方案
可移动热区组件 /* Movable/index.js */export { default as MovableArea } from './Components/Area'export { default as MovableView } from './Components/View'可视化区域/* Movable/Components/View.vue */<script>const MovableView = { props: { height : {
2022-03-10 10:56:16
1735
原创 老淘宝 npm 镜像停止解析，请更换
淘宝 npm 域名即将停止解析npmmirror 中国镜像站http://npmmirror.com/npmmirror 镜像站大重构升级微信群：为国内企业 Registry 维护者提供信息同步和交流渠道。原淘宝 npm 域名即将停止解析正如在《淘宝 NPM 镜像站喊你切换新域名啦》 中预告的那样：http://npm.taobao.org 和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。域名切换规则：htt
2022-03-02 20:50:08
3043
原创 vue实现视频监控
vue文件<template> // 包一层是因为放在 Dialog 里面，随时会销毁， // 不然 this.player.dispose() 销毁后整个dom都没有了，会显示dom节点找不到的报错 <div ref="videoContainer"> // video-js有这个才有样式 <video ref="videoPlayer" class="video-js"></video> </div></
2022-02-11 18:31:33
3778
1
原创 vue2.x 动态表单，可拓展
原子组件// Field.js 原子组件const optionsMap = (h, options, tag) => options.map(item => { return h( `el-${tag}`, { props: item, }, item.text, ); });export default { props: { fieldProps: { type: Objec
2022-01-14 17:09:44
639
原创 代码git管理方案
一、主分支Master代码库应该有一个、且仅有一个主分支：master。所有提供给用户使用的正式版本，都在这个主分支上发布。每次发布 打一个tag，例如tag v1.0.0 tag v2.0.0#mermaid-svg-Y4Tz5OQsGMX8oolT .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-Y4
2021-11-26 15:01:32
218
原创 微信小程序-蓝牙设备连接-蓝牙开门
引用此js文件就行了/* eslint-disable no-underscore-dangle */function inArray(arr, key, val) { for (let i = 0; i < arr.length; i++) { if (arr[i][key] === val) { return i; } } return -1;}// ArrayBuffer转16进度字符串示例function ab2hex(buffer) {.
2021-07-02 10:04:47
1031
原创 小程序-车牌号键盘
按照一下4个文件代码则可以渲染出车牌号键盘效果图：index.wxml<!-- 输入框 --><view class="modal-content"> <view class="board-input"> <block wx:for="{{8}}" wx:key="index"> <view wx:if="{{index!==7}}" data-index="{{index}}" .
2021-07-01 20:47:41
308
原创 微信H5开发：js限制页面只能在微信浏览器打开，禁止外置浏览器访问
只要不是在微信内部打开网页的，就会跳转提示页面，appid必写，可随意写，也可以写已获取的。还是觉得跳转比较好，防止别人查看自己的代码。<script> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { window.location.href =.
2021-07-01 20:17:46
2442
原创 eslint 配置详解（注释版）
``js/* eslint-disable */module.exports = {// 解析器选项// 指定要支持的 JavaScript 语言版本的选项// 应该始终设置解析器选项：// 1. 使用默认解析器的时候，ESLint 需要 parserOptions 配置属性才能使 ESLint 与 ECMAScript 5 中未包含的功能正常配合使用// 2. 即使使用其他的解析器。解析器会被传入 parserOptions，但是不一定会使用它们来决定功能特性的开关“parserOptio
2021-02-01 17:28:04
762
原创 Vue的ESLint-stylelint-prettier联合配置
Available rules 可用规则Base Rules 基本规则 (Enabling Correct ESLint Parsing) 启用正确的ESLint分析通过以下方式强制执行此类别中的所有规则以及所有优先级较高的规则：{ "extends": "plugin:vue/base"}Rule IDDescription 描述vue/comment-directive支持< template >中的注释指令vue/experimental-s
2020-11-19 19:12:23
6674
原创 Git实用技巧及命令汇
23个Git实用技巧及命令汇总1、新建创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中初始化当前项目git init新建一个目录，将其初始化为Git代码库git init [project-name]在指定目录创建一个空的 Git 仓库。运行这个命令会创建一个名为 directory，只包含 .git 子目录的空目录。git init --bare <directory>下载一个项目和它的整个代码历史git clone [url
2020-09-10 10:40:33
532
1
原创 前端-从输入url到页面渲染
从输入url到页面加载发生了什么总览浏览器地址栏输入URL并回车浏览器查找当前URL是否存在缓存，并比较缓存是否过期DNS解析URL对应的IP根据IP建立TCP连接（三次握手）发送HTTP请求服务器处理请求，浏览器接受HTTP响应浏览器解析并渲染页面关闭TCP连接（四次挥手）浏览器获取html，解析，渲染过程如下解析HTML,生成DOM树解析CSS,生成CSS规则树合并CSS和DOM数，生成render树布局render树（layout/reflow），负责各元素尺寸、位置
2020-09-10 10:09:07
354
原创 前端安全性问题：XSS、CSRF、SQL等漏洞，和其他常见漏洞
XSS 跨站脚本攻击是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点（过于信任客户端提交的数据！），进而添加一些代码，嵌入到web页面中去。使别的用户访问都会执行相应的嵌入代码。XSS攻击的危害包括：盗取各类用户帐号，如机器登录帐号、用户网银帐号、各类管理员帐号控制企业数据，包括读取、篡改、添加、删除企业敏感数据的能力盗窃企业重要的具有商业价值的资料非法转账强制发送电子邮件网站挂马控制受害者机器向其它网站发起攻击XSS漏洞修复X
2020-05-12 17:27:48
805
转载 eslint规则详解
Eslint Rules为了让你对规则有个更好的理解，ESLint 对其进行了分门别类。// 规则格式rules: { // 规则名 'vue/max-attributes-per-line': [ // 规则权重（报错，警告，不理会） 2, { singleline: 5, // 规则选项 mul...
2019-07-02 00:30:29
817
转载 JS 开发常用工具函数
1、isStatic：检测数据是不是除了symbol外的原始数据function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof v...
2019-07-02 00:14:51
98