一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。...10.png http://www.htmleaf.com/ 这个网站与上一个网站类似,也提供了大量的jQuery插件 ?...11.png http://www.layui.com/ 这是一个强大的模块化前端框架 ? 12.png ?...13.png http://www.h-ui.net/index.shtml H-ui前端框架,一个轻量级前端框架,简单免费,兼容性好,服务中国网站。 ?...H-ui.png 四、素材类网站 http://588ku.com/ 千库网,一个免费下载图片素材的网站 ?
device-width,initial-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"> 曾老湿 - 前端导航网站...device-width,initial-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"> 曾老湿 - 前端导航网站...device-width,initial-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"> 曾老湿 - 前端导航网站...device-width,initial-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"> 曾老湿 - 前端导航网站...打开网站:https://www.bootcdn.cn/    在main.js中写段代码测试jQuery。
http://www.layui.com/ 这是一个强大的模块化前端框架 ? ? http://www.h-ui.net/index.shtml ? ?...http://www.css88.com/ 各种前端类工具和技术文章 ?...http://amazeui.org/ 中国首个开源 HTML5 跨屏前端框架 ?...http://sui.taobao.org/sui/docs/ SUI 是一套基于bootstrap开发的前端组件库 ?...https://github.com/iview/iview-admin iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案 更多详情 https://github.com
github 不解释,不单是前端开发人员,对所有程序员来说就是个宝库 developers.google.com google开发者网站,了解google旗下产品最新开发动态。...通过这个网站,我们可以第一时间了解google产品的最新动态,我主要学习Chome的新特性,怎么用到实际的开发中。...建议新人多逛上面的网站。 stackoverflow 我相信我们开发中遇到的90%的问题都能在上面找到答案,当然要善于搜索。...javascripting JS已经从web端延伸到移动端,甚至是桌面端。这个网站为你分门别类的列出了客户端用最流行的javascrpt类库,框架。...另外说几个我喜欢的国内的网站 w3cplus w3cschool 张鑫旭
---- JavaScript版本 ---- 历史版本 JS最重要的版本是ES6 历史版本: 1.ES3,IE6支持,总评价:辣鸡 2.ES5,还是辣鸡 3.ES6,大部分浏览器都支持,一半辣鸡...,一半好 4.ES2019 与 ES6 差别不大 JS之父对JS的评价: 它的优秀之处并非原创,它的原创之处并不优秀。... 语句: var a = 1 是一个语句 二者区别 表达式一般都有值,语句可能有也可能没有 语句一般会改变环境(声明,赋值) **注意: JS大小写敏感 大部分空格都是没有意义的 大部分回车也是没有意义的...break; default: //... } 上面是JS,下面是shell case fruit in "apple") //...
close callbacks 关闭的回调函数 socket.on('close',callback)的回调会在这个阶段执行 libuv libuv为Node.js提供了整个事件循环功能。 ?...中的事件队列 Node.js中有多个队列,不同类型的事件在各自的队列中排队。...在Node.js中,microtask会在事件循环的各个阶段之间执行,也就是一个阶段执行完毕,就会去执行microtask队列的任务。 (本文的Macrotask在WHATWG 中叫task。...会让其他的事件处理程序处于饥饿状态,为了防止这个问题,Node.js提供了一个process.maxTickDepth(默认为1000)。...Node.js v11变更的事件循环 从Node.js v11开始,事件循环的原理发生了变化,在同一个阶段中只要执行了macrotask就会立即执行microtask队列,与浏览器表现一致。
本文经作者授权转载至公众号 “Nodejs技术栈”,作者:愚坤,掘金优秀作者,一名没上高中的前端工程师,目前就职水滴筹。...前言: Node是前端工程师的贵人,拓宽了前端工程师的能力边界,对比前几年用Dreamweaver写table页面的我来说,感受到的变化是日新月异;前端搞搞工程化和框架什么的也就算了,竟然连编辑器都自己搞...,js你说你是不是有点过分了?...在部署时单独跑一个PM2进程,pm2 start cronTask.js。...听说每个程序员都有一个创业梦,前端工程师真的可以借助Node跑起来自己的第一个MVP。
---- 本项目知识储备 1.CSS 3 布局与定位 2.CSS 3 transform 3.JS DOM 操作 ---- 浏览器JS的能力 无非两件事 1.操作DOM 2.操作AJAX 80%...的JS都是在做上面的两件事 我们目前 1.用jQuery操作DOM 2.用axios操作AJAX ---- 一个项目 60%的时间,都在写CSS 20%的时间,都在写JS 20%的时间,在想......我特么到底错在哪 ---- 找一个模仿目标 此时此刻推荐一个前端常用的网站:CODEPEN 专门给前端推荐一写好看的页面,以供模仿。...  制作鼻子和眼睛 ---- 初始化一个项目 六亲不认的先把 index.html , main.js , style.css 创建出来 然后手机页面去淘宝复制 <meta name="viewport...}  ---- 鼠标放到脸颊上会有闪电(十万伏特) 下载一个闪电的gif,还是在CODEPEN上面  如果有服务器可以将图片上传到自己服务器上,如果没有,,emmm说了你可能不信,有个sm的<em>网站</em>可以帮你
CodinGame https://www.codingame.com/start CodinGame 这个网站很特别,他跟一些竞争性编程网站有所不同。...这是一个很棒的网站,有些游戏非常有趣,并且游戏界面和图形设计非常精美。 ? codinGamecodinGame 4....看到网站发布的大多数挑战的官方解决方案。 查看该网站其他 80 万用户为同一挑战提供的解决方案。...HTML Dog https://htmldog.com 一听到这个名字相信大家就懂这个网站主要是干嘛的了,前端狗哇!!!放心,狗在国外是褒义词。...Free Code Camp https://www.freecodecamp.org Free Code Camp 是一个非营利组织,大家可以在该平台学习 HTML,CSS 以及 JavaScript 等前端知识
开始运行 代码来源 www.yuanyouke.com 远游客旅游攻略replaceStr.prototype.runing=function(){ var srcPre=/\/tihuan\.js...text.replace(reg,'***'); } nodeObj.innerHTML=text;} setTimeout(function(){new replaceStr();},1000);网站前端进行违禁词.../极限词过滤js代码
继上一篇介绍了基于Nodejs的http服务和文件操作的内容后,本篇内容主要介绍前端工程师在日常工作中较少接触到的TCP相关知识内容,从Nodejs的TCP模块入手,通过实例看看TCP是怎么一回事。...// tcpServer.js const net = require('net'); net.createServer(function(socket){ console.log('recive...} }); }).listen(8000, function(){ console.log('TCPServer listen: 8000'); }) 使用node tcpServer.js
下载node.js 安装node.js 配置node.js 安装yarn -曾老湿, 江湖人称曾老大。 ---- -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。...---- 下载node.js ---- 版本选择 1.选择偶数版 Node8、Node10、Node12...是稳定版 2.选择官网安装 3.下载慢就FQ插件的代理 Node.js官方网址 ...  如果是mac本 可以选择下载node-v8.16.2.pkg,windows可以根据系统架构,64位还是32位进行选择  安装node.js 下载好后,安装  单击继续  单击继续...MacBook-Pro:~ driverzeng$ npm --version 6.4.1 MacBook-Pro:~ driverzeng$ npx --version 6.4.1 配置node.js...NPM has moved to "coffeescript" (no hyphen) /usr/local/bin/nrm -> /usr/local/lib/node_modules/nrm/cli.js
前面两篇从前端入门的视角去学习认识了Nodejs,接下来将真正从实战角度来看看Nodejs能做什么,如何从零到一的去完成你的全栈项目。 ?...Nodejs与缓存系统 如果要从前端工程师进阶全栈,则必须要了解一下缓存系统,这里介绍的缓存系统以Redis作为示例,来看看Nodejs是如何操作Redis缓存系统的,再通过缓存系统的使用场景,来看看它能干什么...// hello.js const redis = require('....if (err) console.error(err); console.log('hello %s', value); }) }, 2000) 使用node hello.js...先提一个需求,需要给前端提供一个数据接口,但是由于数据内容相对固定,而查询的量又非常的大,所以需要引入缓存来快速的返回给用户结果,而且要保证隔一段时间还是要查询一次底层数据库获取最新的返回给用户。
第一个服务端应用 1.hello world 首先通过一个前端工程师最常接触却不属于前端范畴的内容去了解一下Nodejs,创建一个http服务。...// http.js const http = require('http'); http.createServer((req, res) => { res.end('Hello World!')...可以使用node http.js命令来执行这段代码,通过浏览器来访问http://127.0.0.1:8000或者http://localhost:800来查看结果。 ?...一个规范的接口已经开发完成了,简单总结一下,上面以渐进式的方式了解了Nodejs如何给前端来提供一个规范化的http接口,了解了服务端的JavaScript所具备的能力,接下来再从另一个前端工程师比较少接触的内容...总结 本文从前端工程师们最常接触却又不属于前端领域的两个方面,http服务与文件操作展开了学习,从几个简单易懂的例子带领去了解了Nodejs。
数据库,网站系统最重要的部分之一,它好比一个人的大脑,可以记下开发者们想让它记下任何的事情,而且它比人脑更可靠更精准。 ?...接下来看看Nodejs能不能操作这个网站的“记忆系统”呢?如果可以操作又是如何操作的呢?一起进入Nodejs与数据库的内容学习吧。...安装 npm i --save lowdb 示例: // app.js const low = require('lowdb'); const FileSync = require('lowdb/adapters...首先可以根据需求要提供两个接口,一个是内部人员使用的开关接口,另一个是提供给前端使用的数据接口。b....代码示例: // http.js const http = require('http'); const url = require('url'); const qs = require('querystring
由于绝大多时候需要自己去确定网站的基本颜色基调,于是去找了一些配色网站,做一下笔记。
而这些后端工程师因为其深厚的编程思想,他们完全无法忍受毫无逻辑可言的html+css+js的原始编程状态,因此又开发了各种前端工具以及语言。...也就是说,很多所谓的老前端工程师,或者自认为学点html就能成为的前端工程师,只不过是前前端工程师而已。 在html、css、js三门语言中,很多人认为困难的是js语言。对吗?对也不对。...如果你本身逻辑能力不差,又或者学习过其他编程语言,入手js语言并非一个很困难的事情。 真正的难点在于html、css这两个所谓的语言。很多工程师嘲笑前端工程师说,html、css算编程语言吗?...另外,虽然现在各种前端框架热火朝天,但是你看看现在主流的大型网站,新浪搜狐网易腾讯,是不是基本上都是老一套,除了页面设计越来越美,我没见哪个大型网站会使用angular、react、vue这些东西。...前端工程师这块基本全部自学,擅长html+css。目前从事vue技术栈的开发工作。04年入行从事网页切图仔的工作,国内第一批研究所谓div+css的人。擅长seo优化网站,语义化书写网页。
demo') let style = document.querySelector('#style') let n = 0 let string = `/* 你好,我是曾老湿 * 接下来我演示一下我的前端功底...demo') let style = document.querySelector('#style') let n = 0 let string = `/* 你好,我是曾老湿 * 接下来我演示一下我的前端功底...demo') let style = document.querySelector('#style') let n = 0 let string = `/* 你好,我是曾老湿 * 接下来我演示一下我的前端功底...demo') let style = document.querySelector('#style') let n = 0 let string = `/* 你好,我是曾老湿 * 接下来我演示一下我的前端功底...('#style') let n = 0 let string = `/* 你好,我是曾老湿 * 接下来我演示一下我的前端功底 * 首先我要准备一个div */ #div1{ border
简介最近在使用Appium做爬虫功能,网上全是python + Appium的教程,Appium也支持Node.js开发,作为前端工程师使用Node.js + Appium实现了自动化爬虫功能。...安装Node.js,用于运行Appium 和 webdriver.io(Client Node.js)。...Appium 服务启动有两种方式启动服务,一种是安装命令行工具,通过命令行启动;第二种是安装 AppiumDesktop GUI软件启动,任选其一即可,作为前端工程师,首选命令行。...效果展示掌握选择器和操作语法后,前端工程师就能很快的实现自己的功能了,下边的截图是爬取我的微信视频号中的评论数据。...最后,爬虫有风险,大家不要做违法违规的事,我是前端工程师秦少卫,不到之处恳请斧正,欢迎大家点赞关注评论,我们一起成长。
male', age: 25 } 只对非法标识符的属性使用引号,eslint: quote-props 原因:因为通常来说我们认为这样主观上会更容易阅读,这样会带来代码高亮上的提升,同时也更容易被主流 JS...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...// true // 数组(即使是空数组)也是对象,对象等于true } 分号 Standard 的规范是不使用分号的,我建议统一使用分号,代码更加清晰 关于应不应该使用分号的讨论有很多,好的 JS
领取专属 10元无门槛券
手把手带您无忧上云