js | 易学教程

运行node.js报错：Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' } js-bson

阅读更多关于运行node.js报错：Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' } js-bson

具体报错内容： { [Error: Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' } js-bson: Failed to load c++ bson extension, using pure JS version 第一步：找到 module mongodb ..node_modules\mongodb\node_modules\bson\ext\index.js 并改变bson引用的路径 bson = require('../build/Release/bson'); 改 bson = require('../browser_build/bson'); 或 bson = require('bson'); 第二步：把mongoose 版本改成3.8.23 运行： npm install mongoose@3.8.23 或者在package.json文件里修改成 "mongoose ": "~3.8.23" 　　来源： https://www.cnblogs.com/StarFine/p/5261212.html

gulp教程之gulp-uglify

阅读更多关于 gulp教程之gulp-uglify

简介：使用gulp-uglify压缩javascript文件，减小文件大小。 1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程 1.2、本示例目录结构如下： 2、本地安装gulp-uglify 2.1、github： https://github.com/terinjokes/gulp-uglify 2.2、安装：命令提示符执行 cnpm install gulp-uglify --save-dev 2.3、注意：没有安装 cnpm 请使用 npm install gulp-uglify --save-dev 。什么是cnpm，如何安装？ 2.4、说明： --save-dev 保存配置信息至 package.json 的 devDependencies 节点。为什么要保存至package.json？ 3、配置gulpfile.js 3.1、基本使用 JavaScript 1 2 3 4 5 6 7 8 var gulp = require ( 'gulp' ) , uglify = require ( 'gulp-uglify' ) ; gulp . task ( 'jsmin' , function ( ) { gulp . src (

前端构建工具gulp入门教程

阅读更多关于前端构建工具gulp入门教程

新建Gulpfile文件，运行gulp 安装好gulp后我们需要告诉它要为我们执行哪些任务，首先，我们自己需要弄清楚项目需要哪些任务。检查Javascript 编译Sass（或Less之类的）文件合并Javascript 压缩并重命名合并后的Javascript 安装依赖 npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev 新建gulpfile文件现在，组件都安装完毕，我们需要新建gulpfile文件以指定gulp需要为我们完成什么任务。 gulp只有五个方法： task ， run ， watch ， src ，和 dest ，在项目根目录新建一个js文件并命名为 gulpfile.js ，把下面的代码粘贴进去： // 引入 gulp var gulp = require('gulp'); // 引入组件 var jshint = require('gulp-jshint'); var sass = require('gulp-sass'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); var rename = require('gulp-rename');

JS--我发现，原来你是这样的JS（一）（初识，历史）

阅读更多关于 JS--我发现，原来你是这样的JS（一）（初识，历史）

一、前言：前段时间看红宝书（JavaScript高级程序设计），但没有计划的去看，也没有做详细的笔记，读了之后有点空虚，感觉不对劲啊，学的东西很难记住，印象不深啊，有种挫败感。作前端的js都学不好怎么做前端。后端都学js了，你说死不死。因此吾阅之，再阅之，并决心记之以博客，以增强印象，作得读书笔记，以便日后翻看及供大家参阅与讨论。温馨提示：本系列笔记言辞会有主观色彩，知识重点记录。二、JavaScript历史起源：话说在上世纪末1995年，Netscape公司推出Navigator浏览器。人家公司有追求，不单单能实现静态HTML，人家还想要有动态效果，还想着能去处理表单的验证，不要老是等到后台那边才知道表单输入合不合法，特别在那个年代，一次一等就上分钟，现在我们等上个十秒都想关掉它是不是，嘴边还吐槽着什么破网站。动手：有目标就去做，Netscape公司大牛多，Brendan Eich 用10天（网上说10天）就把JavaScript搞了出来，刚出来时叫LiveScript，为了蹭蹭当红明星Java热度，就改成JavaScript了，所以事实上他们两没啥关系。竞争：看到Netscape公司有了js，微软感觉不行啊，我的IE要被干掉啊，同时也感到js的前途无量，于是弄了个名为JScript的JavaScript的实现。标准：

Js-w3school（2020.2.1）【js使用、js输出、js语法、js变量、js运算符】

阅读更多关于 Js-w3school（2020.2.1）【js使用、js输出、js语法、js变量、js运算符】

一、js使用 getElementById() 是多个 JavaScript HTML 方法之一，用来通过id获取节点。在 HTML 中，JavaScript 代码必须位于 > <script> 与 </script> 标签之间。 3. JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。 4. 您能够在 HTML 文档中放置任意数量的脚本。脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。（把脚本置于元素的底部，可改善显示速度，因为脚本编译会拖慢显示。） 5. 外部文件调用js： > <script src="myScript.js"></script> （您可以在 <head> 或 <body> 中放置外部脚本引用。该脚本的表现与它被置于 <script> 标签中是一样的。） 6.外部js的优势： ·分离了 HTML 和代码 ·使 HTML 和 JavaScript 更易于阅读和维护 ·已缓存的 JavaScript 文件可加速页面加载 7. JavaScript 语句由以下构成：值、运算符、表达式、关键词和注释。 8. 分号分隔 JavaScript 语句。 9. JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。 10. JavaScript 代码块：JavaScript

前端面试

阅读更多关于前端面试

知识点汇总 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式 xhtml和html的区别使用data-的好处 meta标签 canvas HTML废弃的标签 IE6 bug，和一些定位写法 css js放置位置和原因什么是渐进式渲染 html模板语言 meta viewport原理- 2.CSS 盒模型，box-sizing CSS3新特性，伪类，伪元素，锚伪类 CSS实现隐藏页面的方式如何实现水平居中和垂直居中。说说position，display 请解释*{box-sizing:border-box;}的作用，并说明使用它的好处浮动元素引起的问题和解决办法？绝对定位和相对定位，元素浮动后的display值 link和@import引入css的区别解释一下css3的flexbox，以及适用场景 inline和inline-block的区别哪些是块级元素那些是行级元素，各有什么特点 grid布局 table布局的作用实现两栏布局有哪些方法？ css dpi 你知道attribute和property的区别么 css布局问题？css实现三列布局怎么做？如果中间是自适应又怎么做？流式布局如何实现，响应式布局如何实现移动端布局方案实现三栏布局（圣杯布局，双飞翼布局，flex布局）清除浮动的原理 overflow:hidden有什么缺点？

JS中的单引号和双引号

阅读更多关于 JS中的单引号和双引号

JS里面的单引号和双引号可以同时使用，但是要遵循一定的准则。最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个单引号才算结束，不管是单引号还是双引号，里面都可以套相反的引号,但是不可以双引号里面套单引号，这个单引号再套双引号，这是不行的。如果在引号里面使用相同的引号，需要用 \ 转义。单引号转义为\' 单引号转义为\" 单引号和双引号之间的字符串可以相加 'af'+"bvvv"+'dd' 输出 "afbvvvdd" 还有一种情况，,这里的单引号也是字符串的一部分 "<div class='con"+"tent'></div>" 输出 "<div class='content'></div>" 从代码编译的角度说的话，单引号在JS中被浏览器（IE，Chrome，Safari）编译的速度更快（在FireFox中双引号更快）。来看一些案例首先，单引号和双引号在各自单独用时是木有什么区别的，都可以，比如： var a="你好";//双引号,变量a的内容是字符串你好 var b='你好';//单引号,变量b的内容是字符串你好 console.info(a===b);//输出true，它们本质都是一样的字符串其次，单引号和双引号混合使用时，这时候要特别注意了

js字符串函数

阅读更多关于 js字符串函数

JS自带函数 concat 将两个或多个字符的文本组合起来，返回一个新的字符串。 var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c = "hello,world" indexOf 返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。 var index1 = a.indexOf("l"); //index1 = 2 var index2 = a.indexOf("l",3); //index2 = 3 charAt 返回指定位置的字符。 var get_char = a.charAt(0); //get_char = "h" lastIndexOf 返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1 。 var index1 = lastIndexOf('l'); //index1 = 3 var index2 = lastIndexOf('l',2) //index2 = 2 match 检查一个字符串匹配一个正则表达式内容，如果么有匹配返回 null。 var re = new RegExp(/^\w+$/); var is_alpha1 = a.match(re); //is_alpha1 = "hello" var is

JS中的bind、call、apply方法

阅读更多关于 JS中的bind、call、apply方法

bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 call 和 apply 是为了动态改变 this 而出现的，当一个 object 没有某个方法（banana没有say方法），但是其他的有（apple有say方法），我们可以借助call或apply用其它对象的方法来操作。 function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("My color is " + this.color); } } var apple = new fruits; apple.say(); //My color is red banana = { color: "yellow" } apple.say.call(banana); //My color is yellow apple.say.apply(banana); //My color is yellow apply、call作用完全一样，只是接受参数的方式不太一样 var func = function(arg1, arg2) {} func.call(this, arg1, arg2); func.apply(this. [arg1, arg2]); bind()最简单的用法是创建一个函数

js 批量覆盖元素的原样式

阅读更多关于 js 批量覆盖元素的原样式

div.style.cssText = “color:white; background-color:green;”; <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 测试 </ title > </ head > < style > .test-1 { background-color : red ; color : green ; padding : 50px ; } </ style > < body > < div class = " test-1 " > 啦啦啦啦啦啦啦啦啦 </ div > < script > const div = document . querySelector ( '.test-1' ) ; div . style . cssText = ` color:white; background-color:green; padding:100px; box-shadow:0 0 80px #333; ` ; </ script > </ body > </ html > 来源： CSDN 作者：全易链接： https://blog.csdn.net/qq_42618566/article/details/104136782

订阅 js