javascript
幽幽靖
Happlyjingjing
展开
-
特效案例收集:鼠标星球小尾巴
**1.鼠标星球小尾巴:https://blog.csdn.net/weixin_44864260/article/details/110401301**原创 2020-12-02 14:48:50 · 390 阅读 · 0 评论 -
JavaScript中的数组方法总结、
JavaScript1.JavaScript中的数组方法总结原创 2020-12-01 14:40:27 · 110 阅读 · 0 评论 -
微信小程序之 js 时间戳/1000 转换 秒,六个小时后,一天后,本周五 选项计算时间
1、js取当前时间的秒级时间戳parseInt(new Date().getTime()/1000);, //或Date.parse(new Date())/1000;2、将当前日期转换为时间戳。(1)、当前时间的时间戳var now = new Date();console.log(now.getTime()) //当前时间的时间戳// 将当前日期转换为时间戳,getTime()方法可返回距1970年1月1日之间的毫秒数。//也可以使用 +now ,该效果等同于now.getTim原创 2020-10-21 17:12:59 · 2544 阅读 · 0 评论 -
程序设计六大原则、单例模式
程序设计六大原则:1. 单一原则: 功能单一, 低耦合;2. 里氏替换原则: 继承父类方法避免功能重复定义, 避免重写修改父类方法, 可以扩展自己的方法;3. 依赖倒置原则: 父类里东西不要写太死, 子类实现具体的;4. 接口隔离原则: B继承A, 同时A里方法具体实现放在B里;5. 迪米特法则: 一个对象应该对其他对象保持最小依赖;6. 开闭原则: 不修改原有的, 自己去做扩展;...原创 2020-03-11 18:34:58 · 423 阅读 · 0 评论 -
js工厂模式、代理模式
工厂模式简单工厂: var factory = function (name, age, sex, national) { this.name = name; this.age = age; this.sex = sex; switch (national) { case "Chinese": this.spe...原创 2020-03-07 19:05:32 · 201 阅读 · 0 评论 -
js适配器模式、作用域
js适配器模式:// 适配器 var googleMap = { show: function () { console.log("开始渲染谷歌地图"); } } var baiduMap = { display: function () { console.log("开始渲染百度地图"); ...原创 2020-03-05 18:57:06 · 108 阅读 · 0 评论 -
js应用笔记 面向对象、this的用法
构造函数:var person = function (name, age) { this.name = name; this.age = age; this.sayHi = function () { console.log("我叫:" + this.name + "我今年:" + this.age); } } var p = new per...原创 2020-03-04 18:59:08 · 114 阅读 · 0 评论 -
转载自微信公众号:轻轻松松实现高难度懒加载、吸顶、触底
转载自微信公众号:轻轻松松实现高难度懒加载、吸顶、触底具体效果还没有实际操作过,所以详情见文档。。转载 2019-11-13 16:12:59 · 334 阅读 · 0 评论 -
jQuery 之 点击元素页面滚动到顶部
html:<div class="engcity"> <ul> <li class="on">ABCDEFG</li> <li>HJKLMNP</li> <li>QSTWXYZ</li> </ul> <div class="citysel"> <di...原创 2019-11-05 16:40:55 · 1027 阅读 · 0 评论 -
jquery javascript 之倒计时 天时分秒
Javascript:之倒计时 天时分秒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-10-23 17:32:41 · 536 阅读 · 0 评论 -
vue 之根据数组中id 获取在数组中的位置,并把当前数据放在数组第一位 ;截取数组第二位至数组最后一位
根据数组中id 获取在数组中的位置,并把当前数据放在数组第一位let arr = res.data.list; //数组;let index = arr.findIndex(item => item.id == this.a_id); //根据 已知id(this.a_id) 获取在数组中的位置(index);let thobj = arr.splice(index, 1); //从数...原创 2019-10-17 16:13:22 · 10150 阅读 · 0 评论 -
highcharts 之折线数据图效果
实现效果:<div id="container" style="width: 100%;height:270px;"></div><script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script> <script> // 图表配置...原创 2019-10-09 17:12:37 · 520 阅读 · 0 评论 -
jquery 之导航鼠标移出隐藏 移入下拉框显示效果
实现 导航鼠标移入出现下拉框 移入下拉框还可以选择标签,移出下拉框再隐藏;<div class="downbox"> <h2>热门城市</h2> <div class="citybox clearfix"> <span> <a href="#" target="_blank">上海</a&g...原创 2019-10-07 16:52:31 · 1675 阅读 · 0 评论 -
Swiper 之 banner轮播图 五图效果
实现效果:原创 2019-09-22 07:00:28 · 2106 阅读 · 2 评论 -
JavaScript之对象、包装类
object,{}原创 2019-08-19 16:51:04 · 107 阅读 · 0 评论 -
JavaScript之原型、原型链、call/apply
原型共有属性提取出来放到 prototype 中:// Person.prototype – 原型// Person.prototype = {} – 祖先 Car.prototype = { height: 1400, lang: 5000, name: 'bm', } function Car() { } var ...原创 2019-08-20 11:50:25 · 129 阅读 · 0 评论 -
JavaScript之事件
<style> * { margin: 0; padding: 0; } div { width: 300px; background: green; height: 200px; } </style> <div></div>var div =...原创 2019-08-20 15:41:46 · 79 阅读 · 0 评论 -
Javascript 复习之递归、预编译 (学习笔记)
递归:n的阶乘?// n! = n * (n-1) ! function mul(n){ if(n == 1){ return 1; } return n * mul(n-1);}注意:1.找规律 2.找出口2.斐波那契数列?// fb() == fb(n-1) + fb(n-2)function fb(n){ if(...原创 2019-08-15 16:51:20 · 130 阅读 · 0 评论 -
JavaScript之继承模式,命名空间,对象枚举
继承模式Father.prototype.lastName = "deng"; function Father() { } function Son() { } function inherit(Target, Origin) { Target.prototype = Origin.prototype; } inher...原创 2019-08-21 11:07:42 · 100 阅读 · 0 评论 -
JavaScript之this
1.函数预编译过程 this -> window;function test(c) { var a = 123; function b() {} } test(1); // AO: arguments: [1], // this: window, // c: 1, // a: undefined, ...原创 2019-08-21 17:23:47 · 105 阅读 · 0 评论 -
JavaScript之arguments,克隆
浅层克隆var obj = { name: 'abc', age: 123, sex: 'female' } var obj1 = {} function clone(origin, target) { var target = target || {}; for (var prop in origin) {...原创 2019-08-21 18:03:21 · 137 阅读 · 0 评论 -
js面试题积累
js相关面试题积累。。 1.写出window.foo 的值:(window.foo || (window.foo = 'bar'));解:(需注意:先读()内的值。。)(window.foo || (window.foo = 'bar'));console.log(window.foo);//输出 : // bar持续更新ing。。。...原创 2019-08-16 17:46:39 · 128 阅读 · 0 评论 -
JavaScript之作用域、立即执行函数与闭包
例1. 内部函数保存到了外部,就会生成闭包先执行 var demo = a(); 得到aaa = 123;并把函数function b() {}抛给demo;再执行demo(); bbb=234;function a() { function b() { var bbb = 234; console.log(aaa); } v...原创 2019-08-16 17:59:21 · 90 阅读 · 0 评论 -
JavaScript之数组基础
slice : var arr = [1, 2, 3, 4, 5, 6]; var newArr = arr.slice(1, 3); // [2,3] var newArr2 = arr.slice(1); //[2,3,4,5,6] var newArr3 = arr.slice(-3); //[4,5,6]join: var arr = [1, 2, 3];...原创 2019-08-22 11:16:54 · 75 阅读 · 0 评论 -
jQuery 之超出四行省略隐藏,点击阅读全文,展开内容。。
帮小学妹解决了一个小问题。。顺便记下来吧。。未超四行的正常显示,超出四行省略隐藏,点击阅读全文,展开内容;点击收起,回到四行省略。代码。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...原创 2019-09-17 11:09:38 · 2747 阅读 · 0 评论 -
jquery.mCustomScrollbar 做pc滚动条效果
PC端 overflow-y:scroll 默认的滚动条有点丑,所以百度找了一个用 jquery.mCustomScrollbar 做pc滚动条效果下载文件地址:代码如下:所需jQuery等文件请自行百度下载。。<!DOCTYPE html><html><head> <title>scroll</title> <...原创 2019-09-17 16:22:05 · 237 阅读 · 0 评论 -
JavaScript之闭包详解
闭包:AO:Activation Object , GO: Global Object例1.function add() { var num = 0; function a() { console.log(++num); } return a; } var myAdd = add(); myAdd();...原创 2019-08-19 16:27:40 · 87 阅读 · 0 评论