自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

祈澈菇凉

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

  • 博客(49)
  • 论坛 (3)
  • 收藏
  • 关注

转载 3 行 CSS 代码实现日历界面

日历组件大家应该很熟悉了,但你想过如何实现日历的界面布局吗?最容易想到的方法是用table布局,毕竟它在视觉上跟表格类似。但是从现代 CSS 的角度来说,table多用来展示列表数据,...

2020-12-31 17:30:00 162

转载 JS数组中 forEach() 和 map() 的区别

英文 | https://codingnconcepts.com/今天我们来看一下 Array中 Array.forEach()和 Array.map()方法之间的区别。forEach(...

2020-12-31 17:30:00 64

原创 ztree+ajax+json请求,实现加载一棵ztree树

前面的话:zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。ztree官方文档:http://www.treejs.cn/v3/api.php现在写了一个小的demo,具体可以参考官方文档,从文档上拿来一串json数据,放在前端的代码里面,方便大家查看效果,以及方便后端...

2020-12-30 16:30:11 174

转载 前端开发8个非常经典的常用技巧

源自:https://juejin.cn/post/69072690185880207431.如何知道iframe下载完成定时器轮询监听readyState的状态,如果是 complet...

2020-12-30 11:19:22 116

转载 这款vue图片剪裁开源项目,简直逆天了!

大家好,我是为前端娱乐圈操碎了心的小迷妹,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标。在做web前端开发的时...

2020-12-30 11:19:22 136

原创 vue2.0 + element-ui 实战项目-使用本地的json模拟数据(七)

1:在项目里面static的文件夹底下新建一个test.json文件test.json:{ "first":[ {"name":"520","nick":"我爱你"}, {"name":"521","nick":"我愿意"}, {"name":"1314","nick":"一生一世"} ]}2:在views文...

2020-12-29 16:35:38 497 1

原创 vue运行报错:SyntaxError: Cannot use import statement outside a module

PS C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin> npm run dev> vue-element-admin@4.2.1 dev C:\Users\wangting\Desktop\assets_web_admin\assets_web_admin> vue-cli-service s...

2020-12-29 16:09:48 2497

转载 用了这个插件,我在 VSCode 谈恋爱了

也许有了这款插件你就能找到这样子的女朋友了。事情到底是怎么样子的呢?最近看到别人发了一款交友的软件( VSCode 插件)。看着这个熟悉的动画... 这不就是探探的那个交互动画嘛。好家伙...

2020-12-29 11:40:59 56

转载 你必须要知道的4个前端安全编码规范

源自:https://segmentfault.com/a/1190000037657222声明:文章著作权归作者所有,如有侵权,请联系小编删除。前言随着互联网高速的发展,信息安全已经成...

2020-12-27 11:26:24 228

原创 把https地址作为变量拼接在link/script 内部

下面是之前写的一个交互的例子,直接拿过来用一用啦,最主要的在于将把https地址作为变量拼接在link/script 内部,其余的都是次要的。示例如下:时间的json数据格式:data.json{"commitTime": 1588061853944}示例代码:<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.or...

2020-12-25 16:19:30 96

转载 你不知道的 CSS 进度条

作者:陈大鱼头github:KRISACHAN进度条是一个非常常见的功能,实现起来也不难,一般我们都会用 div 来实现。作为一个这么常见的需求, whatwg 肯定是不会没有原生组件提...

2020-12-25 08:00:00 61

原创 html2canvas 一个强大的使用js开发的浏览器网页截图工具

html2canvas是一个JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。html2canvas 一个强大的使用js开发的浏览器网页截图工具https://github.com/niklasvh/html2canvas...

2020-12-24 17:33:57 193

原创 Syntax Error: Error: Cannot find module ‘node-sass‘

启动vue项目的时候,会出现这样的报错Syntax Error: Error: Cannot find module ‘node-sass’ ERROR Failed to compile with 1 error 15:14:28 error in ./node_modules/vuetify/src/styles/main.sassSynta

2020-12-23 15:19:58 1602

原创 vuetify+axios请求json数据实现一个表格功能

写在前面的话,公司工作很久了,一直都没有改过自己的技术栈,才觉得慢慢的落后于潮流,也知道自己的技术栈很老旧,想过要重构项目,但是项目周期时间一直不许,学习vue只能在下班的时间里面,这两年也断断续续的用过一些框架,但最后还是选中了vuetify。vuetify推荐指数:star:28.9k适用:移动PC多端支持GitHub地址:https://github.com/vuetifyjs/vu...

2020-12-23 14:48:17 173

原创 npm ERR! enoent ENOENT: no such file or directory, open ‘D:\package.json‘

执行cnpm run dev运行小程序的时候出现 了这样的一个报错D:\>cnpm run dev:weappnpm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path D:\package.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'D:\package.json'npm ERR! enoent This is r

2020-12-23 14:19:53 1321

转载 50个好用的前端框架,千万收好以留备用!

来源 |https://www.jianshu.com/p/182b69e54fe8今天跟你分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助。一、构建工具1、 Parc...

2020-12-23 08:00:00 283

转载 跨域,不止CORS

我们通常提到跨域问题的时候,相信大家首先会想到的是CORS(跨源资源共享),其实CORS只是众多跨域访问场景中安全策略的一种,类似的策略还有:COEP: Cross Origin ...

2020-12-23 08:00:00 175

转载 Mac 中不可错过的几款软件,相见恨晚!(基本免费)

作为一个工具控,一直在社区索取别人的营养,今天在下将我搜集的一些应用贡献出来,推介十几个我常用的软件。一些是其他人反复推介确实经典,另一些是我偶然发现但经过使用感觉非常好用,一并献上,大...

2020-12-22 08:00:00 291

转载 看小姐姐用动图展示 10 大 Git 命令

作者:Lydia Halliehttps://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1git merge、gi...

2020-12-22 08:00:00 69

转载 推荐 20个提高开发效率的 VS Code 快捷键!

作者|Deepak Gupta译者 |大罗,责编 | 郭芮 出品 | CSDN(ID:CSDNnews)以下为译文:并不是每一个开发者都有足够的时间,去了解熟悉所有的快捷键,来帮...

2020-12-20 17:14:34 64

转载 早知道 CSS 有这 5 个伪元素,代码也不至于写那么复杂了!

我们都知道,页面样式通常写在 CSS 规则里。但有时候为了实现一些特殊的效果,往往会借助 JavaScript。最佳实践当然是职责分离:CSS 负责表现,HTML 负责结构,JavaSc...

2020-12-19 10:29:28 81 1

转载 6个可以帮助我们高效开发的Chrome插件

1. URI Splitter简单快捷地编辑 URL/URI。chrome应用商店查看:https://chrome.google.com/webstore/detail/uri-spl...

2020-12-19 10:29:28 64 1

转载 JS 实现网页截屏五种方法

最近研究了下如何利用JavaScript实现网页截屏,包括在浏览器运行的JS,以及在后台运行的nodeJs的方法。主要看了以下几个:PhantomJSPuppeteer(chrome h...

2020-12-18 08:00:00 865 2

转载 一行能装逼的JavaScript代码

作者 :野狗https://www.cnblogs.com/telnetzhang/p/5629981.html一行神奇的JS代码,当时我就震惊了,这不就是传说中的ZB神器么… … 哈哈...

2020-12-18 08:00:00 104 1

原创 IDEA启动报错:Error running ‘Tomcat 8.5.34‘: Address localhost:1099 is already in use

今天在启动IDEA编辑器的时候遇到了这样的一个报错,导致项目无法运行起来。问题如图所示,在IDEA中开启tomcat服务器时报错:端口已被占用。Error running ‘Tomcat 8.5.34‘: Address localhost:1099 is already in use这是因为在tomcat开启的状态下,IDEA异常关闭,导致tomcat一直占用端口。解决办法如下:...

2020-12-17 11:20:24 997 1

转载 能在任意一种框架中复用的组件,太牛了!

Web Component 是一种 W3C标准支持的组件化方案,通过它可以编写可复用的组件,同时也可以对自己的组件做更精细化的控制。更牛的是,Web Component可以在任何一种框...

2020-12-17 08:00:37 32

转载 React 灵魂 23 问,你能答对几个?

授权转载自:王玉略https://zhuanlan.zhihu.com/p/304213203文内所有链接请点击底部【阅读原文】查看1、setState 是异步还是同步?合成事件中是异...

2020-12-16 08:05:04 53

转载 我终于知道了,程序员为什么互相之间不能透露薪水~

薪资,在职场一直是比较敏感的话题,很多公司明文规定员工之间不可互相讨论以及透露。01.程序员互相之间不能透露薪水?最近我刷知乎时,就看到了关于#为什么程序员互相之间不能透露薪水?#的...

2020-12-15 08:00:35 120

转载 10个简单的技巧让你的 vue.js 代码更优雅

来源 | https://juejin.im/post/6854573215969181703前言作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃...

2020-12-14 08:33:01 63

转载 正则表达式是如何让你的网页卡住的(优化100ms到2ms)

授权转载自:hjavahttps://segmentfault.com/a/1190000038320217概述正则表达式在我们日程的工作项目中,应该是一个经常用到的技能。在做一些字符的...

2020-12-11 11:09:29 79

原创 快速上手小程序框架Taro,安装及使用教程(一)

前言:这个小程序框架已经出现了很久了,而且自从微信小程序出现之后,流心观察都可以发现,百度小程序,支付宝小程序,字节跳动小程序,QQ 小程序,京东小程序也越来越多,也越来越有用了。所以,掌握一个多端统一开发解决方案是一个很重要的事情。介绍:官网文档:http://taro-docs.jd.com/taro/docs/GETTING-STARTEDGitHub地址:https://githu...

2020-12-10 16:06:06 153 2

原创 Bootstrap Table根据参数搜索功能

在使用jQuery开发的时候,经常会用到Bootstrap Table来实现需要用到的一些表格。bootstrap-table 被设计来减少开发时间,开发人员不需要特定的知识就可以做出很美妙的table。非常轻量级的和功能丰富的。满足企业开发需求。官网:https://www.bootstrap-table.com.cn/GitHub地址:https://github.com/wenzhix...

2020-12-10 11:23:20 450

转载 Vim 从入门到放弃?不可能的~

大家好,我是为前端娱乐圈操碎了心的小迷妹,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标。作为一名 GitHub...

2020-12-09 08:00:00 44

转载 谁说前端不用懂,手摸手 Docker 从入门到实践

在下最近遇到要在服务器上安装 Mysql、Nginx、EasyMock 等工具的场景,这里记录一下我使用 Docker 安装的过程,希望也能在类似的场景中帮助到大家~本文前备知识需要一些...

2020-12-09 08:00:00 49

原创 Echarts+ajax实现一个简单折线图

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min....

2020-12-07 10:45:39 126

转载 2020年GitHub上受欢迎小程序框架

小程序刚刚流行起来的时候,出现了不少的小程序的框架,随着开发者越来越多,很多比较好用的,性能较好的,框架在GitHub上的star越来越多,也越来越受到前端开发者的欢迎。想要开发出一套高...

2020-12-06 20:38:32 115

转载 我每天都要打开的8个在线网站,很有用~

我很喜欢收藏一些在线的网站,因为很方面,需要用到的时候就直接点开浏览器的收藏夹,只需要用手机号或者微信号登录即可,而且支持在线保存的功能 ,十分的方便哦。1.腾讯文档网址:https:/...

2020-12-05 23:18:35 901

原创 vue2.0 + element-ui +iframe在页面 中嵌入外部网站

自从用饿了么框架重构项目以来,遇到 很多问题,我都有一一记录下来,现在特喜欢这个框架,说实话,如果你是用了vue这个技术栈的话,一定要用饿了么的pc端框架哦,遇到问题的时候在网上百度一下,就能找到解决方案,还有很多社区可以讨论,社区文档都比较成熟,很容易上手~~开发相关资料文档:Element UI手册:https://cloud.tencent.com/developer/doc/...

2020-12-04 17:25:25 2126

原创 vue2.0 + element-ui 多级导航菜单

自从用饿了么框架重构项目以来,遇到 很多问题,我都有一一记录下来,现在特喜欢这个框架,说实话,如果你是用了vue这个技术栈的话,一定要用饿了么的pc端框架哦,遇到问题的时候在网上百度一下,就能找到解决方案,还有很多社区可以讨论,社区文档都比较成熟,很容易上手~~开发相关资料文档:Element UI手册:https://cloud.tencent.com/developer/doc/...

2020-12-04 13:25:13 1023

转载 怎样从零开始创建一个谷歌扩展程序?

来源:Jimmyhttps://juejin.im/post/6890719051820695565谷歌扩展程序是个HTML,CSS和JAVASCRIPT应用程序,它可以安装在谷歌浏览器...

2020-12-04 08:00:00 161

空空如也

祈澈菇凉的留言板

发表于 2020-01-02 最后回复 2020-04-05

boostrap里面的tab页,如何每次打开的时候都默认为第一个按钮?

发表于 2017-07-19 最后回复 2019-05-30

如何去掉select中的搜索框?

发表于 2017-06-30 最后回复 2017-07-31

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除