JavaScript
关注
分享
扫一扫
梧桐落叶~
前端爱好者，练好自己的武功，修炼自己的内功！ing
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js日期问候语demo
<script type="text/javascript"> greetings() function greetings() { var hour = new Date().getHours() if (hour < 6) { document.write("凌晨好!") } else if (hour < 9) { document.write("早上好!") } else if (hour < 12) {原创 2020-08-09 08:29:28 · 448 阅读 · 0 评论 -
原生js自定义事件（dispatchEvent派发）和jquery自定义事件对比。
html部分<div id="app"></div> js部分<script> //jquery 自定义事件绑定bind或者是on； trigger触发 //注意事件绑定的对象和触发的对象要保持一致 $('#app').bind('hello',function(){ alert(123) }) $('#app').on('click',function(){ $('#app').trigger("h.原创 2020-07-05 21:59:09 · 2297 阅读 · 0 评论 -
input 做省市联动时总是弹出默认的键盘处理方法--document.activeElement.blur()
直接给input绑定事件执行document.activeElement.blur()即可 <input type="text" placeholder="" v-model="" @click="stopdefault"/> methods:{ stopdefault(){ document.activeElement.blur();//屏蔽默认键盘弹出； }, }原创 2020-07-04 18:44:03 · 4310 阅读 · 0 评论 -
简单理解使用call，apply，bind方法
//混入模式 //将对象混入函数中，替代函数原有this的引用 var obj={ name:"zs", age:15, play:function(){ console.log(this) //obj } } function abc(...a){ console.log(this.name) //zs 这里会改变this的指向 指向obj console.log(a) // 接受的参数 ["h...原创 2020-06-27 13:10:14 · 207 阅读 · 0 评论 -
原生js拖拽和jquery.js拖拽
原生js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 50px; height: 50px; background: gold;原创 2020-06-20 21:52:24 · 247 阅读 · 1 评论 -
js两个数之间的随机数，及随机位数。
//两个数之间的随机数 function getrandom(min,max){ //Math.random() 0-1之间的随机小数不包括1 return Math.floor(Math.random()*(max-min)+min) } console.log(getrandom(1,9)) //获取指定位数的随机数 function getRandom(num){ return Math.floor((Math.random()...原创 2020-05-18 20:05:53 · 1389 阅读 · 0 评论 -
js数组求最大值和最小值！
es6扩展运算符 var arr = [1,6,9,3] console.log(Math.max(...arr))//9apply() var arr = [1,6,9,3] console.log(Math.max.apply(null,arr))//9reduce() var arr = [1,6,9,3] var resoult = arr.reduce(function(num1,num2){ return num1>num2?num1:num2 }) c原创 2020-05-08 18:44:35 · 426 阅读 · 0 评论 -
js金额格式化，给金额加千分符，小数点后保留几位数
js金额格式化，给金额加千分符，小数点后保留几位数 //金额格式化，加千分符 function fmoney(s, n) {//s金额 n小数点后几位 n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, ""...原创 2020-03-08 12:30:45 · 617 阅读 · 0 评论 -
js对象转数组，以及js对象常见方法和使用技巧
js对象使用<script> //js对象是一种无序的集合 {}表示 var obj={ name:"张三", age:18 } //取值 console.log(obj.name)//张三 console.log(obj["name"])/...原创 2020-02-25 11:51:37 · 701 阅读 · 0 评论 -
js原型简单理解，prototype，proto
对象对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构。用于将数据和功能组织在一起，它也常被称做为类，但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。万物皆对象，除了数字，字符，布尔值;对象是属性的集合。对象是类的实例化体现，类...原创 2019-11-03 21:33:47 · 166 阅读 · 0 评论 -
git基本指令使用（gitee）
使用git下载git并且安装全局注册用户名git config --global user.name “梧桐非”全局注册邮箱git config --global user.email “xxx@qq.com”使用ssh要生成并且配置密钥密钥配置可参考码云帮助文档第一次使用git要在本地git init 初始化仓库；然后在进行关联远程仓库git remote ...原创 2019-11-03 21:22:17 · 391 阅读 · 0 评论 -
常见js随机生成颜色的几种方式。
rgba function getColor() { var colors = "rgba("; for (var i = 0; i < 3; i++) { colors += Math.floor(Math.random() * 256) + ","; } colors += Math.random().toFixed(1) + ")"; ...原创 2019-05-26 15:52:37 · 1262 阅读 · 0 评论 -
js正则匹配精确去除空格，以及处理后台返回的数据
业务需求返回文本域的的类容可以分段显示，并且每行都可以缩进2个字符去除空格alert('1 2 3 6'.replace(/\s+/g, "")) // \s 可以匹配任何空白字符 换页\f 换行\n 回车\r 制表\talert('1 2 3 7'.replace(/ /g,''))//两个斜杠之间空一格 可以实现精准去除空格类容分段注意"\n "有四个空格 ...原创 2019-05-27 18:08:49 · 1542 阅读 · 0 评论 -
js最简数组去重
es6 set <script type="text/javascript"> let obj = { a: 1, b: 2 }; let obj1 = { ...obj } ; console.log(obj1) // ...扩展运算符 obj1复制obj var arr = [1,2,2,3]; var arr1 = [... new S...原创 2019-06-13 15:07:42 · 153 阅读 · 0 评论 -
js函数求和及其平均值
函数求和 function add() { var sum = 0; for (var i = 0, j = arguments.length; i < j; i++) { sum += arguments[i]; } return sum; } alert(add(2, 3, 4, 5)); // 14函数求平均值 fun...原创 2019-06-13 15:53:31 · 10938 阅读 · 0 评论 -
js常见this指向问题
关于this的总结<script> //全局环境 和 普通函数中this指的是是windows console.log(this) //windows function abc() { console.log(this) //windows } abc() //事件中的this是被侦听的对象 document d...原创 2019-06-22 18:06:19 · 216 阅读 · 0 评论 -
js失焦事件，获焦事件，回车事件
html<input type="text" value="你好啊！世界" id="btn">js<script> //获取元素 var btn = document.getElementById('btn'); //用户失去焦点获取默认值 btn.addEventListener('blur', fun...原创 2019-07-14 00:21:49 · 3451 阅读 · 0 评论 -
最简es6合并对象
<script> param1 = { name: 'zhang san', age: 18, } param2 = { curtut: 1, pagesize: 10 } var params = { ...原创 2019-07-14 00:31:45 · 599 阅读 · 0 评论 -
input 多选框 获取值 全选 反选
input 多选框 获取值 全选 反选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-09-28 23:00:12 · 838 阅读 · 0 评论 -
日期和时间戳的格式化以及时间的向前推迟几天和向后推迟几天--first one
日期格式化<script type="text/javascript"> //日期格式化 Date.prototype.Format = function(fmt) { var o = { "M+": this.getMonth() + 1, "d+": this.getDate(), "h+": this.getHours(), ...原创 2019-05-26 11:59:10 · 915 阅读 · 0 评论