- 博客(21)
- 收藏
- 关注
RSS订阅原创 去除input在chrome中显示的外边框
去除input在chrome中显示的外边框原因中间部分的input框，在聚焦时候，会显示一个黑色的外边框，查找后发现原因是chrome中给input框的focus-visible增加了outline属性解决方案为input框的focus-visible设置outlone:none; 属性如果要增加鼠标聚焦后显示边框的效果，可以设置 outline: 1px solid red; 相当于基于整个元素节点设置外边框。因此针对设置了圆角一类的元素节点，想要设置边框，最好还是采用：border:
2021-08-02 14:24:01
1626
1
原创 canvas+vue实现图片的缩放、拖拽
最近做项目遇到一个需求，对图片进行拖动+缩放，本来这个功能直接采用viewerjs这个插件就可以实现的。但是我们还有其他需求啊，在底层图片上添加一些图片或者文字注释，并且随着底层图片的拖动和缩放后，其相对位置不能发生改变，因此选择了用canvas解决，毕竟x,y坐标在那里，敌动我也动。定义canvas，解决绘制图片模糊的问题<template><canvas ref="bargraphCanvas" :width="canvasWidth" :height="canvasHeigh
2020-05-27 18:01:31
8093
6
原创 JS数据类型转换
文章目录JS数据类型NumberStringUndefinednullBoolean数据转换转换为数字转换为String类型转化为 Boolean()类型隐式转换自动转换为字符串自动转换为数值JS数据类型常用的数据类型：Boolean、String、Number、Null、Undefined、Object还有两种类型是ECMAScript新增的： BigInt、SymbolNumber...
2020-04-08 20:26:04
604
原创 为什么TCP需要三次握手，四次挥手？
文章目录为什么需要三次握手？三次握手为什么不是两次或者四五六次握手呢？为什么需要四次挥手四次挥手那为什么是两个MSL呢：为什么不是三次挥手呢？什么是SYN Flood(洪水) 攻击半连接队列和全连接队列、SYN TimeoutSYN Flood攻击防御SYN Flood攻击TCP是一个面向连接的，可靠的，字节流的，传输层的协议，在数据发送前，通信双方需要建立‘连接’，来保存一份关于对方的信息。它...
2020-04-06 15:08:30
3754
4
原创 Vuex快速入门
文章目录概念Vuex的安装使用Vuex的核心statemutationsactionsgettersmodules学习一个新的知识点，我们先问自己两个问题： 它是什么，它能解决什么问题。弄懂这两点以后，我们再去学习如何用它。首先介绍一些vuex的基本概念：概念官方的解释是这样的： Vuex是Vue应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一...
2020-03-05 01:26:49
500
原创 Vue学习笔记-Day9 webpack配置文件分离、与grunt和gulp的区别
文章目录webpack配置文件分离webpack插件webpack和grunt还有gulp的区别常用词汇webpack配置文件分离前面所有webpack的配置我们都写在了webpack.config.js中，但是这样会存在一个问题，比如有些配置我们需要在开发的时候使用，有些我们只想在打包的是使用。举个例子： uglifyjs.webpack.plugin对js代码进行压缩，压缩后的代码难以阅...
2020-03-01 21:56:00
202
原创 Vue学习笔记-Day8 webpack-dev-server搭建本地服务器
webpack-dev-server搭建本地服务器基于node搭建，内部使用express框架。这个服务器的作用相当于就是热部署，我们不需要在每次更改代码后都去重新打包。基本原理：对代码进行监听，如果发生改变，就重新进行编译，然后将编译生成的东西缓存到内存中，而不像打包后自动写入磁盘。放在内存中，无论是读写速度都比较快，这样方便我们进行开发调试安装配置安装webpack-dev-serve...
2020-03-01 21:53:53
151
原创 Vue学习笔记-Day7 webpack配置vue环境、引入.vue文件
文章目录day7 webpack配置vuewebpack配置vue环境webpack引入逐步.vue文件day7 webpack配置vuewebpack配置vue环境首先进行安装vue相关的包：npm install vue -save //安装vue，这里不需要加-dev，因为vue是开发和运行都需要的注意：开发依赖在安装完成后，自动显示在 package.json的devDepe...
2020-03-01 21:00:07
178
原创 Vue学习笔记-Day6 webpack安装、配置、loader使用
文章目录day6 webpack安装配置Loader使用day6 webpackwebpack是一个 静态模块打包工具。主要强调模块、打包两个重点，可以将css、less、图片等都进行模块化打包。安装webpack依赖node环境，所以电脑上需要安装node，并且 node中有很多包，所以在安装node的时候，会安装 npm(node package manage) 来管理这些包。通过 ...
2020-03-01 20:55:21
139
原创 Vue学习笔记-Day5 -slot插槽、模块化
文章目录day5 slot插槽、模块化slot插槽模块化day5 slot插槽、模块化slot插槽插槽是提高了组件的扩展性，组件本来是固定的内容，有了插槽，就可以为每个组件增加的特有元素。1 基本使用2 具命插槽<div id="app"><children1> <h1>我是修改值:{{msg}}</h1> <!-- ...
2020-02-25 21:49:19
275
原创 vue+websocket实现数据实时推送以及本地测试
文章目录websocket + vue 实现实时通信websocket原理vue+websocket 客户端的实现websocket 服务端的实现websocket + vue 实现实时通信websocket原理目前，我们有许多数据需要实时获取，由于数据不断改变，之前我使用的方法是通过 setInterval去定时请求，但是由于服务器请求过来的数据需要一定的时间，导致一个请求还没有完成，定时...
2020-02-25 10:12:12
6691
2
原创 Vue学习笔记-Day4 - vue组件基础、父子访问
文章目录day4 Vue组件全局注册和局部注册模块系统父子组件通信父子组件访问day4 Vue组件全局注册和局部注册模块系统父子组件通信父子组件访问day4 Vue组件全局注册和局部注册模块系统父子组件通信父子组件访问day4 Vue组件组件化的核心思想就是把UI结构映射到恰当的组件树，它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们我们的应用。全局注册和局部注册...
2020-02-25 09:30:50
175
原创 Vue学习笔记-Day3 - vue列表渲染、事件监听、表单绑定
Day3 - vue列表渲染、事件监听、表单绑定列表渲染1 基本使用使用v-for进行循环渲染 <ul> <li v-for="(item,index) in books"> <!-- {{index}}-{{item.name}}<br> --> <span v-for="(v...
2020-02-23 12:16:47
318
原创 Vue学习笔记-Day2 Vue基本用法、MVVM模型、生命周期函数、深度响应式原理、虚拟DOM
day2 – vue起步文章目录day2 -- vue起步Vue安装Vue初体验Vue的MVVM模型Vue的生命周期函数Vue深度响应式原理插值语法绑定参数计算属性条件渲染虚拟DOMVue安装目前有种使用方式：1 CDN引入开发环境版本：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip...
2020-02-22 22:29:17
258
原创 Vue学习笔记-Day1 认识Vue
day1 --认识Vue起源：2013年6月 — google工作的尤雨溪收到Angular的启发，从中提取除了自己喜欢的部分，而开发出的一款轻量级框架，最初命名Seed，本意是做一个视图层库。2013年12月 — 更名为vue，版本为0.6.02014年1月 — 第一次进行正式发布V0.8.02015年4月 — 发布0.12.0版本，vue进入Laravel社区，打响了知名...
2020-02-21 18:59:37
228
原创 vue+canvas模拟人物在地图上移动动画效果
使用vue+canvas实现人物图标在背景图中移动效果1 引入canvas<template> <div class="right-box"> <canvas ref="canvasPerson" id="canvasPerson" width="1060" height="700"></canvas> </div>...
2020-02-12 11:24:28
2747
5
原创 vue+videojs+videojs-contrib-hl实现hls视频流切换播放
vue+videojs+videojs-contrib-hl实现点击勾选不同的数据，播放不同的视频。<template> <div class="player-container"> <template v-if="hlsurl"> <div id="video-content"> <video ...
2019-11-12 21:50:22
8681
1
原创 git同时绑定两个账号gitlab、github
git同时绑定两个账号gitlab、github有时候git需要同时绑定两个账号，一个是公司的gitlab、一个是私人的github流程：1 生成两对 公/私钥，一个账户一对2 设置不同的Host3 取消全局的username、usermail，为每个账户单独设置步骤：生成两对公/私钥一般情况下，是已经有一对密钥的，只需要根据命令在生成一对就可以了，注意密钥的名称必须区分开来，我的...
2019-10-22 17:40:39
2569
原创 vue+element实现单选 父子无关系
vue+element实现单选注意哦：是彻底的单选，就是父子结点无关系的那种，一共只能选一个<el-tree :data="data" show-checkbox default-expand-all node-key="id" :check-strictly="true" //父子关系脱离绑定 ...
2019-06-28 16:47:07
272
原创 JS在指定数组中求解一个数字的两个加数
[leetcode](https://blog.csdn.net/seabiscuityj/article/details/80730733)：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11...
2019-03-12 11:12:59
566
原创 vue错误Error: listen EADDRNOTAVAIL 192.168.1.104:8080
本地地址错误问题**解决方法**问题之前电脑重装完系统，第一次运行vue项目，发现报下面的错误迷迷糊糊在网上搜了很久的答案，改淘宝镜像、重新安装脚手架、升级nodejs等，发现都不行。解决方法最后看了一篇帖子，说是端口可能被占用，出现错误，忽然灵机一动，想着上次为了方便在手机上浏览，所以将localhost改为了192.168.1.100，但是进行重新开机后，局域网的IP地址改变，所以...
2019-01-16 11:04:59
2430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人