- 博客(125)
- 收藏
- 关注
RSS订阅原创 数组重构：数组转为新结构的对象
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
378
原创 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
454
原创 刷题巩固的知识点
任务执行顺序：同步任务>异步任务>异步：微任务>异步：宏任务promise是异步微任务seTimeOut是异步宏任务原始数据类型 和 引用数据类型js中原始数据类型有：Number、String、Boolean、Null、Undefined、Symbol (ES6引入的一种数据类型,表示独一无二的值)引用的数据类型有: Object, Array, Function...
2021-09-28 23:24:38
161
原创 数据数组重构用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
494
转载 理解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
583
原创 函数的一些理解
1、常规写法function run (参数) { alert('常规写法');//这里是你函数的内容}// 调用run();2、匿名函数写法（可以想成给变量赋值一个函数）var run = function(){ alert('这是一种声明函数的方式，左边是一个变量，右边是一个函数的表达式');}// 调用 run();3、将方法作为一个对象var Test = { run:function(){ alert('这个必须放...
2021-06-16 20:17:11
159
原创 typeScript笔记（二）数据类型
元组tupple元组是固定长度，固定类型的数组注意：1、使用元组时，person.push()会突破元组的固定长度原则，可以无限制地向元组添加数组元素2、声明元组时，必须声明数据的类型
2021-06-14 23:27:10
215
2
转载 npm的理解
npm是包管理工具，可用于管理项目，npm install xxxx安装项目依赖如 安装 lite-server 轻量服务器，用于本地开发环境
2021-06-14 19:36:35
179
原创 typeScript笔记（一）为什么要使用TS
为什么要使用TS：类型的定义，和编译器的代码校验，可使js代码更加规范，更具可读性，更容易排查错误TS是JS的超集和延伸，TS可使用JS的库和代码TS兼容性强，支持ES678例子：因JS无定义类型为number，所以输出//105使用TS，可定义传入的参数为number，最后输出15特性：...
2021-06-13 17:10:23
1206
原创 构造函数理解 ，给构造函数添加方法
构造函数和普通函数的区别，在于功能：构造函数功能为初始化对象，new就是通过构造函数，创建新对象构造函数：function Person(name, gender, hobby) { this.name = name; this.gender = gender; this.hobby = hobby; this.age = 6;}...
2021-06-07 21:40:14
1041
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
2051
原创 创建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
139
转载 seaJs学习，seaJs是模块加载器，可以按需加载JS，实现模块化开发
https://www.cnblogs.com/luozhihao/p/4818782.html转载
2020-10-11 18:46:34
133
原创 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
213
原创 nodeJS笔记（四）数据交互
get请求url模块的使用url.parse(req.url,true)获取url链接上的参数post请求querystring.parse（result）获得最终的json格式数据
2020-06-16 20:27:45
152
原创 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
189
原创 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
189
原创 node学习笔记（一）安装node
1、node安装官网安装2、执行命令行在项目目录下，打开命令行node XX.JS 打开文件nodeXXXXX 执行node代码
2020-06-11 15:56:35
118
原创 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
144
原创 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
915
原创 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
147
原创 简单验证 姓名，身份证，手机号码
// 验证手机号码 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
1730
原创 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
1083
原创 点击div外部，隐藏该DIV
// 点击 关注按钮 弹出 二维码，点击二维码以外部分，隐藏二维码 $(".focus").on("click", function(e){ $(".ewCode").show(); $(document).one("click", function(){ $(".ewCode").hide(); }); e.stopPropagat...
2020-02-25 17:53:30
240
转载 判断设备是 手机 或是 电脑
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
1058
原创 PC端手机端自适应方案总结
PC端手机端自适应方案一、做成两个站，两个域名方法：后端判断设备切换，跳转链接前端JS判断设备切换，跳转链接缺点：1.两个域名，不利于SEO优化2.两个站，代码量大，布局项目繁杂优点：1.逻辑清晰，代码简洁适用场景：PC端和手机端设计图差别较大时二、做成一个站，一个域名方法：用rem单位加媒体查询的方案，JS判断设备是手机设备时，设置根目录font-...
2019-12-22 15:38:52
1423
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
174
原创 时间戳转日期 日期转时间戳
时间戳转日期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
268
原创 微信H5 input输入时，软键盘顶到页面
方法二：$("input").on(‘blur’,function(){ $(window).scrollTop(0);});
2019-09-29 16:24:23
488
原创 判断网站已经运行了 多少天了
<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
580
原创 手机端适配 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
181
原创 预热页的总结 技术栈JQ （邀请好友，抽奖，swiper事件运用）
邀请好友（逻辑：点击按钮复制活动链接，链接 拼上 用户ID参数），好友登录（逻辑：获取链接上的用户ID参数，好友登录时，该用户ID参数，作为被邀请码invite，发给接口，好友被邀请完成）dialog.js 全局弹窗组件一键复制到剪贴版clipboard.min.js 一键复制插件 ，可兼容移动端IOS<img src="./images/copy.png" alt=...
2019-07-02 16:13:31
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人