2016年前端开发者深度调研,看看别人使用什么技术体系
2016年前端开发者深度调研,看看别人使用什么技术体系翻译自The State of Front-End Tooling 2016 - Results。本文从属于笔者的Web 前端入门与最佳实践,如果你希望了解更多关于本文提及的各种框架库的信息,可以参考笔者的Web前端从入门菜鸟到实践老司机所需要的资料与指南合集。
大概一个月之前,我启动了2016 Front-End Tooling Survey,截止到今天,共有4715名开发者参与了该调查,这里要郑重感谢下所有参与的同志。与上一年的调查相似,本调查目的为发现前端开发者们到底在他们的技术体系中使用怎样的技术,最终对于整个前端社区的潮流风向有一个总览体现。
Q1-总体前端开发经验
第一个问题相当直接,就是你已经在前端技术栈中摸爬滚打了多久?结果如下:
Answer | Number of Votes | Percentage |
---|---|---|
0-1 Year | 232 | 4.92% |
1-2 Years | 589 | 12.49% |
2-5 Years | 1,508 | 31.98% |
5-10 Years | 1,323 | 28.06% |
10-15 Years | 673 | 14.27% |
Over 15 Years | 390 | 8.27% |
在上表中可以发现,大部分的参与者表示它们在前端之路上走了2~5年或者5~10年,换言之,超过60%的开发者有2~10年的经验。另外,可以发现5年之内的开发者与5年之上的开发者各占一半,这一点表明本调查的对象分布较为平均。
Q2-CSS Knowledge
第二个问题是关于参与者们如何估算他们自己的CSS技能熟练度,这个问题还是挺主观的,不仅依赖于参与者本身所处的技术氛围,还受到自身谦虚程度的影响。原问题是:你如何给自己的CSS以及相关技能评分?结果如下:
Level | Number of Votes | Percentage |
---|---|---|
Beginner | 78 | 1.65% |
Novice (between Beginner and Intermediate) | 424 | 8.99% |
Intermediate | 1,243 | 26.36% |
Advanced (between Intermediate and Expert) | 2,203 | 46.72% |
Expert | 767 | 16.27% |
表中结果可以看出,大概89.36%(4213)的参与则觉得他们对于CSS的掌握长度在中级及以上。这个结果可以从多个维度解析,一方面可以看出虽然不少开发者在前端上涉足时间不多,但是他们觉得对于CSS已经能够较好的掌握。另一方面这也反映了相较于JavaScript与HTML,CSS会更易于掌握一点。不过我觉得也很有可能不少的开发者尚不能真正理解CSS的纷繁复杂之处,或者受不能分清其语法与我们真实应用中的方法论之间存在的一定差异。
Q3-CSS Processor Usage
本问题为你使用哪个CSS处理工具,我们在去年也问过这个问题,当时Sass是最著名的CSS处理工具,其在今年仍然独占鳌头,遥遥领先。而与之相对的,使用Less的开发者数量有了较大的回落。在今年的统计中我们加入了PostCSS,大概有8.31%的开发者会使用PostCSS相关的技术,这个比我们预期的略低,不过估计是因为很多人将其与其他处理工具混合使用而忽略了它的存在。另外,在下面的结果中我们可以看出,不使用任何CSS处理工具的开发者数量也在逐年减少,说明掌握合适的CSS处理工具的用法已经日渐成为现代前端开发者的必备技能之一。
Preprocessor | Number of Votes | Percentage | % Diff (to 2015) |
---|---|---|---|
Sass | 2,989 | 63.39% | -0.56% |
Less | 478 | 10.14% | -5.05% |
Stylus | 137 | 2.91% | -0.84% |
PostCSS | 392 | 8.31% | N/A |
Rework | 3 | 0.06% | N/A |
No Preprocessor | 643 | 13.64% | -1.4% |
Other | 73 | 1.55% | -0.52% |
Q4 - CSS处理器使用体验
本题是Q3的一个延伸,主要关注于开发者对于各种CSS处理工具的使用体验。
Never Heard of | Heard of/Read About | Used a little | Feel Comfortable Using | |
---|---|---|---|---|
Sass – Standard or SCSS syntax | 0.57% (27) | 11.11% (524) | 17.16% (809) | 71.16% (3,355) |
Less | 0.81% (38) | 30.86% (1,455) | 33.32% (1,571) | 35.02% (1,651) |
Stylus | 24.22% (1,142) | 57.26% (2,700) | 11.11% (524) | 7.40% (349) |
PostCSS | 21.76% (1,026) | 45.37% (2,139) | 18.73% (883) | 14.15% (667) |
Rework | 78.43% (3,698) | 20.17% (951) | 0.91% (43) | 0.49% (23) |
该统计结果与Q3相去不大,Sass仍然拥有最多的使用者,并且获得了最高的使用满意度。
Q5-CSS Naming Schemes
下一个问题是有关于开发者对于CSS命名方案的使用情况,CSS本身的模块化与工程化程度不高,我在自己的项目中使用CSS命名方案也有数年之久,不过我也很好奇其他前端开发者是如何看待这件事的。Q5的原问题为你是否使用过某个譬如BEM或者SUIT这样的CSS命名方案?
Answer | Number of Votes | Percentage |
---|---|---|
Yes | 2,170 | 46.02% |
No – I’ve heard of CSS naming schemes but don’t use one | 1,731 | 36.71% |
No – I’ve never heard of CSS naming schemes | 814 | 17.26% |
结果还是让我有点震惊的,使用过某种命名方案的与从未用过的差不多一半对一半,不过还是有超过80%的开发者是听说过CSS命名方案及其相关概念的。不过如果我们与上面的统计结果结合起来看,在Advanced及以上级别的CSS开发者中使用CSS命名方案的开发者大概占了56.94%,而Intermediate及以下开发者中使用比只有27.47%。我自己是觉得CSS命名方案会日益受到欢迎,我也会在未来的调查中跟踪该指数。
Q6-CSS Linting
Q6是关于CSS样式检查的,原问题为你是否使用过工具来检查过你的CSS代码样式风格,结果如下:
Answer | Number of Votes | Percentage |
---|---|---|
Yes | 2,232 | 47.34% |
No – I don’t lint my CSS | 2,483 | 52.66% |
与上一个问题类似,使用过样式检查工具的开发者与未使用过的差不多也是一半对一半,并且CSS技能等级越高的开发者越会选择使用某个Lint工具。CSS Linting在工具与使用上可能仍是个较新的概念,目前人们可能更习惯于JavaScript Linting。不过我还是比较看好像Stylelint这样的样式检查工具会日渐为开发者所使用。
Q7-CSS 工具使用体验
下面三个问题都是关于CSS工具与常见方法论的使用体验,本题的原题目为请指明你对于下述CSS工具的使用体验:
Never Heard of | Heard of/Read About | Used a little | Feel Comfortable Using | |
---|---|---|---|---|
Autoprefixer | 18.28% (862) | 17.18% (810) | 15.93% (751) | 48.61% (2,292) |
Susy | 55.02% (2,594) | 29.78% (1,404) | 9.69% (457) | 5.51% (260) |
Modernizr | 6.64% (313) | 22.93% (1,081) | 37.96% (1,790) | 32.47% (1,531) |
Stylelint | 54.68% (2,578) | 24.35% (1,148) | 10.39% (490) | 10.58% (499) |
从上表中可以看出,Autoprefixer以48.61%成为体验最好的CSS工具之一,不过当我们仅考虑某个工具在使用过的人群中的满意度时,Modernizr以70.43%的比例高居榜首,Autoprefixer以64.54%位居第二。而在上述的这些工具中,大概55%的开发者尚不知道Stylelint与Susy。这一点也能看出无论是哪个等级的开发者,要想随时保持对所有工具的掌握也几乎是不可能的。
Q8-CSS 方法论与命名空间使用体验
下一个问题是关注开发者对于下列所有的CSS常见方法论与命名空间的使用体验:
Never Heard of | Heard of/Read About | Used a little | Feel Comfortable Using | |
---|---|---|---|---|
SMACSS | 40.57% (1,913) | 33.91% (1,599) | 14.74% (695) | 10.77% (508) |
Object Oriented CSS (OOCSS) | 28.27% (1,333) | 41.80% (1,971) | 17.77% (838) | 12.15% (573) |
Atomic Design | 41.53% (1,958) | 33.74% (1,591) | 14.34% (676) | 10.39% (490) |
ITCSS | 68.34% (3,222) | 22.38% (1,055) | 4.50% (212) | 4.79% (226) |
CSS Modules | 27.42% (1,293) | 44.77% (2,111) | 15.95% (752) | 11.86% (559) |
BEM | 24.90% (1,174) | 23.52% (1,109) | 18.49% (872) | 33.09% (1,560) |
SUIT CSS | 69.42% (3,273) | 24.14% (1,138) | 3.90% (184) | 2.55% (120) |
在上表可以看出,BEM算是目前最受欢迎,也是使用体验最好的CSS命名方案之一,基本上在真实的使用者中超过了50%的人表示很满意。不过令我震惊的是,对于OOCSS等常见的CSS方法论有所了解的开发者数量占比仅有不到30%,即使在那些Advanced或者Expert级别的开发者中,没有任何一项方法论的使用度超过了20%。
Q9-CSS Tool Usage
这是关于CSS部分的最后一个问题了,它是关于开发者目前在其项目中使用过哪些CSS方法论或者工具:
Tool/Methodology | Number of Votes | Percentage |
---|---|---|
SMACSS | 613 | 13.00% |
Object Oriented CSS (OOCSS) | 696 | 14.76% |
Atomic Design | 680 | 14.42% |
ITCSS | 248 | 5.26% |
CSS Modules | 740 | 15.69% |
BEM | 1905 | 40.40% |
SUIT CSS | 111 | 2.35% |
Autoprefixer | 2,414 | 51.20% |
Susy | 237 | 5.03% |
Modernizr | 1,828 | 38.77% |
Stylelint | 682 | 14.46% |
I don’t use any of these approaches or tools | 1,095 | 23.22% |
根据参与者的反馈信息,我们可以发现Autoprefixer、BEM以及Modernizr算是最为流行的CSS开发中的辅助工具。另外,尽管在上一个问题的调查中单个CSS方法论的使用度不高,但是总体来看有超过40%的开发者在他们的项目中使用了SMACSS、OOCSS、Atomic Design、ITCSS或者CSS Modules中的一项。这里令我比较惊讶的是对于CSS模块化框架的使用度远高于其他类型的框架,结合以上几个关于CSS问题的答案,不难发现目前开发者对于CSS的写法还是很广泛的,并没有形成一套被社区广泛任何的统一方案。另外,我们也会发现有很大一部分自认为熟手的CSS开发者不满意于现在流行的CSS方法论与工具。
最后,笔者还是想强调,尽管CSS时一个非常简单的语言,但是想要彻底的掌握与理解还是具有一定难度的,千万不能因为其易于上手就忽视其复杂度。
Q10-JavaScript Knowledge
本问卷第二部分是有关于参与者的JavaScript技能,第一个问题与CSS类似,就是你是如何给自己的JavaScript技能评级?
Knowledge | Number of Votes | Percentage |
---|---|---|
Beginner | 78 | 4.18% |
Novice (between Beginner and Intermediate) | 424 | 11.73% |
Intermediate | 1,243 | 32.98% |
Advanced (between Intermediate and Expert) | 2,203 | 35.72% |
Expert | 767 | 15.40% |
开发者对于自己JavaScript技能评级的分布于CSS的评级类似,不过相较于CSS,更少的人认为自己达到了中等或以上水准。
Task Runners
2015年里Task Runner
Task Runner | Number of Votes | Percentage | % Diff (to 2015) |
---|---|---|---|
Gulp | 2,060 | 43.69% | -0.1% |
NPM Scripts | 1,223 | 25.94% | +22.78% |
Grunt | 554 | 11.75% | -15.81% |
Make | 54 | 1.15% | N/A |
GUI Application (i.e. Codekit) | 93 | 1.97% | N/A |
Other (please specify) | 214 | 4.54% | -0.34% |
I don’t use a task runner | 517 | 10.97% | -8.56% |
在上面的统计表中,可以看出Gulp以超过40%的使用率位居前端Task Runner首位。不过对比2015与2016,我们可以看出越来越多的开发者选择NPM作为其Task Runner工具,这反映了越来越多的开发则希望能够简化他们的编译任务,从而避免Gulp或者Grunt这样的工具带来的抽象漏洞。还有一个比较有趣的,不使用任何Task Runner的开发者数量也有了较大的回落,与前一年相比减少了8.56%,这也表现了在项目中使用某个Task Runner已是前端开发者的主流选择之一。
Q12-Knowledge of JavaScript Libraries and Frameworks
这算是笔者最关心的问题之一,也是2016年前端硝烟四起的主战场之一。在2015年的调查中,React相较于Angular还是新人一枚,而现在Angular 2.0的正式版也已发布,但是又会有多少人愿意迁移到Angular 2呢?结果如下:
Never Heard of | Heard of/Read About | Used a little | Feel Comfortable Using | |
---|---|---|---|---|
jQuery | 0.11% (5) | 0.85% (40) | 12.17% (574) | 86.87% (4,096) |
Underscore | 10.22% (482) | 28.12% (1,326) | 24.41% (1,151) | 37.24% (1,756) |
Lodash | 15.89% (749) | 26.70% (1,259) | 19.75% (931) | 37.67% (1,776) |
Backbone | 4.31% (203) | 58.13% (2,741) | 23.01% (1,085) | 14.55% (686) |
Angular 1 | 0.66% (31) | 40.21% (1,896) | 30.43% (1,435) | 28.70% (1,353) |
Angular 2 | 0.89% (42) | 73.59% (3,470) | 20.19% (952) | 5.32% (251) |
Ember | 3.75% (177) | 78.41% (3,697) | 11.71% (552) | 6.13% (289) |
React | 0.76% (36) | 42.29% (1,994) | 28.04% (1,322) | 28.91% (1,363) |
Polymer | 13.55% (639) | 72.68% (3,427) | 11.75% (554) | 2.01% (95) |
Aurelia | 43.71% (2,061) | 50.03% (2,359) | 3.20% (151) | 3.05% (144) |
Vue.js | 14.68% (692) | 66.55% (3,138) | 13.11% (618) | 5.66% (267) |
MeteorJS | 9.59% (452) | 75.91% (3,579) | 11.69% (551) | 2.82% (133) |
Knockout | 16.14% (761) | 66.62% (3,141) | 11.33% (534) | 5.92% (279) |
在今年与去年的调查中,jQuery都以较大优势领先,有接近90%的开发者享受使用jQuery的开发过程,而接近99%的开发者表示都曾经使用过jQuery。而Underscore与Loadash都有接近40%的开发者表示赞赏。当我们要选择2016年最令人震撼的JS框架,React社区的迅猛发展成为非常引人注目的变化。React不仅与Angular 1并驾齐驱,还超越了当年Angular 1的满意度。另一个有趣的小细节就是Angular 2版本推出的如此之慢,差不多20.19%的开发者表示听过Angular 2,但是只有5%左右的开发者表示觉得用起来很爽。虽然可能随着时间的推移Angular 2的使用者会逐渐增加,但是很难说它还能达到当年Angular 1的盛况。如果我们从整个MV框架的角度来看,今年有大概62.23%的开发者会选择使用某个MV框架,与去年相比有12%的增长。就如我去年所述,掌握至少一个框架会是前端开发者的必备技能之一。
Q13-你在项目中最常用的JavaScript库或者框架是哪个?
直接上结果:
Number of Votes | Percentage | |
---|---|---|
jQuery | 3284 | 69.65% |
Underscore | 714 | 15.14% |
Lodash | 1527 | 32.39% |
Backbone | 301 | 6.38% |
Angular 1 | 1180 | 25.03% |
Angular 2 | 387 | 8.21% |
Ember | 280 | 5.94% |
React | 1776 | 37.67% |
Polymer | 87 | 1.85% |
Aurelia | 154 | 3.27% |
Vue.js | 456 | 9.67% |
MeteorJS | 115 | 2.44% |
Knockout | 156 | 3.31% |
I don’t use any of these approaches or tools | 132 | 2.80% |
笔者在2015:我的前端之路提及从以jQuery为主的命令式编程到MV*形式的声明式编程的变迁,但是可以看出jQuery仍然在前端开发中占据非常重要的位置。另一个有趣的就是差不多有37%的开发者表示他们在项目中频繁使用React,比上一题的统计要多出10%,看来很多开发者虽然表示用了不多,但是还是很诚实的在他们的项目里大规模使用了React。还需要注意的是,Vue日渐引起了人们的注意,并且有越来越多的开发者愿意在他们的项目中使用Vue.js。
Q14-你觉得哪个JavaScript库或者框架是你项目不可或缺的组成部分?
本题是上面两个题目的延伸,希望能挖掘出人们对于JavaScript框架与库更深层次的看法。
Number of Votes | Percentage | |
---|---|---|
None of them are essential – I feel comfortable using native JavaScript on my projects | 985 | 20.89% |
jQuery | 1468 | 31.13% |
Underscore | 38 | 0.81% |
Lodash | 262 | 5.56% |
Backbone | 38 | 0.81% |
Angular 1 | 386 | 8.19% |
Angular 2 | 129 | 2.74% |
Ember | 178 | 3.78% |
React | 857 | 18.18% |
Polymer | 16 | 0.34% |
Aurelia | 113 | 2.40% |
Vue.js | 148 | 3.14% |
MeteorJS | 8 | 0.17% |
Knockout | 17 | 0.36% |
Other (please specify) | 72 | 1.53% |
当仅允许开发者选择某个框架的时候,jQuery仍然独占鳌头,占据了30%多,紧接着就是React,占据了不到20%。另外还需要注意的是,大概20.89%的开发者并不认为任何框架都是必须的,我觉得应该是随着ES6的完善与流行,开发者更倾向使用原生的JavaScript进行开发,从而避免所谓的前端焦虑。2017年里,jQuery仍然会在前端开发中占据非常重要的位置,因此对于前端开发者而言,不要轻言彻底抛弃jQuery。
Q15-JavaScript Module Bundlers
在去年的调查中,JavaScript模块打包工具仍然只有不到50%的开发者会在他们的项目中使用,不过在12个月之后,结果如下:
Module Bundler | Number of Votes | Percentage | % Diff (to 2015) |
---|---|---|---|
I don’t use a module bundler | 1516 | 32.15% | -21.75% |
RequireJS | 359 | 7.61% | -5.85% |
Browserify | 510 | 10.82% | -5.65% |
Webpack | 1962 | 41.61% | +31.11% |
Rollup | 79 | 1.68% | N/A |
JSPM | 108 | 2.29% | +0.07% |
Other (please specify) | 181 | 3.84% | +0.39% |
在上述调查中我们可以发现,有接近50%的使用者愿意使用Webpack进行模块打包,逐步蚕食了Browserify与RequireJS的份额。而从整个模块打包的角度来看,使用模块打包工具的前端开发者与去年相比已经有了20%的增长。从我的角度来看,使用某个合适的模块打包工具来处理JavaScript模块依赖问题是成为专业JavaScript开发者不可避免的一个技能。
Q16-JavaScript Transpilers
Answer | Number of Votes | Percentage |
---|---|---|
Yes | 2,942 | 62.40% |
No – I’ve heard of these tools, but haven’t used one | 1,443 | 30.60% |
No – I’ve never heard of a JavaScript transpiler | 330 | 7.00% |
超过60%的开发者表示他们正在使用某个JavaScript Transpiler,从一个侧面表现出越来越多的开发者会倾向于使用ES6乃至更先进的语言特性。
Q17-JavaScript Linting
JavaScript Linting也日渐成为开发工作流中不可或缺的一部分,这个问题就是调查前端开发者对于JavaScript Linting工具的使用情况:
Tool | Number of Votes | Percentage |
---|---|---|
I don’t use a JavaScript linter | 1,076 | 22.82% |
JSLint | 894 | 18.96% |
JSHint | 657 | 13.93% |
ESLint | 1,927 | 40.87% |
xo | 24 | 0.51% |
Other (please specify) | 137 | 2.91% |
接近80%的开发者表示他们会选择使用某个Linting工具,而与之前关于CSS Linting的调查,我们发现有超过29.84%的开发者更愿意使用JavaScript Linting工具。而在所有的Linting 工具中,ESLint算是最受欢迎。笔者自己也是使用ESLint作为主要的Linting工具,也非常推荐在项目中使用某个Linting工具,这对于提升你的代码质量与样式风格一致性有很大的意义。
Q18-JavaScript Testing
下个题目我们关注于JavaScript 测试工具的使用情况,结果如下:
Tool | Number of Votes | Percentage | % Diff (to 2015) |
---|---|---|---|
I don’t use a tool to test my JS | 2,241 | 47.53% | -12.13% |
Jasmine | 802 | 17.01% | +0.64 |
Mocha | 1,061 | 22.50% | +7.46% |
Tape | 69 | 1.46% | -0.02% |
Ava | 84 | 1.78% | N/A |
QUnit | 199 | 4.22% | +0.37% |
Jest | 164 | 3.48% | +2.69% |
Other (please specify) | 95 | 2.01% | +0.33% |
JavaScript工程化程度在逐年增加啊,愿意使用某个JavaScript测试工具的开发者也逐年增多。
Q19-其他前端工具
最后一个问题着眼于截止到目前问卷中尚未提及的一系列工具的使用情况及其使用体验,本题的原问题为请指出你对于下述前端工具的使用体验。
Never Heard of | Heard of/Read About | Used a little | Feel Comfortable Using | |
---|---|---|---|---|
Bower | 2.52% (119) | 21.34% (1,006) | 33.96% (1,601) | 42.18% (1,989) |
NPM | 1.76% (83) | 4.01% (189) | 14.15% (667) | 80.08% (3,776) |
Yarn | 21.40% (1,009) | 50.56% (2,384) | 14.32% (675) | 13.72% (647) |
Babel | 7.15% (337) | 29.20% (1,377) | 24.16% (1,139) | 39.49% (1,862) |
Yeoman | 11.56% (545) | 41.53% (1,958) | 33.47% (1,578) | 13.45% (634) |
TypeScript | 6.68% (315) | 60.87% (2,870) | 19.53% (921) | 12.92% (609) |
上述的工具中最为著名的当属NPM,差不多80.08%的开发者表示用起来还是很爽的,而Bower与Babel则不相上下。另外需要注意的是,虽然Yarn推出不过数月,已经有超过78%的开发者表示已经尝鲜过了。而对于Yeoman, TypeScript 以及 Yarn 这几个工具的使用满意度尚不是很高,大概都在12%~14%左右。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- CoppeliaSim学习笔记之差速小车的控制与传感器的驱动
文章目录1. 控制篇2. 传感器篇2.1 里程计仿真2.2 TF 发布2.3 激光雷达仿真2.4 IMU 仿真上一章节 CoppeliaSim学习笔记之仿真环境与小车模型的搭建 我们将环境和小车都已经搭建完成,并且通过软件界面设置左右轮关节(电机)转速实现了小车的原地…...
2024/4/21 12:30:43 - 秒建一个后台管理系统?用这5个开源免费的Java项目就够了
大家好,我是 Guide 哥,一个三观比主角还正的技术人。今天推荐几个 Java 项目快速开发脚手架,解放双手 ✋ 从现在开始。以下推荐项目都是码云上的优质项目,并且都是项目快速开发脚手架,代码质量什么的无法保证能有多好&…...
2024/5/3 7:14:46 - 双眼皮内眼角不按线走的原因
...
2024/4/21 12:30:41 - 双眼皮淤血肿胀吗
...
2024/4/28 16:48:05 - [转]Angular 2 / 4 / 5 not working in IE11
本文转自:https://stackoverflow.com/questions/35140718/angular-2-4-5-not-working-in-ie11/47777695#47777695 The latest version of angular is only setup for evergreen browsers by default... The current setup is for so-called "evergreen" b…...
2024/4/21 12:30:39 - 双眼皮加去眼袋开眼角多少钱
...
2024/4/21 12:30:40 - 双眼皮恢复期来姨妈会肿
...
2024/4/21 12:30:37 - 双眼皮做完今天化妆
...
2024/4/21 12:30:36 - 割双眼皮恢复期内 眼睛又肿了
...
2024/4/26 7:02:14 - 郑州做双眼皮精湛f9华领
...
2024/4/21 12:30:34 - split把字符串分割成字符串数组(请求数据一个里面包括多条)
案例 刚开始请求未处理长成这样 https://www.sndn.cloud/attachment/sy_pests_img/rich/img/17462-1.jpg,https://www.sndn.cloud/attachment/sy_pests_img/rich/img/17462-2.jpg,https://www.sndn.cloud/attachment/sy_pests_img/rich/img/17462-3.jpg,用split切割࿰…...
2024/4/21 12:30:33 - FrontEnd——数组、字符串、JSON之间的转换和操作
文章目录简介方案1 插件或者说第三方库1.1 flatted1.2 circular-json(不推荐)1.3 qs参数序列化2 原生的方法2.1 JSON.stringfy()2.2 JSON.parse3 相关操作3.1 delete和splice区别3.2 对象数组中,删除指定的元素3.3 删除数组中所有指定值3.4 js执行js字符串函数的方法…...
2024/5/2 11:16:00 - 数组里根据某字段含有某关键字符串进行排序
例如:一个对象数组arr :对姓名字段值(name)含有“小明”字符串进行排序; function bubbleSort(){ var newArr []; angular.forEach(arr,function(item){ if(item.name.indexOf(小明)>-1){ newArr.unshift(item); }…...
2024/4/26 9:29:23 - sessionStorage存储数据(对象、数组、字符串)
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 sessionStorage 方法 sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后,…...
2024/4/20 16:25:20 - angular 字符串转换成数字_Day49:将字符串转换成整数
剑指Offer_编程题——将字符串转换成整数题目描述:将一个字符串转换成一个整数,要求不能使用字符串转换整数的库函数。 数值为0或者字符串不是一个合法的数值则返回0输入描述:输入一个字符串,包括数字字母符号,可以为空输出描述:如果是合法的数值表达则返…...
2024/5/3 23:57:46 - 郑州双眼皮精湛f9华领
...
2024/4/20 16:25:17 - 双眼皮修复专家精湛f9刘风卓
...
2024/4/21 12:30:31 - 翘睫术双眼皮多久恢复
...
2024/4/21 12:30:30 - Angular 2 + 折腾记 :(7) 初步了解表单:模板驱动及数据驱动及脱坑要点
前言 表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式。首先需要操作表单的模块引入这两个模块;import { FormsModule, ReactiveFormsModule } from angular/forms; 表单控件响应的几种状态 模板驱动表单依赖FormsModule,数据驱动的表单…...
2024/4/21 12:30:29 - angular多数据源切换
1.引入dc-pojo包 com.sctech dc-pojo 0.0.12-frame 2.确保数据库驱动在pom.xml引入 3.application.yml进行多数据源的配置 首先,进行默认数据源的配置,如不人工切换,默认使用该数据库 4.指定其他数据源的配置 5.数据源切换 在需要切换数据源的方法前面使用TargetDataSource(n…...
2024/4/21 12:30:28
最新文章
- MLP手写数字识别(3)-使用tf.data.Dataset模块制作模型输入(tensorflow)
1、tensorflow版本查看 import tensorflow as tfprint(Tensorflow Version:{}.format(tf.__version__)) print(tf.config.list_physical_devices())2、MNIST数据集下载与预处理 (train_images,train_labels),(test_images,test_labels) tf.keras.datasets.mnist.load_data()…...
2024/5/5 5:33:46 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - STL--vector有哪些应用场景
vector 在 C 中是一种非常灵活和强大的容器,适用于多种不同的应用场景。以下是一些常见的应用场景: 1 动态数据集合:当你不确定数据集的大小,或者数据集的大小会随时间变化时,vector 是理想的选择。例如,在…...
2024/5/3 5:48:45 - 备战蓝桥杯Day37 - 真题 - 特殊日期
一、题目描述 思路: 1、统计2000年到2000000年的日期,肯定是需要遍历 2、闰年的2月是29天,非闰年的2月是28天。我们需要判断这一年是否是闰年。 1、3、5、7、8、10、12月是31天,4、6、9、11月是30天。 3、年份yy是月份mm的倍数…...
2024/5/4 13:34:29 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/4 23:54:56 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/4 23:54:56 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/4 23:55:17 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/4 18:20:48 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/4 23:55:06 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/4 2:59:34 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/4 23:55:01 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57