- 博客(28)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue中$forceUpdate的使用
Vue中的$forceUpdate有强制刷新的意思，但是这个针对于深层次结构数据，数据通过赋值进行了更新，但是vue监听不到。深结构数据对于普通类型的数据来说，我们不需要操心数据绑定，Vue的内部机制已经帮助我们监听更新，但是对于一个复杂对象来说，例如数组对象、对象数组等，我们对其某个元素增加属性，vue就监听不到了。对照着vue文档规范，我们应该使用 $set来进行数据的操作或者初始化，这样的话vue内部是能够监听到的。如果不想用 $set 来进行操作，我们就需要使用 $forceUpdate来进行
2021-02-21 11:26:05
1078
原创 如何在前端项目中引入vconsole
介绍：vconsole是腾讯公司针对移动端开发为前端开发人员设计的一款轻量、可扩展的调试面板，为手机web页面量身设计，帮助开发者更为便捷的开发调试工作。具体引入的步骤如下：1、cnpm install vconsole --save 安装vconsole插件2、import VConsole from ‘vconsole’ 在项目的入口文件进行插件的引用3、new VConsole 或者let vconsole = new VConsole();export default vconso
2020-12-25 11:51:34
1201
原创 nginx 配置 autoindex
我们在正常配置nginx的时候，代理单个项目，直接将root路径配置好，nginx会自己根据入口文件来代理；但是当我们想要代理一个文件夹下的多个项目时，我们需要在location里面加入autoindex配置项，autoindex的含义如下:autoindex表示自动创建索引列表，拥有on、off两个参数，其中on表示打开，off表示关闭示例：当我们设置：autoindex on；我们能够访问到下面代理成功的图片：但是，当我们设置autoindex off; 再次访问便是403，看不到文件夹下的各个
2020-12-24 15:14:58
6047
原创 小程序中echarts图表的应用
最近由于需要，对echarts插件进行了学习，主要应用其来实现多种数据情况的一个图表展示，对用户有一个直观的视觉感受，下面我们就来看看应该具体怎样实现。1、引入echarts组件首先我们需要从git上将echarts插件下载下来，并将其装配到我们的小程序项目中，其次在项目中进行调用。下载ec-canvas: https://github.com/ecomfe/echarts-for-weixin将git项目中的ec-canvas文件夹引入到小程序的根目录下，如下所示：在我们要使用echarts页
2020-07-16 12:07:15
553
转载 深入理解https
本文转载自：一个故事讲完https 1、序言今天来聊一聊https 安全传输的原理。在开始之前，我们来虚构两个人物， 一个是位于中国的张大胖（怎么又是你？！）， 还有一个是位于米国的Bill (怎么还是你？！)。这俩哥们隔着千山万水，通过网络联系上了， 两个人臭味相投，聊得火热。此时正值米国大选， 张大胖亲切地“致电”Bill, 对米国总统大选的情况表示强烈地关注。 Bill则回电说...
2019-09-07 21:58:13
472
原创 TCP与UDP的区别
写在前面：在面试的时候，经常会被问到TCP和UDP的区别，关于这个问题，我们能说出诸如以下的答案： TCP是面向连接的，UDP是面向无连接的。 TCP是面向字节流的，UDP是面向数据报的。 TCP保证数据的准确性，UDP可能产生丢包。 TCP保证数据的顺序，UDP不保证。但是，面试官听到的时候，肯定会深究这个问题，以及它的一些外延，所以我们有必要从底层来了解下TCP和UDP协议。一...
2019-06-27 18:57:19
300
转载 微信Web开发者工具详解
一、微信小程序web开发工具下载地址 1.1 在微信公众平台-小程序里边去下载开发工具下载地址。1.2 下载后安装一下就可以使用了：二、创建项目 2.1 微信小程序web开发工具需要扫码登陆，所以必...
2019-05-23 19:51:08
4940
1
原创 五种基本的排序算法（JavaScript版）
排序算法一直都是笔试和面试的一个必考点，这次我们就通过实例的讲解，给出JavaScript版本的排序算法。我们先初始化一个算法的构造函数，然后将各种排序算法都作为方法写在构造函数的内部，构造函数如下所示： function ArrayList() { var array = []; this.insert = function (item) {...
2019-05-20 11:55:03
300
原创 css3-animation实现动画的逐帧检测
写在前面 最近在面试的时候被面试官问到“如何使用css3 animation 来实现一个动画的逐帧检测”，自己支支吾吾的回答了下， 下来之后赶紧查了下API文档，以及翻阅了一些博客后，对其有了如下的整理。 关于animation的一写属性值，我们可以在w3c、 菜鸟教程上面自行查...
2019-04-20 15:39:27
712
原创 expected "indent", got "outdent"
今天我们就来说一下项目中遇到的一个比较小的bug, 错误如下：再经过百度、谷歌一番折腾后，才发现导致错误的一些常用原因：1、可能是自己在写stylus代码时，空格和tab的混用。2、自己的代码并没有写完，存在一些残缺代码3、自己本身写的代码就存在问题。解析：针对第一种，我们在报错之后对代码进行格式化，转化为空格缩进 或者 转化为tab进行缩进针对第二种的话，我们对代码进行补全就好...
2018-12-14 22:04:12
6888
原创 passive event listener
今天在编写移动端app的时候，一个报错引起了我的注意，报错如下：Unable to preventDefault inside passive event listener due to target being treated as passive.因为自己以前也没有见过这个错误，所以百度了下，这个特性是从Chrome 51 开始的，旨在提升页面的流畅度，具体的解释如下（摘自Segmen...
2018-12-04 22:55:37
489
原创 Vue项目构建时的一些bug(填坑填坑)
今天我们来说一下在刚刚写项目的时候遇到的一些问题，可能不注意的话就要花一些时间去找bug。 Module build failed: Error: F:\music-player\src\components\m-header\m-header.vue:12:9 来看报错显示：./node_modules/css-loader?{"sourceMap":true}!./node_mo...
2018-12-03 22:50:05
2978
转载 使用viewport设置移动端的页面自适应
1、viewport移动设备上的viewport是设备屏幕上用来显示网页的那部分区域，再具体一点就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。在默认情况下，移动设备上的viewport都是大于浏览器可视区域的，这是因为移动设备的分辨率相对于PC来说都比较小，所以为了能在移动设备上正常显示那些为PC浏...
2018-12-03 12:41:52
1800
原创 Vue params 和 query 传参的 区别
今天我们就来说一下params和query传参的使用和区别，要说这个的话，我们就有必要提一下Vue-router了。Vue-router它主要分为动态路由（传参匹配的问题），嵌套路由（父子组件之间的通信），编程式路由（this.$router.push(‘绝对路径’)），这三方面的内容都是比较容易的，我们参考官方给出的文档就可以理解的差不多，Vue-router官方文档。我们今天主要来说比较令...
2018-11-28 11:01:12
8679
转载 网络性能测试--Wireshark抓包入门教程
Wireshark（前称Ethereal）是一个网络数据包分析软件。网络数据包分析软件的功能是截取网络数据包，并尽可能显示出最为详细的网络数据包数据。Wireshark使用WinPCAP作为接口，直接与网卡进行数据报文交换。网络管理员使用Wireshark来检测网络问题，网络安全工程师使用Wireshark来...
2018-11-18 15:46:19
2993
原创 js实现深拷贝与浅拷贝
在js的语法中，像Number，String，Boolean这样的基本类型，它们的传值方式是按值传递的，而想对象{a: 10, b: 20}，它们的传值是引用传值的对于对象来说，在这里就总结一下深拷贝和浅拷贝时遇到的问题。基本类型的按值传递，比如：a = 10, b = a,系统会为a和b 分配不同的内存空间，彼此之间相互不影响。 var a = 10; var b = a; b ...
2018-09-25 16:31:28
771
原创 原生js手撕轻量级文本编辑器
原生js实现轻量级文本编辑器最近使用原生js写了一个轻量级的文本编辑器，那么今天就来说一下从构想到完成究竟是怎么实现的，怎么来对他进行使用， 踩到的坑且是怎样解决的 经常 使用Markdown来写博客，一直觉得这个东西方便且看不懂，最近才了解了这方面的原理。下面，我们先来看看它呈现出来的效果图： 如何实现1、布局：总的来说，body里面的内容分为上面命令的操作控制区，下面...
2018-09-14 13:11:13
4003
1
转载 DOS中切换盘符（直接CD不行）
此文为转载，原博客地址为：原文地址DOS中切换盘符（直接CD不行）一般介绍DOS命令，切换工作目录都是用CD命令，但是我在win7下的DOS中使用CD D:\却一直无法转到D盘。后来在网上查找，发现切换盘符直接输入盘符和冒号，如D: 回车便可进入D盘的根目录。切换工作盘之后，再使用CD命令切换工作目录。所以这里要分清两个概念，一个是切换工作磁盘，另一个是切换某个磁盘下的工作目...
2018-07-25 19:56:58
2778
原创 弹性布局--display:flex
今天我们来讲一下css3新特性，它可以简单、完整、响应式的完成所有页面的布局，且目前已经得到了所有浏览器的支持，Flex为Flexible Box的缩写，翻译过来也就是我们的弹性盒子，为盒状模型提供了最大的灵活性，且任何一个容器都可以指定为Flex布局。弹性布局的整体架构弹性盒子默认有两条轴：横轴和纵轴，默认的主轴是横轴（方向自左向右），默认的辅轴是纵轴（方向自上向下），当容器设置了d...
2018-07-24 10:16:30
257
原创 animate动画、原生JS实现轮播图
写在前面最近在写项目的时候，才发现自己对css3这部分的内容已经生疏了，复习css3的时候，看到animate属性，就用其写了个焦点轮播图，当然自己也用原生JS码了个，当然css3动画无疑是锦上添花，还是要多总结啊，源码我们会在最后附上git地址，好了，下面我们就来说说他们是如何分别实现轮播效果的。正文一、css3-animate动画CSS3的animation属性可以像Flash...
2018-06-09 16:16:41
8298
原创 原生js+canvas实现类贪吃蛇的小游戏
写在前面这是一个类贪吃蛇的小游戏，因为最近又翻到了canvas，想着写一些东西来巩固下，刚好就看到博主写的demo，不过我在其基础上进行了一定的规则限制，下面附上链接：博主原文设计初衷此次这个游戏加入了 1、积分规则， 2、碰壁死亡规则， 3、调用requestAnimationFrame方法实现循环。 游戏的截图效果如下： 死亡效果截图如下： 设计步骤1、...
2018-06-03 14:58:01
4658
原创 js- 原型与原型链的继承
原型链作为js语言中的重点、难点内容，并且也是面试官常问的一个内容，理解原型链并掌握它对我们以后找工作时大有裨益，那么下面让我们来了解原型链这个内容。原型链的概念每一个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，实例包含一个指向原型对象的内部指针，如果我们让原型对象等于另一个类型的实例，则此时的原型对象包含指向另一个类型的指针，如此层层递进构成原型链。 相当于： ...
2018-05-29 15:01:28
253
原创 css-position 四种定位与元素浮动
在介绍定位之前，我们有必要了解一下文档流1、文档流与脱离文档流文档流是相对于盒子模型来讲解的，正常的文档流就是标签所处的一个空间，脱离文档流就是标签所处的另一个空间（正常空间之上的空间），一般来说，所有的页面操作都是基于这两个空间上完成的。并且脱离文档流空间的元素位置是不固定的，也没有块级和行级属性。 举个例子：当元素浮动时，会使其跳出文档流，也就是说后面的元素会无视先前它所占有的位置...
2018-05-28 18:44:08
17001
原创 TCP的三次握手和四次挥手详解
TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握手确认建立一个连接，与之相反的，采用四次挥手来断开连接： TCP标志位有6种标示，即：SYN(建立联机) 、 ACK(确认) 、 PSH(传送) 、 FIN(f结束) 、 RST(重置) 、 URG(紧急) 、 Sequence number(顺序号码) 、 ...
2018-05-14 14:22:00
27519
3
原创 图解http的读书笔记
最近一直在读《图解http》这本书，收获了特别多的东西，对http协议以及Tcp/Ip协议族也有了一定的了解，不得不说，作为对http的入门的书籍，这本书会是一个不错的选择。 其实http本身是并不复杂的东西，觉得不理解或许是因为自己不知道好多东西，所以还需要系统的学习下。 了解http协议，其实是认识http协议局限性的一个过程。看完才知道互联网上为什么做一些性能优化背后的原理，才知道为什么...
2018-05-11 15:10:47
475
原创 setTimeout、同步、异步的理解
js-setTimeout的理解最近在牛客网上面刷题，遇到了一个场景，就是setTimeout 函数的应用，就是定时的获取接口刷新的数据，好了，我们话不多说，直接上代码，如下：console.log("one"); setTimeout(function (){ console.log("two"); },0);console.log("
2018-04-24 14:26:51
12434
原创 Ubuntu下git的应用及问题
Ubuntu下git的安装、基本应用及所遇到的问题在linux下git的基本操作与Windows下的操作基本相同，不过就我个人而言，我更喜欢Windows下的操作git的安装： 首先，我们需要在Linux的操作命令中使用git指令，来检查你的系统下是否安装了git。若系统中显示没有，则会给你提示出安装git的命令，如下：sudo apt-get install git 。 在完成gi
2017-12-23 17:36:06
308
原创 Linux系统的安装
使用ubuntu进行Linux系统的安装在这周的学习中，我使用Ubuntu进行了Linux系统的安装，在安装的过程中我对其有了整体且深刻的认识，现在就我对其的理解来具体说一下这个过程。首先，我们需要将Ubuntu操作系统下载到U盘中，在网上下载的时候务必选择正规的网站，防止木马的入侵。在下载的时候（大约1.8G）你可以选择你的系统盘放在那个盘里，然后对其进行分盘，一般来说我给Linux分的是50
2017-12-17 12:37:20
584
校园导航系统
2018-05-11
影院管理系统
2018-05-11
车库管理系统
2018-05-11
uniapp 如何实现不同app 之间 账号信息互通?
2020-09-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人