A. 一般程序员做前端代码开发时用什么工具写代码
初期 dreamweaver
后期 atom webstrom(占内存,但功能强) sublime
B. 自己是学java的,现在想写前端代码的话用哪个软件比较好
1、Notepad++
这个软件就不多说了,记事本的增强版,主要应用在Windows平台下,大部分人都应该使用过,非常轻巧灵活,运行速度快,支持多窗口切换,可编辑语言也非常多,自动补全、语法提示和检查等功能都不错,对于前端开发入门来说,可以作为一个不错的选择:
2、VS Code
这个搞Web前端开发的人大部分都应该使用过,微软开发的一个轻量级代码编辑器,开源、免费、跨平台,插件扩展丰富,生态环境良好,支持常见的语法提示、智能补全、代码高亮、Git等功能,运行速度快,占用内存少,开发效率高,在前端网页开发中,经常会使用到这个软件,非常灵活方便。
3、Sublime Text
这也是一个非常不错的代码编辑器,原则是不免费的,但有对应注册码,所以对使用影响不大,基本功能和VS Code差不多,语法提示、自动补全、插件扩展等功能都不错,界面简洁、轻便灵活,运行速度也非常快,唯一不足就是配置上不是很方便,而且也存在一定版本兼容问题,但对于前端网页开发来说,也是一个不错的选择。
4、HBuilder
这是国产的一个免费Web前端开发软件,界面干净、柔绿护眼、轻巧灵活,运行速度快,语法提示、文字处理功能强大,优先支持Markdown功能,除此之外,还自带有云端打包功能,可以将前端开发的网页打包为手机APP,使用起来非常方便。
5、WebStorm
这是前端开发中一个比较专业的软件,相比较其他软件来说,体积比较大,功能也更复杂,常见的代码高亮、智能补全、Git等功能,这个软件都能很好的支持,除此之外,还支持代码调试、重构等功能,在项目管理、团队协作开发中经常会用到,因此,是一个非常不错的前端软件。
目前就分享这5个Web前端网页编程软件吧。对于零基础入门来说,完全够用了。当然,你也可以使用其他编程软件,像Atom,Editplus等,也都可以,选择适合自己的一种就行。
C. js代码压缩!
http://tools.css-js.com/compressor.html
这个站点里面有四个压缩引擎,一个YUI压缩,一个UglifyJS压缩,一个JSPacker压缩,和一个新的JsMin压缩。
一般用UglifyJS引擎压缩就可以。jQuery和好些其他的前端项目就是用他压缩的。
另外给个建议,你把你的JS文件用匿名函数的方式封装起来,对外只给一个接口。这样JS压缩引擎就可以把你匿名函数中不对外开放的内部变量名称都给替换成a,b,c,d这样的单字符,很能节省体积。
D. 前端工程师都有用哪些比较靠谱的小工具
1. node.js + npm, 这个是前端工具的一个平台,没有他们就没有以下的工具,建立开发环境,下载开发工具,运行开发工具的利器
2. bower, 库依赖管理器,类似于npm,但针对浏览器JavaScript的依赖管理,减少寻找库,下载库和升级库的烦恼
3.grunt,流程自动化管理工具,将你非编程的开发步骤减到最小,grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱,发布和开发各种无压力。以下大部分开发工具,都有grunt的相对应的插件,也就是说他们都能利用grunt进行自动化运行
5. 本人用less比较多,因为基本无缝兼容历史遗留系统中的css,(而Sass语法比较特殊,还没有专门用过,应该开发新系统的css比较好),一套css预编译语言,可以把less语法转成css语法,lessc是less语言编译器,配合grunt less,编写大型css文档毫无压力。
6.Phantomjs,没有界面的浏览器,用js脚本控制其操作网页。测试,抓图,网页流程自动化利器。配合casperjs的语法简化功能真强库后,控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能,在利用live-reload即时刷新功能,可以让你开发css的时候,快速对n多个页面进行观察,看其前后变化。不过缺点也比较明显,就是速度慢。但比起手动对比来看,还是非常快的。值得css开发时拥有。
8. phantomCSS,这个和grunt photobox类似,都用于css开发的,差别是photobox是全局观察差别,而这个是单元组件观察差别,它方便你就抓页面中某一块元素然后进行前后比较,更加注重细节上的差异,这个比较合适组件开发时候使用。
9. jshint,帮助你快速定位JavaScript的语法错误和潜在的跨浏览器兼容性问题。在部署你JS前,用jshint检查一下是没错的 。
10.UglifyJS,压缩JavaScript代码,使你的JS代码可以更加快速的加载。有grunt的插件
11. browserify允许你在浏览器里面使用CMD标准模块,但本人认为它的另外一个优势是合并代码,开发时候可以把代码模块化,分成很多很多小文件,然后有调理的放到相对应文件夹下,然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码,大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件,这样又减少的开发步骤。
12. Karma, google开发的一个单元测试运行器,这个自己本身不是一个单元测试框架,而是配合测试单元框架的一个工具。由于前端浏览器众多,就算你有live-reload这样自动化工具,但是还是要手动打开各种浏览器,手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器,然后把单元测试在各个浏览器中自动运行一遍,让这个步骤也能自动化了。
13.clean-css (grunt cssmin), 我用的是grunt cssmin,但是grunt cssmin实际上背后使用的是clean-css工具,这个工具就是用来压缩精简css的,让css文件大小更小。
E. 介绍几个JS和CSS压缩合并插件
介绍几个JS和CSS压缩合并插件
由于添加各种功能的代码和wordpress插件,会导致JS和CSS增多,影响了wordpress博客的加载速度。虽然可以用代码来对JS和CSS进行压缩合并,可是对初学者不是那么简单,很容易出错。因此介绍几个 JS 和CSS 压缩合并插件,方便初学者进行优化。
Better WordPress Minify
Better WordPress Minify 是将Minify引擎集成到wordpress博客上,一旦被启用,它将合并和压缩所有的 JS 和 CSS 文件,从而降低网页的加载时间。
Better WordPress Minify插件使用很简单。安装并启用插件后,会自动压缩合并你的JS和CSS文件。当然你可以在设置页面中,进行如下更细致的设置。
删除不必要的空格与空行。
合并多个CSS或JavaScript文件。
自动缩小的JS文件。
自动缩小CSS文件。
并提供gzip压缩。
缩小代码bloginfo()样式表?
缩小网址。
缓存目录。
F. 前端工程师都有用哪些比较靠谱的小工具
1、TakeColor 取色器
对于前端开发来说,和颜色、图片打交道是难免的,有的时候想要在ps外面获取颜色.
2、CoolFormat 源代码格式化工具
CoolFormat,不仅仅适用于前端,因为它支持很多语言源代码的格式化,可以在上面的开始菜单中选择你要格式化的语言种类,这里我选择的是js,然后将一串很乱的js代码粘贴到下面的文本框里面,点击快速格式化.
3、做笔记的小帮手——有道云笔记
其实这有道云笔记不算是小工具了,在这之前,我一直都是用txt记事本记东西的
G. sublime怎么将css代码压缩插件
安装css format插件就可以了。
H. 有哪些好用的代码编辑器值得推荐
给大家推荐8款最受程序员喜爱的代码编辑器
1、Atom
Atom是Github打造的一款开源代码编辑器,支持 macOS、Windows和Linux操作系统,支持Node.js所写的插件,并内置由Github提供的Git版本控制系统,也可被当作 IDE 使用。
Atom的特色在于它极其丰富的可定制性,以及赏心悦目的界面。特别是自带的代码缩略图和代码折叠功能,不管是用Python还是做前端都非常好用。
2、EMACS
EMACS的强大之处在于已经超出了编辑器的范畴,搞成了大的平台,很多开发人员在上面直接都以他为入口完成各种功能需求了。
主要有如下特性:上网浏览网页看视频,收发邮件,调试程序,玩游戏,计算器,;、文件比较,记日记,目录管理
3、Notepad++
Notepad++被称为是JAVA程序员的最爱,几乎可以替代记事本的最佳编辑器,很多强大的功能集于一身。可以在Windows操作系统下编辑,有完整的中文化接口支持多国语言编写的功能(UTF8技术),支持自定义语言。该程序还支持自动完成某些编程语言的API子集。
4、Sublime Text
Sublime 是一种比Notepad++功能强大的多编辑器,现在很多前端开发人员都很喜欢,虽然代码不开源,里面需要拿到注册码才能使用,但是它几乎涵盖了notepad++的所有特性,界面美观功能全的编辑器。
主要有如下特性:
跨平台,几乎在各个操作系统上都能使用
查找和替换功能做得非常友善
不仅支持多种语言关键字的高亮提示,还能针对编程语言编译错误给提示
支持插件功能
能够支持多种布局方式
5、Brackets
Brackets是一款为Linux开发者设计的开源代码编辑器,使用Brackets写代码,你不会被任何事情所打断。比如在写HTML代码时,即便你没有保存代码也可以及时预览你的Web页面效果。你也可以使用Theseus来检查变量,Brackets默认提供一种主题,当然你也可以在扩展中心获取更多的主题。
6、Vim
Vim 是一款高度可定制的文本编辑器,可以用于包括编写代码在内的各种文本创建与编辑工作。
Vim 的特色在于,它可以仅仅通过键盘来在插入、执行命令、文本批量处理等模式之中切换。这就使得 Vim 可以不用进行菜单或者鼠标操作,并且最小化组合键的操作。对文字录入员或者程序员可以大大增强速度和效率。
7、Visual Studio Code
Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器,刚一问世,它就以强大的功能、美观的界面、高度的可定制性,被誉为微软的良心之作。
Visual StudioCode 内置了代码调试、Git 版本控制、代码高亮、智能代码补完、代码片段管理、代码重构等丰富的功能。此外,VS Code 的用户个性配置选项也很丰富,能方便地修改主题颜色、键盘快捷方式等各种属性和参数,还在内置了扩展程序管理的功能。
8、Eclipse
Eclipse以一种友好的集成开发环境,为各种类型的用户,提供了一系列针对开发Web和Java应用的可用工具。虽然专注于Java,但是也支持其他各种编程语言,如C ++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python,甚至是COBOL。它还包括了适用于各种语言、向导和内置应用程序以简化开发的源代码和图形编辑器,以及支持部署、运行和测试app的工具和API。
Eclipse提供的插件功能相当丰富,有助于更加简便地创建、集成和使用软件工具,节省时间和金钱。
I. 用C语言写一个小程序(一个小功能就可以了),要求:100行代码左右,不要太多,要有注释,谢谢~
回#include<stdio.h> //标准输入、输出头文件
#include<string.h> //包含字符串函数处理头文件
#include<stdlib.h> //包含动态存储与释放函数头文件
#define N 10000
struct air //定义结构体数组
{
int num;
char start[20];
char over[20];
char time[10];
int count;
}s[N];
int i;
int m=0;
#define PRINT "%-d%12s%12s%10s%12d\n",s[i].num,s[i].start,s[i].over,s[i].time,s[i].count //定义输出格式
void input(); //输入航班信息
void print(); //输出航班信息
void save(); //保存航班信息
void read(); //读取航班信息
void search(); //查找航班信息
void shanchu(); //删除航班信息
void dingpiao(); //订票信息
void tuipiao(); //退票信息
void xiugai(); //修改信息
void main()
{
int j;
printf("================================================================================\n");
do
{
printf(" 1.输入航班信息 \n\n"
" 2.浏览航班信息 \n\n"
" 3.修改航班信息 \n\n"
" 4.查找航班信息 \n\n"
" 5.删除航班信息 \n\n"
" 6.订票信息 \n\n"
" 7.退票信息 \n\n"
" 0.退出 \n\n");
printf("================================================================================\n");
printf("请在0-7中选择以回车键结束:\n\n");
scanf("%d",&j);
switch(j)
{
case 1: input();//调用输入模块
break;
case 2:print();//调用打印模块
break;
case 3:xiugai();//调用修改模块
break;
case 4:search();//调用查找模块
break;
case 5:shanchu(); //调用删除模块
break;
case 6:dingpiao();//调用订票模块
break;
case 7:tuipiao();//调用退票模块
break;
case 0:;
break;
}
}while(j!=0); //判断结束
printf("谢谢使用,再见!\n");
}//主函数结束
void input()//打印模块程序
{
int y;
printf("请依次输入航班信息(机票数位0结束输入):\n\n"
"完成输入信息请键入w以回车键结束\n\n"); //打印提示信息
printf("--------------------------------------------------------------------------\n");
for(i=0;i<N;i++)
{
printf("请输入航班号:\n");
scanf("%d",&s[i].num); //读取航班号
printf("请输入起始站:\n");
scanf("%s",s[i].start);//读取起始站
printf("请输入终点站:\n");
scanf("%s",s[i].over);//读取终点站
printf("请输入时间:\n");
scanf("%s",s[i].time);//读取时间
printf("请输入机票数(机票数为0结束输入):\n",m);
scanf("%d",&s[i].count);//读取机票数
m++;
printf("第%d个信息已经输完是否继续?按任意键继续,按 0结束",m);
scanf("%d",&y);
if(y==0)
{
save();//将结构体信息存盘
print();//输出输入的航班信息
break;
}
}
}
void save()//保存模块程序
{
FILE *fp,*fp1;//定义文件指针
if((fp=fopen("chen.dat","wb"))==NULL)//打开文件并判断是否出错
{
printf("创建文件失败!\n\n");//打印出错提示
getchar();
return;
}
if((fp1=fopen("hao.dat","wb"))==NULL)//打开文件并判断是否出错
{
printf("创建文件失败!\n\n");//打印出错提示
getchar();
return;
}
for(i=0;i<m;i++)
if(fwrite(&s[i],sizeof(struct air),1,fp)==0)//向文件写入数据,并判断是否出错
printf("向文件输入数据失败!\n\n");
fprintf(fp1,"%d",m);
fclose(fp);//关闭文件
fclose(fp1);//关闭文件
}
void read()//从文件读取信息模块
{
FILE *fp,*fp1;//定义文件指针
if((fp=fopen("chen.dat","rb"))==NULL)//打开文件,并判断是否出错
{
printf("出错,请检查文件是否存在,按任意键返回住菜单");//打印出错提示
getchar();
}
if((fp1=fopen("hao.dat","rb"))==NULL)//打开文件并判断是否出错
{
printf("创建文件失败!\n\n");//打印出错提示
getchar();
return;
}
fscanf(fp1,"%d",&m);
fclose(fp1);//关闭文件
for(i=0;i<m;i++)
{
fread(&s[i],sizeof(struct air),1,fp);//从文件中读取信息
}
fclose(fp);//关闭文件
}
void print()//打印模块
{
char w[10];
read();//调用读取文件函数
printf("航班号 起始站 终点站 时间 机票数\n");
for(i=0;i<m;i++)
{
printf(PRINT);//打印信息
}
printf("请按任意键回车键结束返回上层菜单以:\n");
scanf("%s",w);
}
void search()//查询模块
{
char name1[20];
char name2[20];
char ii[10];
int n,no;
do
{
printf("请选择查找方式:\n\n");//打印查询方式菜单
printf("1.按航班号查找\n\n"
"2.按终点站查找\n\n"
"3.按航线查找\n\n"
"0.返回\n\n");
printf("请在0-3中选择:\n\n"
"按其他键以回车键结束返回主菜单:\n\n");
scanf("%d",&n);//读取查找方式
if(n==0)
break;
switch(n)
{
case 1:
printf("请输入航班号:\n");
scanf("%d",&no);//航班号
break;
case 2:
printf("请输入终点站名称:\n");
scanf("%s",name2);//读取终点站
break;
case 3:
printf("请输入起始站名称:\n");
scanf("%s",name1);//读取起始站
printf("请输入终点站名称:\n");
scanf("%s",name2);//终点站
break;
}
read();//调用读取函数
for(i=0;i<m;i++)
{
if(strcmp(s[i].over,name1)==0||strcmp(s[i].over,name2)==0)//按终点站起始站判断输出条件
{
printf("\n查找航班信息成功!\n");
printf("航班号 起始站 终点站 时间 机票数\n");
printf(PRINT);//打印信息
break;
}
if(s[i].num==no)//按航班号判断输出条件
{
printf("\n查找航班信息成功!\n");
printf("航班号 起始站 终点站 时间 机票数\n");
printf(PRINT);//打印信息
break;
}
}
no=0;//将航班号赋值为0
printf("没有您需要的信息或查找完毕:\n\n"
"是否继续查找?请键入yes或no以回车键结束\n");
scanf("%s",ii);
}while(strcmp(ii,"yes")==0);//判断结束
}
void shanchu()//删除模块
{
char name1[20];
char name2[20];
char ii[10];
char f[]="2008china";//设置密码
int no,n;
printf("请输入密码并以回车键结束:\n\n");
scanf("%s",f);//读取密码
if(strcmp(f,"2008china")==0) //判断密码是否正确
{
do
{
printf("请选择删除以方式回车键结束:\n\n");//打印删除方式菜单
printf("*1.按航班号删除\n\n"
"*2.按航线删除\n\n"
"*0.返回\n\n");
printf("请在0-2中选择以回车键结束:\n");
scanf("%d",&n);//读取删除方式
if(n==0)
break; //跳出循环
switch(n)
{
case 1:
printf("请输入航班号:\n");
scanf("%d",&no);//读取航班号
read();//调用读取函数
break;//跳出循环
case 2:
printf("请输入起始站 名称:\n");
scanf("%s",name1);//读取起始站
printf("请输入终点站名称:\n");
scanf("%s",name2);//读取终点站
read();//调用读取函数
break;//跳出循环
}
for(i=0;i<m;i++)
{
if(s[i].num==no||strcmp(s[i].start,name1)==0&&strcmp(s[i].over,name2)==0)//判断输入信息是否存在
{
s[i]=s[m-1];
m--;
}
}
printf("查找完毕或没有这个信息\n\n");
printf("是否继续删除\n");
printf("请键入yes或no以回车键结束\n");
scanf("%s",ii); //读取是否继续信息
save(); //调用读取函数
if(!strcmp(ii,"yes")) //判断是否继续删除
printf("请按任意键以回车键结束返回上层菜单:\n");
break;
}while(n!=1&&n!=2&&n!=3&&n!=4&&n!=0); //判断结束
}
else
printf("对不起密码错误!您不是管理员,不能使用此项功能!谢谢!再见!\n\n");
}
void dingpiao()//订票模块
{
int n;
char a[10];
do
{
search();//调用查询模块
printf("请输入您要订的机票数以回车键结束:\n");
scanf("%d",&n);//读取所订机票数
if(n<0)
{
printf("请输入有效的机票数!\n");//判断机票数是否出错
break;
}
if(s[i].count!=0&&s[i].count>=n)//判断是否出错
{
s[i].count=s[i].count-n;
save();//调用保存函数
printf("订票成功!\n\n");
break;
}
if(s[i].count<n)//判断是否出错
{
printf("请输入有效的机票数:\n");
break;
}
printf("是否继续? 请输入yes或no以回车键结束:\n");//判断是否继续订票
scanf("%s",a);
}while(!strcmp(a,"yes"));//判断结束
}
void tuipiao()//退票模块
{
int n;
char a[10];
do
{
search();//调用查询模块
printf("请输入您要退的机票数目:\n");
scanf("%d",&n);//输入所退票数
if(n<0) //判断票数是否有效
printf("请输入有效的机票数!\n");
s[i].count=s[i].count+n;
save(); //调用保存模块
printf("退票成功!\n\n");
printf("是否继续? 请键入yes或no以回车键结束:\n\n");//判断是否继续退票
scanf("%s",a);
}while(!strcmp(a,"yes"));//判断并跳出循环
getchar();
}
void xiugai() //修改模块
{
struct xiu //定义结构体
{
int no;
char name1[20];
char name2[20];
char time[20];
int count;
}x[1];
char j[10];
int n;
printf("请输入密码并以回车键结束:\n\n");
read();//调用读取模块
do
{
printf( "请选择修改方式:\n\n"
"*1,按航班号修改:\n\n"
"*2,按航线修改: \n\n");
printf("请在1---2中修改以回车键结束:\n\n");
scanf("%d",&n);//读取修改方式
switch(n)
{
case 1:printf("请输入航班号:\n");
scanf("%d",&x[0].no);//读取航班号
break;
case 2:printf("请输入起始站:\n");
scanf("%s",x[0].name1);//读取起始站
printf("请输入终点站:\n");
scanf("%s",x[0].name2);//读取终点站
break;
}
for(i=0;i<m;i++)
{
if(strcmp(s[i].over,x[0].name1)==0&&strcmp(s[i].over,x[0].name2)==0)//判断输出条件
{
printf("航班号 起始站 终点站 时间 机票数\n");
printf(PRINT);
break;
}
if(s[i].num==x[0].no)//判断输出条件
{
printf("航班号 起始站 终点站 时间 机票数\n");
printf(PRINT);
break;
}
}
x[0].no=0; //将结构体中的号为零
printf("请输入新航班号、起始站、终点站、时间(星期几)、机票数:\n");
scanf("%d%s%s%s%d",&x[0].no,x[0].name1,x[0].name2,x[0].time,&x[0].count);//定义输入格式
s[i].num=x[0].no;//替换航班号
strcpy(s[i].start,x[0].name1);//替换其始站
strcpy(s[i].over,x[0].name2);//替换终点站
strcpy(s[i].time,x[0].time);//替换时间
s[i].count=x[0].count;//替换机票数
save();//调用保存模块
printf("是否继续?请键入yes或no以回车键结束:\n\n");
scanf("%s",j);
}while(strcmp(j,"yes")==0); //判断结束
}
答即可得2分,回答被采纳则获得悬赏分以及奖励20分
J. vue-codemirror代码格式化后,怎样压缩代码
具体操作步骤如下:
1、设置proctionSourceMap为false。如果不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建。设置为false打包时候不会出现.map文件。
2、代码压缩。安装uglifyjs-webpack-plugin插件,可以去除项目中console.log和debugger。
3、图片资源压缩。
安装 image-webpack-loader 插件,可以将大图片进行压缩从而缩小打包体积。
4、开启gzip压缩。