WEB前端开发Nodejs:使用Mongodb存储和提供后端CRD服务 本文会把一个对象todo对象(有属性{id,name})存储到Mongodb,做查询删除的测试(Create Remove Delete = CRD)。这个测试包括使用Mongodb Shell,使用... 2018-08-152,674 viewsCommentsMongoDB Node.js 阅读全文
WEB前端开发ES9新加一些特性有哪些 ES9新加的一些特性。 1. 异步迭代 在async/await的某些时刻,你可能尝试在同步循环中调用异步函数。例如: async function process(array) { for (let... 2018-08-152,340 viewsCommentsjavaScript 阅读全文
WEB前端开发Webpack 4.x搭建react开发环境手记 必要依赖一览(npm install) 安装好。 "dependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel... 2018-08-152,018 viewsCommentsReact.js webpack 阅读全文
WEB前端开发Node.js 中的 Stream流、管理和应用场景 一、流的初印象 流,顾名思义,是流体的。与固体不同,它具有流动性,可轻易分离。 想象这样一个场景,我们要处理一大桶数据。 情况一:待处理的数据被是一整个固体的形式,那么我们要获取它处理它都必须是一次性... 2018-08-152,553 viewsCommentsNode.js 阅读全文
WEB前端开发资深开发者谈Node.js: 前端工程化的重要支柱之一 Node.js 是前端工程化的重要支柱之一。(文章预警:只谈前端,不谈全栈) 前几天画的一个 JavaScript 历史: history of JavaScript 我在 2003 年... 2018-08-112,087 viewsCommentsNode.js 阅读全文
WEB前端开发前端常用正则表单验证:判断用户输入信息 一部分正则判断用户输入信息 为了避免用户胡乱输入就通过验证,很多时候我们都会采用正则表达式来验证一下用户输入的信息是否符合规范。这部分的内容基本上是在网上收集来的,这里跟大家一起分享一下,有需要的可以... 2018-07-054,367 viewsComments 阅读全文
WEB前端开发前端开发:如何判断用户浏览器navigator.userAgent示例 判断用户浏览器 navigator.userAgent 判断用户所使用的浏览器主要用到的api是navigator.userAgent,这是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理... 2018-07-052,215 viewsComments 阅读全文
WEB前端开发前端开发:移动端网页性能优化自查表 一、网络加载 1、DNS预加载 通过dns-prefetch属性可以让浏览器提前解析资源或接口对应的服务器IP地址,避免在请求中发起DNS解析请求,节省请求时间 2、资源预加载 利用preload,p... 2018-07-052,087 viewsComments 阅读全文
WEB前端开发前端开发:将数据转化为弹幕效果的实现方式 实现效果: 实现原理: 实现弹幕的原理,并不算太复杂,耗费一些时间,怼一怼应该都可以做出来。 获取弹幕数据。 将弹幕设置为四个通道,每个通道最多只能出现两条弹幕。 使用setInterval动态设置d... 2018-07-053,481 viewsComments 阅读全文
WEB前端开发JavaScript强制类型转换的学习总结剖析 总结和剖析JavaScript中的强制类型转换,主要参考《你不知道的JavaScript(中卷)》第四章。 文章内容主要分为五个部分,第一部分讲述向基本类型数据转换的4种抽象操作,第二部分讲述显式强制... 2018-07-052,449 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript中关于this绑定机制的解析 为什么要用this: function identify() { console.log("Hello,I'm " + this.name); } let me = { name: "Kyle" };... 2018-07-052,276 viewsCommentsjavaScript 阅读全文
WEB前端开发前端“查看原图”实用js代码:获取内容指定图片地址并赋值给超链接 获取内容指定图片地址,赋值给超链接。多用在前端“查看原图”交互。 代码结构如下 <a id="showpic" style="width: 72px;">查看原图</a> &l... 2018-06-272,818 viewsCommentsjavaScript 阅读全文
WEB前端开发鼠标移入显示二维码 最简JS代码实现 最简单JS代码实现鼠标移入显示二维码。 <script type="text/javascript"> function showImg(){ document.getElementByI... 2018-06-272,605 viewsCommentsjavaScript 阅读全文
WEB前端开发JavaScript9个实用代码小技七 掌握事半功倍 1. 删除数组尾部元素 一个简单方法就是改变数组的length值: const arr = [11, 22, 33, 44, 55, 66]; // truncanting arr.length =... 2018-06-222,531 viewsCommentsjavaScript 阅读全文
WEB前端开发一名优秀甚至卓越的 前端开发工程师要具备什么条件? 一名优秀的、甚至卓越的 前端开发工程师的具备什么条件? 首先,优秀的Web前端开发工程师要在知识体系上既要有广度和深度!做到这两点,其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。... 2018-06-182,595 viewsComments 阅读全文
WEB前端开发javascript节流丶防抖是什么及怎么实现 ttrottle 开发中,函数被频繁的调用,如果这个函数执行了某些dom操作的话,那么浏览器将会非常耗费性能,从而影响用户体验。 比如下面的代码,我们在滚动的过程中,会频繁的调用函数: <!DOCTYPE htm... 2018-06-052,595 viewsCommentsjavaScript 阅读全文
WEB前端开发JavaScript操作DOM常用的API大全总结 1 什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。 文档对象模... 2018-05-302,706 viewsCommentsjavaScript 阅读全文
WEB前端开发现代 JavaScript 与 CSS 滚动实现指南 一些(网站)滚动的效果是如此令人着迷但你却不知该如何实现,本文将为你揭开它们的神秘面纱。我们将基于最新的技术与规范为你介绍最新的 JavaScript 与 CSS 特性,(当你付诸实践时,)将使你的页... 2018-05-302,603 viewsCommentsCSS javaScript 阅读全文
WEB前端开发jQuery-网格手风琴练习demo代码 jQuery实现一个手风琴,图片可以自动循环滚动,宽高和定位同时变化,当鼠标移上时当前图片最大,同一排的图片高度一致,同一列的宽度一致,鼠标离开继续滚动。 思路:结构直接用多个div,图片使用背景图,... 2018-05-242,432 viewsCommentsjQuery 阅读全文
WEB前端开发移动端轮播图滑动插件-swipe基本使用和应用 swipe和swiper都是移动端触摸滑动类的插件,使用方便,比自己写原生或者jQuery要简单很多,今天先总结一下swipe的基本使用和应用,swiper功能更多更酷炫,改天详细的总结一下。 swi... 2018-05-245,285 viewsComments 阅读全文
WEB前端开发javascript中这哥仨this,call和apply如何理解和牢记 this 跟别的语言不太一样,JavaScript的this总是指向一个对象,而具体指向那个对象又是基于函数的执行环境(有人理解为上下文)动态绑定的,不是函数被声明的环境,而是函数被引用的环境。 th... 2018-05-212,357 viewsCommentsjavaScript 阅读全文
WEB前端开发JavaScript中call、apply、bind方法 改变函数中的this指向 JavaScript中,call、apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别: 1. ... 2018-05-212,562 viewsJavaScript中call、apply、bind方法 改变函数中的this指向已关闭评论javaScript 阅读全文
WEB前端开发PC浏览器前端优化策略——网络加载篇 PC端优化的策略很多,如 YSlow(YSlow 是 Yahoo 发布的一款 Firefox 插件,现 Chrome 也可安装,可以对网站的页面性能进行分析,提出对该页面性能优化的建议)原则,或者 C... 2018-05-182,822 viewsComments 阅读全文
WEB前端开发导航栏下拉至一定高度后固定在顶部的jquery特效 JS部分: <script type="text/javascript"> $(function(){ var nav=$("#nav"); //得到导航对象 var win=$(wind... 2018-05-142,484 viewsCommentsjQuery 阅读全文