![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端业务实际问题
润清
这个作者很懒,什么都没留下…
展开
-
husky 报错npm: command not found
我是mac环境下,由于使用了nvm,不能正确识别node路径,执行代码提交后,husky一直报错:.husky/pre-commit: line 8: npm: command not found查询husky官方文档才知道如何解决:创建~/.huskyrc文件,增加对nvm路径的支持:# ~/.huskyrc# This loads nvm.sh and sets the correct PATH before running hookexport NVM_DIR="$HOME/.nvm"原创 2022-03-31 11:24:37 · 11423 阅读 · 9 评论 -
OAuth
https://www.ruanyifeng.com/blog/2014/05/oauth_2_0.htmlhttp://www.ruanyifeng.com/blog/2019/04/oauth_design.htmlhttps://www.ruanyifeng.com/blog/2019/04/oauth-grant-types.htmlhttps://www.ruanyifeng.com/blog/2019/04/github-oauth.html原创 2022-02-23 10:02:37 · 85 阅读 · 0 评论 -
前端表单提交HTTP请求头编码类型相关知识
表单提交要设置Content-Type,分为两种类型application/x-www-form-urlencoded和multipart/form-data1.application/x-www-form-urlencoded其中application/x-www-form-urlencoded用来提交字符串类型数据,参数的格式为key=value&key=value。2.multipart/form-datamultipart/form-data提交二进制数据。注意:上传文件也要指原创 2021-11-02 17:16:08 · 1332 阅读 · 0 评论 -
vue插槽的用法
原文链接1. v-slotvue插槽有两种:具名插槽和作用域插槽,2.6.0以后,使用新语法v-slot指令(缩写为#)将两种语法统一起来。老旧的语法,这里不再赘述,参见vue官网。下面讲讲新语法的用法。<!-- 后备内容显示用户的名,以取代正常情况下用户的姓 --><!-- 父组件 --><!-- 要用template包裹,slot名称为slotNa...原创 2019-12-12 10:31:25 · 296 阅读 · 0 评论 -
vue实现手动动态挂载某个组件
我们在开发中,可能会碰到这样的情况:我们需要在某个时刻 在一个动态生成的元素上 挂载某个组件,那么我们该怎么实现呢?例如,我们在点击按钮之后,在某个div上手动挂载一个组件。 <button onclick="handleClick()"></button> <div id="container"></div>import Vue fro...原创 2019-08-07 11:46:34 · 8222 阅读 · 0 评论 -
为什么控制台打印事件对象e时里面的currentTarget为null,而打印e.currentTarget时为DOM对象?
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...原创 2019-06-17 17:28:56 · 2502 阅读 · 0 评论 -
js原生实现元素拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...转载 2019-04-19 15:31:41 · 224 阅读 · 0 评论 -
将接口请求到的数据下载下来存储在本地
function funDownload(content, filename) { let cont = JSON.stringify(content); // 创建隐藏的可下载链接 var eleLink = document.createElement('a'); eleLink.download = filename; eleLink.style.di...转载 2019-03-08 16:09:58 · 2723 阅读 · 0 评论 -
几种方法实现上下固定中间自适应布局
HTML:<div class="top-center-bottom"> <div class="top">top</div> <div class="center"> 视口单位(Viewport units)<br>原创 2019-02-27 19:32:54 · 2621 阅读 · 0 评论 -
[实战]input失焦事件先于点击事件发生时怎么办?
例子:看上面这个例子,我们的需求是:点击备注表格时,该表格变为可编辑状态的输入框,会出现输入框、两个按钮。点击对勾时,会修改备注发送给后端修改请求,修改备注,变为不编辑状态,输入框、按钮消失。失去焦点时,输入框同样变为不可编辑状态,输入框、按钮消失。问题的关键在于,input失焦事件总是先于对勾按钮的点击事件发生的。即当我们点击按钮对勾时,已经先失去了焦点,将按钮隐藏了。因此根本不可能...原创 2019-02-12 15:16:12 · 2419 阅读 · 0 评论 -
js 文件下载
静态文件下载当我们下载的文件是不改变、唯一的文件而不是临时生成的文件,我们可以将该文件部署到Nginx服务器上,然后得到它的url。最后根据a标签的download属性即可实现。<!-- 点击图片,下载图片 --><a href="/images/logo.png" download="/images/logo.png"> <img src="/images/...原创 2018-12-25 16:07:21 · 1247 阅读 · 0 评论 -
localStorage做表格pageSize的缓存
背警:项目基于vue和iView,页面中已经将Table组件和Page组件做了封装。我们希望能将多个使用了该页面的组件的用户设置了的pageSize保存在浏览器客户端。1.子组件pageTable中的Page组件上<!-- 多余的内容全都被省略不写,以下皆是 --><!-- page-size 每页条数 --><!-- page-size-opts 每页条...原创 2018-12-17 18:12:32 · 388 阅读 · 0 评论 -
vue在父组件中给子组件内的结构设置样式
父组件写css时,样式选择器中加上 /deep/或者 >>> 这两个标记就可以添加到到子组件结构的样式中了。举例:父组件<div> <searchForm class="searchFormStyle"></searchForm><div><style> .searchFormStyle /原创 2018-11-26 14:53:11 · 1577 阅读 · 0 评论 -
自定义滚动条的样式
&amp;lt;div class=&quot;wrapper&quot;&amp;gt; &amp;lt;div class=&quot;content&quot;&amp;gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla vitae modi reru原创 2018-11-29 10:30:03 · 329 阅读 · 0 评论 -
拓展某个组件[实例]
拓展某个组件情景所谓拓展某个组件这里是说在某个原有组件的基础上增加一些它没有的新功能。下面要说的做法可能不够高明,但也是一种解决方式。权当写下来供大家参考。iView的自己的组件select,我们现在需要将其拓展,在它的下拉框下添加一个提示条,当搜索的用户有权限,且远程搜索不到结果时我们要展示一个提示条在下拉框的最底部,是否要将新的搜索内容添加到进去。此外,该提示条还有两个按钮"是"和"...原创 2018-11-09 11:27:39 · 142 阅读 · 0 评论 -
vue中解决布局和表格自适应的问题
表格自适应我们可能在使用vue框架开发中遇到需要解决组件元素自适应的问题,如何解决呢?可以使用第三方JS库“element-resize-detector”,并定义监听元素变化事件的回调函数,通过该函数动态计算元素高度,然后写入到Vue组件的样式中。从而实现布局上的自适应。另外,表格的自适应原理也一致。假设我们使用iView框架里的table组件,以表格高度自适应为例,如果我们将它的height...原创 2018-10-26 18:07:32 · 14950 阅读 · 3 评论