js | 易学教程

前端各种日期js操作

阅读更多关于前端各种日期js操作

直接上代码 // 格式化当前时间 /*** * @return {string} timeText 返回系统时间字符串 */ function getdataTimeSec ( ) { let time = new Date ( ) ; let weekDay ; let year = time . getFullYear ( ) ; let month = time . getMonth ( ) + 1 ; let day = time . getDate ( ) ; //获取时分秒 let h = time . getHours ( ) ; let m = time . getMinutes ( ) ; let s = time . getSeconds ( ) ; //检查是否小于10 h = h . toString ( ) . padStart ( 2 , '0' ) ; m = m . toString ( ) . padStart ( 2 , '0' ) ; s = s . toString ( ) . padStart ( 2 , '0' ) ; let now_day = time . getDay ( ) ; switch ( now_day ) { case 0 : { weekDay = "星期日" } break ; case 1 : { weekDay

JS Math算数

阅读更多关于 JS Math算数

Math.ceil() ceil() 方法可对一个数进行上舍入。 ceil英译天花板参数必须是一个数值。返回值大于等于 x，并且与它最接近的整数。 Math.floor() floor() 方法可对一个数进行下舍入。英译地面参数可以是任意数值或表达式。返回值小于等于 x，且与 x 最接近的整数。 Math.round() round() 方法可把一个数字舍入为最接近的整数参数必须是一个数值。返回值与 x 最接近的整数。来源： https://www.cnblogs.com/lenther2002/p/4704670.html

js

阅读更多关于 js

1+“2”=12 ====》string +“2”====》number “A”>"aA" =====》true NaN与任何数字不等，甚至不等于自己。 underfined==underfined ====》true 表达式1？表达式2：表达式3；====》三元表达式优先级 1：（）==圆括号 2：a++,a--,b-- 3:! 一元加，减前置递增和递减，typeof 4:* / % 5：二元+或者二元- 6:< > >= <= 7: && || 8: ? : 条件运算符 9：赋值运算符 = += *= %= /= 10：，逗号来源： https://www.cnblogs.com/heixuanyu/p/11106067.html

Js中的=== 运算符

阅读更多关于 Js中的=== 运算符

JScript 的运算符 JScript 具有全范围的运算符,包括算术、逻辑、位、赋值以及其他某些运算符。计算逻辑位运算赋值杂项描述符号描述符号描述符号描述符号描述符号负值 - 逻辑非 ! 按位取反 ~ 赋值 = 删除 delete 递增 ++ 小于 < 按位左移 << 运算赋值 oP = typeof 运算符 typeof 递减 -- 大于 > 按位右移 >> void void 乘法 * 小于等于 <= 无符号右移 >>> instanceof instanceof 除法 / 大于等于 >= 按位与 & new new 取模运算 % 等于 == 按位异或 ^ in in 加法 + 不等于 != 按位或 | 减法 - 逻辑与 && 逻辑或 || 条件（三元运算符） ?: 逗号 , 严格相等 === 非严格相等 !== == （相等）与 === （严格相等）的区别在于恒等运算符在比较前强制转换不同类型的值。例如，恒等对字符串 "1" 与数值 1 的比较结果将为 true。而严格相等不强制转换不同类型的值，因此它认为字符串 "1" 与数值 1 不相同。来源： https://www.cnblogs.com/RuiLei/archive/2006/10/31/545810.html

js 运算符优先级

阅读更多关于 js 运算符优先级

在看jquery源码，仔细看入口函数的时候，有点懵了。看到与或、多重三目，傻傻的分不清，就代码仔细的区分下运算符优先级，以前都是呼呼的飘过。看来任何一个细节都不能忽略，不然效率极低。。 !function(a, b) { "object" == typeof module && "object" == typeof module.exports ? module.exports = a.document ? b(a, !0) : function(a) { if (!a.document) throw new Error("jQuery requires a window with a document"); return b(a) } : b(a) }("undefined" != typeof window ? window : this, function(a, b) { //代码 n = function(a, b) { return new n.fn.init(a,b) }； A = n.fn.init = function(a,b){ //代码}; A.prototypt = n.fn; return n })(); 由于优先级 == 高于 && 、|| 高于 ?: 高于 =，所以里面的函数体相当于 `(` object" == typeof module &&

二、JavaScript语言--JS基础--JavaScript入门篇

阅读更多关于二、JavaScript语言--JS基础--JavaScript入门篇

1、如何插入JS 　　使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在 <script></script> 之间。 <script type="text/javascript"> 表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 2、JS如何引用外部文件　　JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。<script src="script.js"></script> 3、JS在页面中的位置　　我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。　　放在<head>部分：最常用的方式是在页面中head部分放置<script>元素

JavaScript 学习笔记

阅读更多关于 JavaScript 学习笔记

JavaScript的概述什么是javascript: JavaScript是一种直译式脚本语言什么是脚本语言? java源代码 ----> 编译成.class文件 -----> java虚拟机中才能执行脚本语言: 源码 -------- > 解释执行 js由浏览器来解释执行 HTML: 决定了页面的框架 CSS: 用来美化我们的页面 JS: 提供用户的交互的 JS的组成： ECMAScript : 核心部分 ,定义js的语法规范 DOM: document Object Model 文档对象模型 , 主要是用来管理页面的 BOM : Browser Object Model 浏览器对象模型, 前进,后退,页面刷新, 地址栏, 历史记录, 屏幕宽高 JS的语法: 变量弱类型: var i = true 区分大小写语句结束之后的分号 ,可以有,也可以没有写在script标签 S的数据类型: - 基本类型 - string - number - boolean - undefine - null - 引用类型 - 对象, 内置对象 - 类型转换 - js内部自动转换 JS的运算符和语句: - 运算符和java 一样 - "===" 全等号: 值和类型都必须相等 - == 值相等就可以了 - 语句和java 一样 JS的输出 - alert() 直接弹框 -

原生JS使用ajax上传文件（支持单/多文件上传），ajax模拟表单方式上传文件（支持单/多文件上传），ajax和PHP实现模拟表单上传文件（支持单/多文件上传），有图片为例，复制即能用

阅读更多关于原生JS使用ajax上传文件（支持单/多文件上传），ajax模拟表单方式上传文件（支持单/多文件上传），ajax和PHP实现模拟表单上传文件（支持单/多文件上传），有图片为例，复制即能用

原生JS模拟表单提交要用到 formData 先看截图： index.html是入口文件，同级的upload.php是PHP上传接口看代码：提示：这里直接是multiple上传多个文件的，如果是上传单文件的只需限制下上传文件的数量就行了，这里的upload.php是单文件和多文件统一上传接口，都支持 index.html <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > 单/多文件上传demo </ title > < style > * { margin : 0 ; padding : 0 ; } html,body { width : 100% ; height : 100% ; } ul,dl,ol { list-style : none ; padding : 0 ; margin : 0 ; } .out-box { width : 100% ; height

webpack -- loader挖坑

阅读更多关于 webpack -- loader挖坑

这里以css为例 npm install css-loader style-loader sass-loader node-sass postcss-loader autoprefixer --save-dev 安装完成后的配置可以参考另一篇文章配置完成后，我们就可以在index.js里面import引入scss文件配置完成后我们就可以运行 npm run build 接下来就可以在app.bundle.js文件里面搜索我们在scss文件里面写的样式，标明成功了，但是这个css是嵌在js里面的，后面我们需要通过方法把css从js里面分离出来 Tips loader执行是从右往左的，也就是说是从数组的最后一项开始执行，一直执行到第一项一、解析JS 解析JS发现里面有两个参数 { { test:/\.js$/, use:[ "babel-loader" ], exclude: path.join(__dirname + "/node_modules"), // include: path.join(__dirname + "/src") } 来源： https://www.cnblogs.com/zjh-study/p/10845419.html

js小技巧

阅读更多关于 js小技巧

一、移动端多行文本省略无效问题 // 多行文本省略 @mixin ellipsis_duo($n) { display: -webkit-box; -webkit-line-clamp: $n; word-break: break-all; text-overflow: ellipsis; overflow: hidden; /*! autoprefixer: off */ 加上这两句就可以了 -webkit-box-orient: vertical; /* autoprefixer: on */ } 二、js关闭浏览器当前标签页 window.setTimeout(() => { window.open('', '_self').close() this.clearSubmit() }, 500) 三、audio标签在chrome浏览器问题在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说 <audio autopaly></audio> <video autoplay></video> 在桌面版浏览器也将失效。只要具备以下条件就能自动播放：（1）没音频轨道，或者设置了muted属性（2）在视图里面是可见的，要插入到DOM里面并且不是display: none或者visibility: hidden的，没有滑出可视区域

订阅 js