ProcessOn的官网(less+jquery实现三端)
ProcessOn的官网(less+jquery实现三端) 很基础的一个网站,没有什么特别的技术(懒加载也没有) 手机端,苹果端,PC端都通用,具体可以试试 不过有些小bug,那个图片滚动的,可能有些bug 在线演示地址 https://processon-demo.netlify.app/ 展示PC端 手机端(浏览器测试) 平板端(浏览器测试) 头部渐变效果(“免费扩容”这几个字) 滚动列表效果 底部出现效果 一些改变时候的过渡 下载地址ProcessOn官网前端页面
今日刷题-JavaScript的身份证正则和内置可迭代对象
题目112345以下哪些对象是Javascript内置的可迭代对象？(多选)A: ArrayB: MapC: StringD: Object 答案 A,B,C 解析 12345678JavaScript当中可迭代的对象有ArrayMapSetStringTypedArrayarguments对象(注意:箭头函数是没有arguments和this的,所以只有普通函数才有arguments)NodeList对象(从document.getElementsByTagName之类获取的节点列表) 题目212345678关于身份证号，以下正确的正则表达式为(多选)A: isIDCard=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/B: isIDCard=/^[1-9]\d{7}((9\d)|(1[0-2]))(([0|1|2]\d)|3[9-1])\d{3}$/C: isIDCard=/^[1-9]\d{5}[1-9]\ ...
今日刷题-js的call,apply为null,undefined的情况和日期的注意点
题目11234function a(){ console.log(this);} a.call(null);//输出结果为? 答案 window 解析 call,apply用于改变this的指向,并且可以让任意函数成为某一对象的方法进行调用 特别的是 null或undefined时，将是JS执行环境的全局变量。浏览器中是window，其它环境（如node）则是global。 ECMAScript5.1 15.3.4.4中有解释 题目212345有var d = new Date('2018-05-09')，可以设置为6月份的操作是？（）(多选)A: d.setMonth(7);B: d.setMonth(6);C: d.setMonth(5);D: d.setDate(40); 答案 C与D 解析 C : js当中的月份是从0开始算的,0代表1月,11代表12月,所以设置的时候需要减少1,所以d.setMonth(5)为设置6月份 D : 看看菜鸟教程当中的setDate(day)解释 参数 描述 ...
今日刷题-try...catch...finally
题目112345678910111213var i = 100;function foo() { bbb: try { console.log("position1"); return i++; } finally { break bbb; } console.log("position2"); return i;}foo(); 答案 position1 position2 解析,上面代码转换下,对齐下 12345678910111213var i = 100; function foo() { bbb: try { console.log("position1"); return i++;//i此时从100变为101 } ...
今日刷题-隐式转换和String和new String
题目1123456789101112var p1 = { name:'小明', age:'12', action:function(where,doing){ console.log(this.age + '岁的'+this.name + '在' + where + doing); } }var p2 = { name:'小红', age:'15'}console.log(p1.action.call(p2,'操场上','运动')) 输出结果 15岁的小红在操场上运动 分析 call可以改变this的执行,并且使得某一个函数成为对象的方法调用 所以p1.action.call(p2,’操场上’,’运动’) = > p2.action(“操作上”,”运动) = > 输出 “15岁的小红在操场上运动” 题目2 ...
我来图书馆小程序抓包抢位置
window工具自动抢位置和签到 @地址 提交预约流程 注意 抓包分析好像还涉及到wxlib/wx/login 不过从后面提交数据来看好像用不到,可能我技术问题吧 抓包分析有人可能最新微信PC抓不了小程序包解决办法 打开一个任意小程序，打开任务管理器，找到进程。右键打开文件位置。 退出电脑微信，右键结束小程序进程。 找到这个目录后删除这个目录 或者你有everything这个工具,直接搜索 WMPFRuntime 然后右键打开所在文件夹,把里面这个4376目录删除就可以 不想分析了~,具体的可以自己抓包看看微信小程序反编译(可以看看源代码~)微信小程序反编译 这次小程序反编译出来的文件 userID可以去抓包获取,这个没办法模拟请求获取 抢座nodejs代码注意安装axios依赖 1234567891011121314151617181920212223242526272829303132333435363738394041var axios = require('axios');var configself = { ...
纯css+html实现的分页器功能
分页器下载github地址 使用 引入样式文件<link rel="stylesheet" href="./paginationself.css"> 引入js代码文件 <script src="./paginationself.js"></script> js代码添加 12var fy = document.getElementById("pagination_self");//父容器,负责存储分页器,id名不要改paginationself(fy, {}); 具体参数paginationself(fatherDom,options,callback) fatherDom:生成器生成的父容器 options对象:参数配置 pageInfo对象 pageNum:当前页 totalPage:数据总个数 least:当总页数低于least的时候页码全部显示 size:一次显示多少页码 textInfo对象:设置显示文字 first (默认为首页) ...
express+socket简易聊天室
简易聊天室前置知识 在我们平常的时候,ajax发送的都是短连接,get完成或者post完成之后连接就断开,并且当服务器数据更新的时候,必须再次发送ajax请求才可以获取到最新的数据 在没有socket之前,要实时获取服务器的数据,必须要轮询,也就是每隔一段时间发送ajax 所以现在有了服务端主动向前端推送消息的东东——长连接socket 实现的二种方式 socket.io websocket(H5新增) 这里使用socket.io实现 socket.io的具体使用并没有想象的难记,而是on和emit这二个关键字贯穿始终 on就用来订阅服务器发送的消息(服务端当中的理解就是监听用户发送服务端的信息) emit就用来用户向服务器发送信息(服务端当中的理解就是向用户发送信息) socket.io大概过程 前端设置 引入<script src="./socket.io.js"></script> 使用io.connect(url)连接socket服务器 使用on监听和emit发送 前端代码index.html 1234567 ...
防抖节流的使用和封装成函数
前置知识关于this指向问题，防抖函数中的fn.apply(this,arguments)作用防抖函数中的fn.apply(this,arguments)作用 this指向问题 节流 一定时间内只执行一项任务 节流原理 执行一个函数 执行这个函数的时候看看前面有没有执行过 如果前面有执行过这个函数并且没有完成,那么本次任务就不执行 节流前可以看到"move"疯狂输出 节流后程序输出move的次数明显减少 节流函数123456789101112131415161718192021/** * 节流 * @param {function} fn 要节流的函数 * @param {number} delay 延迟(类似于fps一样~) * return 执行函数 */function throttleMy(fn, delay) { //这样子建立了一个闭包,timer始终存在 var timer=null; return function (...args) { if (timer) { return; ...
express,multer,jQuery前端后端上传单个文件
先安装基本的模块$ npm init -y $ npm install express –save $ npm install multer –save 附上multer的github当中别人汉化的API文档github地址 我这使用的nodemon,如果那么使用node运行,修改记得重启 开始创建基本express(上传图片)当前目录下创建fileup.js文件 123456789101112131415161718const express = require("express");const multer = require("multer");var app = express();//创建express实例//这里是为了后期没有跨域问题设置的静态资源目录//__dirname为NodeJS全局变量: 返回运行当前js的文件夹的绝对路径app.use("/",express.static(__dirname));//后期ajax提交地址就为:http://localhost:3000/file 端口号可在下方自行设 ...
