3 juan_taylor

尚未进行身份认证

本菜鸟此博客只是做记录用,个人博客欢迎访问: https://git.zhangxiaojuan.club/

等级
TA的排名 7k+

鼠标聚焦时,title和图标往上移动,动画效果

实现一个效果,鼠标聚焦时,title和图标往上移动,动画效果。效果图如下1、鼠标不聚焦时显示2、鼠标聚焦时显示如图写一个demo来阐述我的实现原理<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"...

2019-09-12 14:47:02

element的table列筛选,调用后端接口过滤数据显示

官方讲解#筛选但是官网举的例子是对已知table数据的筛选,但是在实际运用中,我们当前页面只显示20条数据,获取不到所有的数据。。。。。我们想将选中的时间传递到后台返回筛选结果。:filter-multiple=“false”false表示单选,true为多选@filter-change=“filterChange”:选中后调用的方法<el-tableref="f...

2019-08-20 17:54:40

ES6-Generator 函数的语法

举例,讲解function*anotherGenerator(i){yieldi+1;yieldi+2;yieldi+3;}function*generator(i){yieldi;yield*anotherGenerator(i);yieldi+10;}vargen=generator(10);con...

2019-08-01 15:00:57

记录我排除CSS的bug的小经验

如图样式有问题,弹出层应该随着鼠标上下滚动而保持相对于agent定位,我们该如何解决这个不知原因的bug呢?1、我们先看下拉框的css的样式代码如图所示2、先跟正常的对比对比后发现正常情况下,top的值会随着鼠标上下滚动而改变大小,有bug的没能上下滚动。3、猜想,js导致,或者这个组件的父元素的某css属性影响了子元素的4、js的话需要查看组件源代码,我查看组件源代码,但是发...

2019-07-30 16:43:40

父子组件之间传递Function,在vue组件中callback的应用

父子组件传递Function在用element,el-autocomplete这个组件时我看到有一种cb的方法,又get到一点知识点,平时使用中父子组件传参一般都是Object,Array,Boolean,String类型,如果想要传递Function,并且保证他们之间的通信如何做到呢?例子<!DOCTYPEhtml><htmllang="en">&l...

2019-07-26 17:12:43

提高VUE性能优化的九种方式

1、函数形组件(functional)2、子组件拆分(利用组件内部运行,不影响其他外部组件)3、局部变量(多赋值给局部变量,减少不断计算)4、用v-show,不用v-if(v-if操作dom结构,性能低)5、用keep-alive(缓存页面)6、用mixins(mixins引入的js后执行,延迟装载Defer)7、timeslicing分批处理(用requestAnimation...

2019-07-22 17:39:33

Node.js究竟是什么?为什么要学习Node.js?优缺点?

前言如果你有一定的前端基础,比如`HTML、CSS、JavaScript、jQuery;那么,Node.js能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数据库,不喜勿喷),从而触及后端和移动端的开发。当然,Node.js也不是万能的、也不是说学了它就可以完全取代后端的其他开发语言,它有自己的使命和擅长的应用领域。除此之外现在非常火热的Vue.j...

2019-07-22 15:12:23

HTTP协议

http协议个人理解http协议http就是超文本传输协议,他规定了客户端和服务器之间如何传输数据。页从输入网址到渲染完成经历了哪些过程?输入url,enter本地hosts查找对应的地址并访问找不到的话去向DNS服务器查找域名对应IP地址找到IP地址后,创建tcp连接发送http请求解析发送的http请求,并返回数据浏览器渲染返回的数据,显示到页面上tcp连接的三次握...

2019-07-17 17:34:44

【系统优化】系统首页及文件加载速度优化的几种方式

vue项目打包后vendor.js太大,如果加上mapping的话,该文件可能有1M+,这样的话会导致页面第一次加载运行过慢,vendor.js是node_modules里所用到的modules的打包后的集合js文件.。一、分开打包使用webpack中的config.optimization.splitChunks分开打包二、gzip开启gzip压缩功能,在后端配置,在nginx配置,见...

2019-07-17 15:13:25

vue项目上传图片到Linux服务器并预览

.vue<formaction="/api/upload"method="post"enctype="multipart/form-data"><inputtype="file"name="logo"><inputtype="submit"value="提交"></form>app.jsco...

2019-07-16 16:00:31

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

nginx配置访问服务器上的图片

nginx.conf文件server{listen8088;#端口号server_namelocalhost;#设置为localhost,生产环境默认渲染为服务器地址root/jane-file/img;#图片目录#Loadconfigurationfile...

2019-07-12 17:05:27

【实用工具】treer生成项目的目录结构,帮助大家书写好的项目readme

1.安装npminstall-gtreertreer--version2.使用忽略多个文件treer-etest.txt-i"/node_modules|.git|.idea|.editorconfig|visitor|dist|test.md|server/"//-etest.txt->生成.test.txt//-i"/node_modu...

2019-07-09 14:54:31

【系统优化】优化响应速度之nginx配置gzip

压缩前Size列中有2个大小,第一个为请求实际返回数据的大小,第二个为响应内容的大小这两个大小不一定谁大谁小,下图是没压缩的加载内容,需要将近8秒才能把首页加载完毕压缩后使用了gzip,对响应的数据进行了压缩,所以上面的是压缩之后总响应的大小,大大加快了页面的加载速度,只需要不到2秒可加载完毕可以查看http相应头看到gzip属性nginx配置http{gzip...

2019-07-08 15:43:16

【阿里云服务器部署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

【阿里云服务器部署node项目】- 域名和公网IP映射

打开域名找到列表新建/修改十分钟后测试,通过直接输入域名即可进入该IP对应的网站

2019-07-05 17:17:30

Linux下搭建git服务器

服务器上设置yum-yinstallgitgit--version//查看是否成功安装useraddgit//输入用户名passwdgit//输入密码提示输入密码假如为:123456cd///切换目录mkdirjane-git//新建文件夹cdjane-git//切换目录gitinit--bareclock-out.git//cho...

2019-06-27 16:54:36

git管理代码的好仓库管理系统-gitlab如何导入、合并代码等操作

GitLab是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。安装方法是参考GitLab在GitHub上的Wiki页面。这个工具的作用是解决了我们以前对git代码进行管理都是通过输入gitclone‘XX’,gitpull,gitmerge,gitpush等命令的操作,现在通过这个工具,部分操作可以进行可视化管理。而且也便于管理合并代...

2019-06-27 11:32:17

【阿里云服务器部署node项目(6)】用webstrom直接连接服务器进行操作,可替换xshell的使用

步骤一步骤二连接成功,接下来可以进行操作服务器了

2019-06-26 19:06:27

【阿里云服务器部署node项目(五)】改进-用webstrom将本地打包的代码上传到阿里云服务器上

本地代码情况如下图我想直接将打包后的代码直接上传到服务器上,首先要配置webstrom,一、打开Deployment二、新建,选择"SFTP",自定义名称。三、Connection点击testconnection,连接成功出现如下标志四、Mapping设置完后点击“OK”,五、成功标志每次当dist下内容有变动时,打开tools会出现"uploadtoup...

2019-06-26 18:31:27

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。