-
VSCODE添加open with code实现右键打开文件夹
所属栏目:[站长百科] 日期:2020-05-13 热度:114
由于之前在安装VSCODE的时候,没注意详细阅读提示,而且第一次安装比较随意,只是带着想试一下VSCODE才安装的,所以安装的时候漏了勾选open with code这个非常好用的功能!!! 我怎么发现的呢?是因为我最近在学VUE.JS的时候总是要打开一个文件夹但是发现[详细]
-
在VScode中创建你的代码模板的方法
所属栏目:[站长百科] 日期:2020-05-13 热度:161
使用VScode的用户代码片段功能,来生成自己习惯的代码模板,提升开发效率 1.选择菜单里的 文件 首选项 用户代码片段 2.选择你需要自定义模板的文件,以vue为例 3. 配置对应文件json 把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的,并且[详细]
-
vscode 前端最佳配置小结
所属栏目:[站长百科] 日期:2020-05-13 热度:149
副标题#e# vscode配置文件内容在最后,已附上。可直接copy使用 vue项目,标准格式化规范的eslint文件附在末尾 editor是针对vscode的风格设置 例如 tabSize:一个tab等于2个空格,行高为24px workbench是针对vscode的主题设置 例如 iconTheme( 图标风格):[详细]
-
详解VSCode打开多个项目文件夹的解决方法
所属栏目:[站长百科] 日期:2020-05-13 热度:75
最近从sublime转vscode,自然而然就会把sublime的一些习惯带过来,其中有一点让人头疼的是: 当把一个文件夹拖进vscode里面的时候,会把原来的文件夹覆盖掉,这就意味着不能同时在vscode中打开多个文件夹,用过sublime的同学都知道直接把文件夹拖进去就可[详细]
-
VSCode设置网页代码实时预览的实现
所属栏目:[站长百科] 日期:2020-05-13 热度:182
1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个步骤上。 2.其实我们可以在VSCode中配置一[详细]
-
搭建websocket消息推送服务,必须要考虑的几个问题
所属栏目:[站长百科] 日期:2020-05-13 热度:196
副标题#e# 近年,不论是正在快速增长的直播,远程教育以及IM聊天场景,还是在常规企业级系统中用到的系统提醒,对websocket的需求越来越大,对websocket的要求也越来越高。从早期对websocket的应用仅限于少部分功能和IM等特殊场景,逐步发展为追求支持高并[详细]
-
Linux/Ubuntu Git从安装到使用的方法步骤
所属栏目:[站长百科] 日期:2020-05-13 热度:177
说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一.叙述 1.说明:需要在Windows 安装Git的同学,可以查看该篇博客https://www.jb51.net/softjc/711624.html相对Windows来说,Ubuntu安装使用Git就很简单了。 2.Git的两大特点 版本[详细]
-
Css深刻理解width:auto的用法
所属栏目:[站长百科] 日期:2020-05-13 热度:151
看了我上篇文章的人可能觉得我小题大做,css2有什么好看的?那么我就参考《css世界》这本书,与大家一同复习理解下具体的点,对我们代码的影响。 首先,我们需要清楚width默认值就是auto,所以不用去人为写代码控制其宽度自动哦。 常见的4种宽度表现 充分[详细]
-
Html/CSS前端实现文字边框阴影效果
所属栏目:[站长百科] 日期:2020-05-13 热度:108
参数: 参数1 x-shadow:设置对象的阴影水平偏移值,单位可以是px、em或百分比等,允许负值。参数2 y-shadow:设置对象的阴影垂直偏移值,单位可以是px、em或百分比等,允许负值。参数3 blur:用于设置边框阴影半径大[详细]
-
基于HTML+CSS实现网页滑动门效果
所属栏目:[站长百科] 日期:2020-05-13 热度:141
一、什么是滑动门 大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 小米官网,网页滑动门效果 二、实现滑动门所需技术 简单HTML基础知识 简单的CSS基[详细]
-
超全面CSS样式整理
所属栏目:[站长百科] 日期:2020-05-13 热度:192
副标题#e# 一 字体属性:(font) 大小 {font-size: x-large;}(特大)xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体)italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM[详细]
-
详解CSS经典布局之Sticky footer布局
所属栏目:[站长百科] 日期:2020-05-13 热度:161
何为Sticky footer布局? 我们常见的网页布局方式一般分为header(页头)部分,content(内容区)部分和footer(页脚)部分。当页头区和内容区的内容较少时,页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时,页脚能随着文档流[详细]
-
详解CSS的table-layout属性的用法
所属栏目:[站长百科] 日期:2020-05-13 热度:170
tableLayout属性用来显示表格单元格、行、列的算法规则。 ①该属性指定了完成表布局时所用的布局算法。 ②固定布局算法比较快,但灵活性不强。 ③自动布局算法比较慢,却更能反映传统的HTML表。 2固定表格布局 ①与自动表格布局相比,允许浏览器更快地对表[详细]
-
CSS语法与JSON、JS对象区别比较
所属栏目:[站长百科] 日期:2020-05-13 热度:157
CSS(Cascading Style Sheets)规则由2个部分构成:选择器,声明。 selector{declaration1;declaration2;declaration3;...declarationN} declaration由分号(;)隔开,表示为 property:value1 value2 ..是一种单层的无内嵌套的结构。 value为具体的某值[详细]
-
好的 CSS 命名规范可以节约 Debug 时间
所属栏目:[站长百科] 日期:2020-05-13 热度:178
简评:Debug CSS 是一种很耗时的操作,如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符('-')分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式: var redBox = document.getElementById('...') 但是在 CSS 中不建议使用这种[详细]
-
CSS使用classList实现两个按钮样式的切换
所属栏目:[站长百科] 日期:2020-05-13 热度:116
classList属性的方法:add();remove();toggle(); 描述,在一些页面我们需要使用两个按钮来回切换,如图: 我们要使用到add()和remove()方法 html部分: div class=login-titlea href=javascript:void(0) class=mya1 id=mya onclick=myonclick()注册/aa href[详细]
-
CSS实现DIV居中的三种方法
所属栏目:[站长百科] 日期:2020-05-13 热度:144
下面给大家分享div居中的实现代码,具体代码如下所示: !DOCTYPE htmlhtmlheadmeta charset=UTF-8titledemo/title/headbodystyle type=text/css.div1{ width: 100px; height: 100px; border: 1px solid #000000;}.div2{ width:40px ; height: 40px; backgr[详细]
-
Jar包一键重启的Shell脚本及新服务器部署的一些经验分享
所属栏目:[站长百科] 日期:2020-05-12 热度:98
最近公司为客户重新部署了一套新环境,由我来完成了基础环境的配置,配置过程中总结了一些经验,分享给各位园友 使用 curl 命令检查网络 拿到新服务器后,首先检查服务器网络是否通畅。我们常用的 ping 命令使用的是 ICMP 协议,大部分服务器都设置了域名[详细]
-
完全卸载VSCode--解决卸载重新安装后还有原来配置的问题(图解)
所属栏目:[站长百科] 日期:2020-05-12 热度:127
VSCode卸载后进行重新安装,发现新安装的还有原来的一些配置,卸载的不彻底,有时候也容易出问题,可按照如下方法卸载干净: 1.进入控制面板卸载VSCode,也可以在VSCode的安装目录下用程序自带的卸载程序(这个没有亲自试过.....) 2.这样卸载完后还有一些[详细]
-
详解Idea 2020 找不到或无法安装官方汉化包解决方案
所属栏目:[站长百科] 日期:2020-05-12 热度:154
Idea 2020 发布之后,官方终于支持了中文语言包 但是,我下载后在插件市场无法找到官方的汉化包 那要怎么解决这个问题呢? 首先,查看你当前Idea的Bulid版本 然后去官网下载离线汉化语言包,下载链接 可以看到一堆的版本号,这里要注意下,目前官方的最新[详细]
-
IntelliJ IDEA 2020如何设置背景图片的方法步骤
所属栏目:[站长百科] 日期:2020-05-12 热度:132
使用idea总看小黑框很难受?眼睛疼?看不清?试试按照你的风格来定制一哈! 1.首先我们选择idea的最左上角的file 2.选择settings 3.找到AppearanceBehavior 4.点击Appearance 5.选择Background Image 之后会就可以开始设置背景图片啦O(∩_∩)O 具体的设置[详细]
-
十步搞定uni-app使用字体图标的方法
所属栏目:[站长百科] 日期:2020-05-12 热度:136
uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-ap[详细]
-
IntelliJ IDEA2020新增禅模式和LightEdit模式
所属栏目:[站长百科] 日期:2020-05-12 热度:147
IntelliJ IDEA 2020.1 的第二个早期访问版本已发布,新的 EAP 构建对调试器和事件探查器(Profiler)进行了改进,并引入了新的提交工具窗口(Commit toolwindow)以及禅模式(Zen Mode)。 用于调试器的数据流分析协助功能 IntelliJ IDEA 2020.1 向调试器[详细]
-
CSS 动画实现动态气泡背景的方法
所属栏目:[站长百科] 日期:2020-05-12 热度:199
今天是节后上班第一天,早上醒来一睁眼,嗯?啊...?什么...?这是哪?我是谁?上什么班? 然鹅,还是被昨晚特意设置的八个闹钟:alarm_clock:吵醒,冬天早上起床的难度...想必各位都心有体会 :sob:,抱着一万个不情愿起床早早地来到了办公室,还是熟悉的环[详细]
-
CSS3 calc()会计算属性详解
所属栏目:[站长百科] 日期:2020-05-12 热度:112
正如其名,calc是css3中新增的计算属性,让很多属性增加了一个表达式的说法; calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size、width和height等属性设置动态值。 怎么使用 cal[详细]
