- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue中引入graphQL
vue中引入graphQL并使用的步骤：`npm install vue-apollo graphql apollo-boost --save`在src/main.js中引入apollo-boost模块 并实例化ApolloClient:```import ApolloClient from 'apollo-boost'import VueApollo from 'vue-apollo'Vue.use(VueApollo);const apolloClient = new Apo
2021-03-08 17:34:22
470
原创 flvjs
flvjs在vue中的使用：HTML:<video class="video-content" id="video"> 您的浏览器不支持 HTML5 video！</video>import flvjs from "flv.js";js://加载播放 let flvUrl = 'url' let flvPlayer=null//flv实例 let videoPlayer = document.getElementById('video'); //获取html
2021-01-20 11:08:46
328
原创 yarn如何全局安装命令以及和环境变量的关系
npm全局安装npm i -g xxxyarn 全局安装yarn global add xxx然而你可能会发现npm全局安装后的命令可以直接使用，而yarn却不行，这是为什么呢？我们来查看下npm和yarn的bin目录bin是binary的缩写，意思是存放二进制可执行文件的目录，比如exe，msi等，而npm，yarn全局安装的命令就会从这里面开始查找可执行文件。那为什么系统会从这个路径下进行查找可执行文件呢？这就要说下环境变量。简单的说计算机在执行命令的时候是在环境变量找对应的命令的
2021-01-06 14:40:16
1388
原创 vue的keep-alive使用
keep-alive使用1.DoorTable是Door的默认页面，从DoorTable跳到DoorVideo时，要求从/monitor/door/doorvideo路由返回/monitor/door是keep-alive的，做法：路由界面：Door.vue 界面：2.从/work路由跳转到/workdetailfullpage路由时，要求/workdetailfullpage 返回到/work时，/work是keep-alive的：路由界面：MainLayout.vue界面（这是work
2020-12-23 16:54:38
129
原创 vue上传图片到阿里oss保存
vue上传图片到阿里oss保存：yarn add ali-oss自己找个文件夹，然后创建 alioss.js 文件，内容：import OSS from 'ali-oss';import Vue from 'vue'/** * 配置信息 */const region = "***"; // 换成自己的regionconst accessKeyId = "***"; // 换成自己的accessKeyIdconst accessKeySecret = "***"; // 换成自
2020-11-25 10:42:14
461
原创 前端接入萤石云
萤石云有两个方法使用：npm引入非npm引入两个方法中的js内容不同，所以容器初始化方法也不同详情可到github查看：https://github.com/Hikvision-Ezviz①npm引入：步骤一：首先通过npn下载npm install ezuikit-js 步骤二：项目中引入import EZUIKit from 'ezuikit-js';// 或者下面原生script引入，二选一即可<script src="./ezuikit.js"></s
2020-09-18 15:21:29
3476
1
原创 idea打包apk时报错找不到sdk，解决
在打包apk时，如果sdk已经配置完成了，但还是报错找不到sdk，可以在src-capacitor文件夹中的android文件夹的新增 local.properties 文件，内容是sdk的路径：sdk.dir = C:\\Users\\Administrator\\AppData\\Local\\Android\\Sdk...
2020-09-04 10:57:50
874
原创 前端实现记住密码功能
在 vue 文件中data() { return { fd: { username: "",//用户名 password: "",//密码 remember: false,//是否记住密码 } }, created() { // 首先查看是否记住密码，有则直接渲染到页面中 if(this.getCookie('username') && this.getCookie('password')
2020-08-06 11:06:18
948
转载 http头部
最全的HTTP头部信息分析HTTP 头部解释Accept：告诉WEB服务器自己接受什么介质类型，/ 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。Accept-Charset： 浏览器申明自己接收的字符集Accept-Encoding： 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法 （gzip，defla...
2020-04-12 19:49:01
129
原创 gitee和GitHub使用
gitee：首次必须添加SSH公钥：在设置中点击SSH公钥。-> 怎样生成公钥。-> 仓库管理 -> 生成/添加公钥cmd执行命令行 ssh-keygen -t rsa -C "xxxxx@xxxxx.com"其中xxxxx@xxxxx.com是账号注册的邮箱，然后 回车再然后 连续敲击 三次回车找到公钥存放地址，右键打开，复制其中的所有内容，复制...
2020-03-28 19:34:19
842
原创 修改webpack的文件打包路径
webpack的4.x版本中默认约定：打包的入口文件为src -> index.js打包的输出文件为dist-> main.js如果要修改打包的入口和出口，可以在webpack.config.js中新增如下信息： const path = require('path')//导入node.js中专门操作路径的操作 module.exports = { ...
2020-03-04 17:21:19
2083
转载 前后端交互
对于想要搞web的新手而言，会用html+css+javascript实现一个页面没什么太大的困难，但是想要前后端实现数据交互，在没有指导的情况下，可能大多数人都会一头雾水，往往都会有以下的疑问。1、数据是怎么发送到后端？2、后端是怎么接收到前端发送过来的数据？3、后端怎么对前端发送来的数据进行处理？4、处理完之后又怎么写入数据库，以及给前端返回处理结果？网站数据处理主要分为三层。第一...
2019-11-13 21:29:39
477
转载 css3使用gpu加速
为动画DOM元素添加CSS3样式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translateZ(0);，这两个属性都会开启GPU硬件加速模式，从而让浏览器在渲染动画时从CPU转向GPU，其实说白了这是一个小伎俩，也可以算是一个Hack，-webkit-transform:transition3d和-webkit-transfor...
2019-11-06 20:16:10
620
原创 浏览器渲染机制
DOM：Document Object Model，浏览器将HTML解析成树形的数据结构，简称DOM。CSSOM：CSS Object Model，浏览器将CSS解析成树形的数据结构，简称CSSOM。Render Tree: DOM和CSSOM合并后生成Render Tree。ayout: 计算出Render Tree每个节点的具体位置。Painting：通过显卡，将Layout后的节点内...
2019-11-06 19:51:32
146
原创 js循环中onclick事件问题
问题：window.onload = funtion(){ var lis = document.getElementsByTagName('li'); for( var i = 0; i < lis.length; i ++ ){ lis[i].onclick = function(){ console.log(i);//当我们点击...
2019-11-04 12:50:12
756
原创 let 和 const
let命令基本用法在ES6中，新增了let命令，用于声明变量，用来取代ES5中var命令，消除var声明的变量的不合理，不严谨之处。const用于声明常量。让我们来看看let和var的区别1.let不存在变量提升使用let声明的变量，不会像使用var那样存在“变量提升“”的现象。所以使用let声明变量，必须遵循“先声明，后使用”的原则。否则会报错console.log(a); //Ref...
2019-11-02 15:33:15
201
转载 TCP/IP
TCP/IP分为几层？各层的作用是什么?答：1. 应用层 2.传输层 3.网络层 4.网络接口层*应用层-------。ICP/IP协议族在这一层面有着很多协议来支持不同的应用，许多大家所熟悉的基于Internet的应用的实现就离不开这些协议。如我们进行万维网（WWW）访问用到了HTTP协议、文件传输用FTP协议、电子邮件发送用SMTP、域名的解析用DNS协议、远程登录用Telnet协议等等，...
2019-11-02 10:54:02
188
原创 TCP和UDP差别
TCP、UDP差别 ：1.基于连接与无连接2.TCP要求系统资源较多，UDP较少；3.UDP程序结构较简单4.流模式（TCP）与数据报模式(UDP);5.TCP保证数据正确性，UDP可能丢包6.TCP保证数据顺序，UDP不保证TCP有三次握手四次挥手过程：第一次握手：建立连接时，客户端发送syn包（syn=x）到服务器，并进入SYN_SENT状态，等待服务器确认；SYN：同...
2019-11-02 10:17:42
222
原创 去除inline-block元素之间的间隙以及图片下有空隙
去除行内块间隙使用行内块元素时，会发现相邻的行内块元素不是紧紧挨在一起的，中间有一个缝隙，此时是可以去除这个缝隙的。方法一 设置父元素font-size：0；在单独设置子元素的字体大小即可.father { font-size: 0;//可以去除缝隙0}.son { font-size: 16px;//设置一个你需要的大小}方法二 父元素使用letter-spacing：-...
2019-11-01 18:55:20
267
1
原创 随笔记录
console.log(typeof(null));// objectconsole.log(typeof(undefined));// undefined用typeof检测时数组时间等都是返回object，所以有了instanceof检测对象 console.log(变量名 instanceof Array); instanceof检测的String、Number等是对象中的不是基...
2019-11-01 14:24:16
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人