![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
脱缰的哈士奇
个人博客:http://gohusky.cn
展开
-
node脚本实现前端轻量化自动部署
想直接使用的,github 传送门- git上有详细配置,记得留个star,笔心 但最近做的项目修改频繁,每次部署都是先打包,然后手动拷贝到远程服务器,次数多了有点麻烦,身为一个程序员,秉着偷懒的原则,程序能完成的重复工作绝不自己完成,于是就写了个Node小脚本。 在写脚本之前,我们需要了解下package.json,nodejs工程的自动化是依赖于package...原创 2020-03-02 22:59:47 · 720 阅读 · 0 评论 -
多页面通信之监听storage
多个页面通信有很多方法,其中之一便是使用storage。 storage只能够监听同源非同一页面中的storage变化,如果想监听同一个页面的storage变化,我们需要改写原生方法(应用了装饰者模式),抛出自定义事件来监听storage的变化。 1.监听同源页面storage变化: ps:如何产生同源页面,可以在一个文件夹下定义两个html,由一个html...原创 2019-12-03 19:19:06 · 805 阅读 · 0 评论 -
用户上传图片
1.修改上传文件默认样式(原来的太丑啦)方法:将原有的< input type='file'> 隐藏,然后增加一个监听事件,当替换的按钮点击时让真正的file也产生点击动作。 <style> input { //隐藏默认样式 position: absolute; width:0; ...原创 2018-11-15 21:29:30 · 774 阅读 · 0 评论 -
bootstrap之导航栏
之前一直在菜鸟教程上学bootstrap,貌似懂了,但又没懂,因为上面的教程不会告诉你每个类的作用,以及结构排版原因,更像是例子给你,照做就好,至于能理解多少就看你个人了,本人愚钝,遂去慕课上看视频,终于才懂了些。响应式导航栏:先放图:电脑全部展开页面:手机关闭页面:手机展开页面:<nav class="navbar navbar...原创 2018-11-16 22:52:49 · 1270 阅读 · 0 评论