- 博客(125)
- 收藏
- 关注
原创 数组重构:数组转为新结构的对象
this.campaignData.scheduleValue=[0:[1,2],1:[2,1],2:[22,31]]const timeSectionMap = {} this.campaignData.scheduleValue.map((res, index) => { timeSectionMap[index + 1] = res})
2022-02-22 16:49:11
397
原创 JS 循环方法总结
数组遍历方法1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。 1 2 3 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE 1 2 3 4 5 6 //1 没...
2021-11-08 16:22:29
532
原创 刷题巩固的知识点
任务执行顺序:同步任务>异步任务>异步:微任务>异步:宏任务promise是异步微任务seTimeOut是异步宏任务原始数据类型 和 引用数据类型js中原始数据类型有:Number、String、Boolean、Null、Undefined、Symbol (ES6引入的一种数据类型,表示独一无二的值)引用的数据类型有: Object, Array, Function...
2021-09-28 23:24:38
173
原创 数据数组重构用map()方法和for方法
map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。rewardResolve(rawData, rawProb) { rawData = rawData ? JSON.parse(rawData) : []; rawProb = rawProb ? JSON.parse(rawProb) : []; const result = rawData.map((bigGift, bigGift
2021-08-30 23:04:09
544
转载 理解webpack中process.env.NODE_ENV,配置区分开发环境和生产环境
https://www.jianshu.com/p/c8f9c61c2f20(转载)V-CLI3的vue.config.js配置https://www.jianshu.com/p/b358a91bdf2d(转载)
2021-06-24 23:05:50
619
原创 函数的一些理解
1、常规写法function run (参数) { alert('常规写法');//这里是你函数的内容}// 调用run();2、匿名函数写法(可以想成给变量赋值一个函数)var run = function(){ alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式');}// 调用 run();3、将方法作为一个对象var Test = { run:function(){ alert('这个必须放...
2021-06-16 20:17:11
197
原创 typeScript笔记(二)数据类型
元组tupple元组是固定长度,固定类型的数组注意:1、使用元组时,person.push()会突破元组的固定长度原则,可以无限制地向元组添加数组元素2、声明元组时,必须声明数据的类型
2021-06-14 23:27:10
313
2
转载 npm的理解
npm是包管理工具,可用于管理项目,npm install xxxx安装项目依赖如 安装 lite-server 轻量服务器,用于本地开发环境
2021-06-14 19:36:35
200
原创 typeScript笔记(一)为什么要使用TS
为什么要使用TS:类型的定义,和编译器的代码校验,可使js代码更加规范,更具可读性,更容易排查错误TS是JS的超集和延伸,TS可使用JS的库和代码TS兼容性强,支持ES678例子:因JS无定义类型为number,所以输出//105使用TS,可定义传入的参数为number,最后输出15特性:...
2021-06-13 17:10:23
1234
原创 构造函数理解 ,给构造函数添加方法
构造函数和普通函数的区别,在于功能:构造函数功能为初始化对象,new就是通过构造函数,创建新对象构造函数:function Person(name, gender, hobby) { this.name = name; this.gender = gender; this.hobby = hobby; this.age = 6;}...
2021-06-07 21:40:14
1094
1
原创 webpack常用配置,dependencies和devDependencies的区别
npm init初始化项目生成package.json和package-lock.json文件{ "name": "mywebpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license".
2020-10-31 16:49:11
2092
原创 创建webpack,vue todo应用实例
初始化Npm项目npm init,生成package.json文件安装项目所需依赖npm install webpack vue vue-loader ,生成了 package-lock.json文件package.json详解以及package-lock.json的作用https://www.cnblogs.com/colder/p/11820212.html转载创建入口文件index.js新建webpack.config.js配置webpack配置...
2020-10-23 18:01:57
175
转载 seaJs学习,seaJs是模块加载器,可以按需加载JS,实现模块化开发
https://www.cnblogs.com/luozhihao/p/4818782.html转载
2020-10-11 18:46:34
165
原创 vue基础零散知识点
生命周期创建前beforecreat、创建后created,挂载前beforemout,挂载后mounted、更新前beforeupdate,更新后update、销毁destroyedcreated为数据加载后mounted为dom加载后详情:https://segmentfault.com/a/1190000011381906子传值给父组件$.emit 详情:https://www.cnblogs.com/ranyonsue/p/11696801.html父传值给子组件p...
2020-06-17 00:16:22
248
原创 nodeJS笔记(四)数据交互
get请求url模块的使用url.parse(req.url,true)获取url链接上的参数post请求querystring.parse(result)获得最终的json格式数据
2020-06-16 20:27:45
165
原创 node学习笔记(三)模块/对象
一、全局模块(对象,相当于js的window。document)process.env 输出环境变量process.argv例:输入命令行 node index.js 1 2 3输出 ['node文件路径','项目路径','1','2','3']打印出数组__dirname 输出 项目路径二、系统模块三、自定义模块...
2020-06-11 17:58:56
197
原创 node学习笔记(二)npm包管理工具
npm init 初始化包管理工具npmpackage.json 包配置(包含已经安装的插件)npm install 安装pakeage.json里面所有的插件npm install xxx 安装xxx插件npm uninstall xxx 删除xxx插件npm install cnpm -g --registry=https://registry.npm.taobao.org 安装cnpm-g为全局安装,--gegistry为安装...
2020-06-11 16:03:12
209
原创 node学习笔记(一)安装node
1、node安装官网安装2、执行命令行在项目目录下,打开命令行node XX.JS 打开文件nodeXXXXX 执行node代码
2020-06-11 15:56:35
125
原创 VUE 笔记
vue 请求接口方法 get。post一、vue-resource库https://www.runoob.com/vue2/vuejs-ajax.html二、axios库(vue2.0使用)https://www.runoob.com/vue2/vuejs-ajax-axios.htmlthen()方法是异步执行就是当.then()前的方法执行完后再执行then()内部的程序这样就避免了,数据没获取到等的问题this.$http.get('api/getNewsList').
2020-05-24 22:55:15
174
原创 jquery.mousewheel.js 滚动切换全屏插件,点击tab切换全屏,jquery.fullpage.min.js手机端滚动全屏
jQuery - 鼠标滚轮插件jquery.mousewheel.js详解(上下、左右滚动监听)1,插件介绍jquery.mousewheel.js 是一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。GitHub主页:https://github.com/jquery/jquery-mousewheel2,使用说明(1)使用该插件,只需将 mousewheel 事件绑定到...
2020-04-12 21:54:21
1002
原创 js 仿安卓弹框
//自定义弹框function toast(msg) { var duration = 2000; duration = isNaN(duration) ? 3000 : duration; var m = document.createElement('div'); m.innerHTML = msg; m.style.cssText = "width...
2020-04-09 16:22:05
176
原创 简单验证 姓名,身份证,手机号码
// 验证手机号码 var mobile = $(".phone input").val(); var testPhone = /^[1][2,3,4,5,7,8][0-9]{9}$/; if (!testPhone.test(mobile)) { toast('请输入11位数字的手机号码') return false; }...
2020-04-09 16:20:47
1831
原创 transform,transition运用,动画效果cSS3,scale适配缩放,rote旋转,移入移出效果,tweenMax.js动画插件运用
鼠标移入,放大.frame4 .uc a:hover{ transform:scale(1.1); z-index: 1; transition: transform .4s;}鼠标移入,旋转一圈.close:hover{ transform:rotate(360deg); transition: transform 1s;}...
2020-03-08 19:08:22
1118
原创 点击div外部,隐藏该DIV
// 点击 关注按钮 弹出 二维码,点击二维码以外部分,隐藏二维码 $(".focus").on("click", function(e){ $(".ewCode").show(); $(document).one("click", function(){ $(".ewCode").hide(); }); e.stopPropagat...
2020-02-25 17:53:30
263
转载 判断设备是 手机 或是 电脑
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // window.location.href = 'http://www.service.49app.com/wap' } else { // window.location.href = 'htt...
2020-02-12 12:15:21
1095
原创 PC端手机端自适应方案总结
PC端手机端自适应方案一、做成两个站,两个域名方法:后端判断设备切换,跳转链接前端JS判断设备切换,跳转链接缺点:1.两个域名,不利于SEO优化2.两个站,代码量大,布局项目繁杂优点:1.逻辑清晰,代码简洁适用场景:PC端和手机端设计图差别较大时二、做成一个站,一个域名方法:用rem单位加媒体查询的方案,JS判断设备是手机设备时,设置根目录font-...
2019-12-22 15:38:52
1514
1
原创 步盒子 webAPP项目总结
使用插件:滚动插件 v-infinite-scroll安装,例子,参数配置链接:https://segmentfault.com/a/1190000011693433场景:滚动到底部,加载数据弹窗插件 Mint-UI 中的 TOAST例子,参数配置链接:https://blog.csdn.net/sxs7970/article/details/88875717...
2019-11-01 16:52:32
185
原创 时间戳转日期 日期转时间戳
时间戳转日期filters: { time: function formatTime4YMDHMS(curTime) { var cur = curTime + ''; if (cur.indexOf('-') > 0) { return cur; } var timestamp4 = new Date(curTime * 1000); r...
2019-10-25 14:17:37
284
原创 微信H5 input输入时,软键盘顶到页面
方法二:$("input").on(‘blur’,function(){ $(window).scrollTop(0);});
2019-09-29 16:24:23
508
原创 判断网站已经运行了 多少天了
<span id="showDays"></span><script>var birthDay = new Date("03/17/2014"); // 这里填写网站第一次运行日期var now = new Date();var duration = now.getTime() - birthDay.getTime(); var total= Ma...
2019-07-09 10:40:22
635
原创 手机端适配 rem单位
//使用rem var clientWidth = document.documentElement.clientWidth; if(clientWidth>=640){ document.documentElement.style.fontSize = '100px'; }else{ document.documentElement.style.fontSize...
2019-07-03 16:08:20
194
原创 预热页的总结 技术栈JQ (邀请好友,抽奖,swiper事件运用)
邀请好友(逻辑:点击按钮复制活动链接,链接 拼上 用户ID参数),好友登录(逻辑:获取链接上的用户ID参数,好友登录时,该用户ID参数,作为被邀请码invite,发给接口,好友被邀请完成)dialog.js 全局弹窗组件一键复制到剪贴版clipboard.min.js 一键复制插件 ,可兼容移动端IOS<img src="./images/copy.png" alt=...
2019-07-02 16:13:31
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人