阿乐のBlog - aqingya.cn

一. B/S的概念 B/S（Brower/Server,浏览器/服务器）模式又称B/S结构，是Web兴起后的一种网络结构模式。Web浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用；客户机上只需要安装一个浏览器，服务器上安装SQL Server, Oracle, MySql等数据库；浏览器通过Web Server同数据库进行数据交互。　　二. B/S工作原理 B/S架构采取浏览器请求，服务器响应的工作模式。用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由 ...

谈谈什么是B/S架构以及B/S架构运行原理

发表于2020-08-20|前端知识|B/S架构| 条评论

什么是Unix时间戳(Unix timestamp)： Unix时间戳(Unix timestamp)，或称Unix时间(Unix time)、POSIX时间(POSIX time)，是一种时间表示方式，定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中，也在许多其他操作系统中被广泛采用。目前相当一部分操作系统使用32位二进制数字表示时间。此类系统的Unix时间戳最多可以使用到格林威治时间2038年01月19日03时14分07秒（二进制：01111111 11111111 11111111 11111111）。其后一秒，二进制数字会变为10000000 00000000 00000000 00000000，发生溢出错误，造成系统将时间误解为1901年12月13日20时45分52秒。这很可能会引起软件故障，甚至是系统瘫痪。使用64位二进制数字表示时间的系统（最多可以使用到格林威治时间292,277,026,596年12月04日15时30分08秒）则基本不会遇到这类溢出问题。 JS获取当前时间戳 ...

时间戳转化日期格式

发表于2020-08-18|庖丁解牛|时间戳•日期格式| 条评论

1、何为秋招？1.1、应届生暑假：大学生（实习、工作） 8月、春招！应届毕业生！ 2015年级 2019界 2016年级 2020界应届毕业生：大三升大四！大三暑假找工作找实习！大四：毕业再找！切记、不好！ 2020校招！不收2019届！ 1.2、秋招/春招/校招校招：校园招聘流程：网申-笔试-面试（23轮）-录取通知-体检-签三方-毕业！-上班！秋招： 7来年一月 7~10，校招核心！秋招名额远大于春招！招聘信息宣讲会招聘会春招：春节到6月 3~4、秋招补录！网申（不打无准备的仗）网络在线申请，大型企业！注意：填表格！开放性问题：优缺点？失败经历？公司的看法？一定要仔细？大三时候就一定要准备好！复制到记事本！宣讲会公司 HR、技术！讲解公司的内容、岗位、待遇、Q&A？ 1、开完就走！ 2、现场接受简历 3、现场接受简历、面试！一分钟（记住你！准备60s的自我介绍） 4、现场接受简历、面试、笔试！多跑! 招聘会（多对一）体验一次！政府: 人力资源组 ...

聊聊如何备战秋招，找到满意的工作（转B站狂神说）

发表于2020-08-16|找工作|如何找到满意的工作| 条评论

我们先来举个栗子🌰：如果我们不加key： 123456789101112131415161718192021222324252627282930313233343536<div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for=" item in list"> <input type="checkbox"> {{item.name}} </li> </ul> <script src="./js/vue.js"></script> &l ...

Vue中v-for为什么要加key

发表于2020-08-16|Vue|Vue| 条评论

HTML精确定位：scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight：获取对象的滚动高度 — 传送门 scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 — 传送门 scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 — 传送门 scrollWidth：获取对象的滚动宽度 — 传送门 offsetHeight：获取对象相对与版面或由父坐标offsetParent属性指定的父坐标的高度 —传送门 offsetLeft：获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置 —传送门 offsetTop：获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置 —传送门 event.clientX ：相对文档的水平坐标 event.clientY：相对文档的垂直坐标 event.offsetX：相对容器的水平坐标 event.offsetY：相对容器的垂直坐标 document.documentElemen ...

详解html中 offsetTop、clientTop、scrollTop、offsetTop 的各属性

发表于2020-08-16|JavaScript|JavaScript| 条评论

jsdelivr 官网：传送门一、新建github库并使用git上传首先访问https://github.com 新建自己的库之后使用 git 上传到github 下载git ： https://git-for-windows.github.io/ 1.本地新建一个文件夹 2.进入文件夹，点击鼠标右键，选择git bash here 3.然后在窗口输入 git init 4.复制地址： 5.输入 git remote add origin 加上你刚刚复制的路径 6.输入 git pull origin master 命令，将仓库pull到文件夹 7.将要上传的文件，添加到文件夹 8.使用 git add . （. 表示所有的） 9.使用 git commit -m ‘添加文件内容描述’ 10.使用 git push origin master 将本地仓库上传二、访问github资源新建一个 releases 依次进入要访问的资源使用 jsdelivr 访问 123例 : https://cdn.jsdelivr.net/gh/yuDuChen/ ...

使用jsdelivr访问github资源，为站点提速

发表于2020-08-15|hexo|hexo•yilia•jsdelivr| 条评论

问题：解决方案：node_modules依赖中，sockjs-client/dist/sockjs.js,1608行注释掉。

GET http::8080/sockjs-node/info?t=1597300795947 net::ERR_ADDRESS_UNREACHABLE

发表于2020-08-15|迎刃而解|Vue| 条评论

函数防抖（Debounce）：指触发事件后在n秒内函数只执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。如：搜素框，滚动条函数节流（throttle）：指连续触发事件但在n秒中只执行一次，避免某些事件频繁触发。如：按钮点击 Vue中使用防抖和节流第一步：定义公共防抖和节流函数 123456789101112131415161718192021222324252627282930313233343536export default { /** * 函数防抖 * 触发事件后在n秒后执行，如果n秒内又触发事件，则重新计算时间 */ debounce(fn, wait = 1000) { let timer; return function () { let context = this; let args = arguments; if (timer) clearTimeout(timer); timer = setTimeout(() => { ...

Vue中使用函数防抖和节流

发表于2020-08-15|Vue|函数防抖•函数节流| 条评论

Better-Scroll在决定有多少区域可以滚动时, 是根据scrollerHeight属性决定。 scrollerHeight属性是根据放Better-Scroll的content中的子组件的高度但是我们的首页中, 刚开始在计算scrollerHeight属性时, 是没有将图片计算在内的所以, 计算出来的告诉是错误的(1300+) 后来图片加载进来之后有了新的高度, 但是scrollerHeight属性并没有进行更新. 所以滚动出现了问题如何解决这个问题了? 监听每一张图片是否加载完成, 只要有一张图片加载完成了, 执行一次this.scroll.refresh() 如何监听图片加载完成了 ? 原生的js监听图片: img.onload = function() {} Vue中监听: @load=’方法’ 调用scroll的this.scroll.refresh() 事件总线如何将GoodsListItem.vue中的事件传入到Home.vue中因为涉及到非父子组件的通信, 所以这里我们选择了事件总线步骤： Vue.prototype. ...

解决使用Better-Scroll可滚动区域的问题（事件总线，防抖操作）

发表于2020-08-15|Vue|可滚动区域的问题•事件总线•防抖操作| 条评论

话不多说，直接上代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vue生命周期学习</title> <style> .btn { ...

发表于2020-08-13|CSS|CSS特效| 条评论

数据库加载中