- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 记录我排除CSS的bug的小经验
如图样式有问题，弹出层应该随着鼠标上下滚动而保持相对于agent定位，我们该如何解决这个不知原因的bug呢？1、我们先看下拉框的css的样式代码如图所示2、先跟正常的对比对比后发现正常情况下，top的值会随着鼠标上下滚动而改变大小，有bug的没能上下滚动。3、猜想，js导致，或者这个组件的父元素的某css属性影响了子元素的4、js的话需要查看组件源代码，我查看组件源代码，但是发...
2019-07-30 16:43:40
159
原创 父子组件之间传递Function,在vue组件中callback的应用
父子组件传递Function在用element,el-autocomplete这个组件时我看到有一种cb的方法，又get到一点知识点，平时使用中父子组件传参一般都是Object,Array,Boolean,String类型，如果想要传递Function，并且保证他们之间的通信如何做到呢？例子<!DOCTYPE html><html lang="en">&l...
2019-07-26 17:12:43
5105
原创 提高VUE性能优化的九种方式
1、函数形组件（functional）2、子组件拆分（利用组件内部运行，不影响其他外部组件）3、局部变量 （多赋值给局部变量，减少不断计算）4、用v-show，不用v-if（v-if操作dom结构，性能低）5、用keep-alive（缓存页面）6、用mixins（mixins引入的js后执行，延迟装载Defer）7、time slicing 分批处理（用requestAnimation...
2019-07-22 17:39:33
3398
转载 Node.js究竟是什么？为什么要学习Node.js？优缺点？
前言如果你有一定的前端基础，比如 `HTML、CSS、JavaScript、jQuery；那么，Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈，我认为的全栈也要精通数据库，不喜勿喷)，从而触及后端和移动端的开发。当然，Node.js也不是万能的、也不是说学了它就可以完全取代后端的其他开发语言，它有自己的使命和擅长的应用领域。除此之外现在非常火热的 Vue.j...
2019-07-22 15:12:23
722
原创 HTTP协议
http协议个人理解http协议http就是超文本传输协议，他规定了客户端和服务器之间如何传输数据。页从输入网址到渲染完成经历了哪些过程？输入url，enter本地hosts查找对应的地址并访问找不到的话去向DNS服务器查找域名对应IP地址找到IP地址后，创建tcp连接发送http请求解析发送的http请求，并返回数据浏览器渲染返回的数据，显示到页面上tcp连接的三次握...
2019-07-17 17:34:44
119
原创 【系统优化】系统首页及文件加载速度优化的几种方式
vue项目打包后vendor.js太大，如果加上mapping的话，该文件可能有1M+，这样的话会导致页面第一次加载运行过慢，vendor.js是node_modules里所用到的modules的打包后的集合js文件.。一、分开打包使用webpack中的config.optimization.splitChunks分开打包二、 gzip开启gzip压缩功能，在后端配置，在nginx配置，见...
2019-07-17 15:13:25
439
原创 vue项目上传图片到Linux服务器并预览
.vue<form action="/api/upload" method="post" enctype="multipart/form-data"> <input type="file" name="logo"> <input type="submit" value="提交"> </form>app.jsco...
2019-07-16 16:00:31
1516
原创 element ui中table的v-show失效，但是v-if正常
v-show起作用的本质是display:none,而因为td的display: table-cell;权限高于display:none,所以v-show失效
2019-07-15 17:01:27
5682
原创 nginx配置访问服务器上的图片
nginx.conf文件 server { listen 8088; # 端口号 server_name localhost; # 设置为localhost，生产环境默认渲染为服务器地址 root /jane-file/img; # 图片目录 # Load configuration file...
2019-07-12 17:05:27
3021
原创 【实用工具】treer生成项目的目录结构，帮助大家书写好的项目readme
1.安装npm install -g treertreer --version2.使用忽略多个文件treer -e test.txt -i "/node_modules|.git|.idea|.editorconfig|visitor|dist|test.md|server/"//-e test.txt -> 生成.test.txt// -i "/node_modu...
2019-07-09 14:54:31
2209
2
原创 【系统优化】优化响应速度之nginx配置gzip
压缩前Size列中有2个大小，第一个为请求实际返回数据的大小，第二个为响应内容的大小这两个大小不一定谁大谁小，下图是没压缩的加载内容，需要将近8秒才能把首页加载完毕压缩后使用了gzip，对响应的数据进行了压缩，所以上面的是压缩之后总响应的大小，大大加快了页面的加载速度，只需要不到2秒可加载完毕可以查看http相应头看到gzip属性nginx配置http{ gzip ...
2019-07-08 15:43:16
1380
原创 【阿里云服务器部署node项目（七）】服务器上https的配置
1、进入控制台-SSL证书2、选择购买证书3、选择一种购买，我选择的是免费4、购买完成后返回“证书控制台”申请并补全信息，等待审核，审核成功后5、nginx配置-下载下载后得到如图两个文件6、将这两个文件上传到服务器 /jane-soft/https/目录7、然后配置nginx.conf ,官网教程//通过在linux上 nginx -t 查看该文件所在目录8、附录...
2019-07-05 18:17:44
588
react源码-简易的demo-通俗易懂
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人