技术 nginx

api路径由域名+index.php(文件名) 改为指向域名

给网站的nginx写入伪静态location / { try_files $uri $uri/ /index.php$is_args$query_string; }
Web 技术 vue

用vue-cli4来封装一个自己的ui库

一、组件库是基于vue-cli框架的的,用vue-cli创建项目vue create hxy-ui 二、修改目录,以及重新修改配置文件。1、很多的开源组件库的源码,都喜欢用packages目录存放组件,examples目录用来展示组件。所以在这个项目内,将src目录改为ex...
Web 技术

iframe里面开启全屏allowfullscreen="true"

 iframe里开启全屏需要allowfullscreen属性为true(webkitallowfullscreen和mozallowfullscreen)浏览器兼容
Web 技术

给一个div添加竖直滚动条

在需要使用滚动条的div外面套一层div(固定宽高)<div class="test"> <div> </div> </div> .test{ height: 400px; widt...
Web 技术 vue

vue自定义拖拽指令v-drag

文件drag.jsimport Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一:指令的名称,定义时指令前面不需要写v- //2.参数二:是一个对象,该对象中有相关的操作函数 //3.在调用的时候必须写v- const ...
Web js 技术

三层布局,main div无论是否撑满。footer div一直固定在浏览器最下面

html: <header>header</header> <main>main</main> <footer>footer</footer>css: header{ height: ...
Web 技术

解锁b站专栏复制的限制的chrome插件

2020/10/5v1.0去掉b站专栏区复制限制使用方法:1、首先把需要安装的第三方插件,后缀.crx 改成 .rar,然后解压,得到一个文件夹2、再打开chrome://extensions/谷歌扩展应用管理,点击右上角的开发者模式,就可以看到“加载正在开发的扩展程序”这...
Web js 技术 vue

vue-gridmanager插件里控制表头是否固定的方法

最开始为未锁定状态new GridManager(table, { height: 'auto', // ... 其它配置项});方法:resetLayout重置表格表布局,参数width与height支持格式以下: 1.像素: '1000px'2.百分比: '100%'3...
Web js 技术 vue

requestAnimationFrame()多次调用会越来越快解决方法

window.requestAnimationFrame()这个API是浏览器提供的js全局方法,针对动画效果。 相当与一个定时器.requestAnimationFrame的方式的优势如下:1.经过浏览器优化,动画更流畅2.窗口没激活时,动画将停止,省计算资源3.更省电,...