- 博客(124)
- 收藏
- 关注
RSS订阅原创 微信小程序
HTTP协议的状态管理由于HTTP协议是一款基于短连接模型的协议，所以同一个客户端发送的请求是无状态的。即服务端没有将同一个客户端发送的多次请求当成一个整体来看待，也没有将同一个客户端涉及到的数据保存下来以后使用。这就是无状态协议的特点。HTTP协议状态的管理办法：cookie机制客户端发送第一次请求，服务端接收请求，处理请求。服务端在响应数据包中添加cookie信息，返回给客户端让客户端保存客户端接收到响应，解析到cookie信息，将这些数据存入本地cookie存储区。客户端发送后续请
2022-03-25 13:53:08
1470
2
原创 ECharts`(柱状图，图表。。。文档)详见ECharis官方文档
ECharts(柱状图，图表。。。文档)使用Echarts下载echarts。新建html页面，使用script引入echarts。准备一个盛放图表的div容器，初始化echarts显示图表即可。<div id="main"></div><script> let myChart = echarts.init(document.getElementById('main')) let option = { // .
2022-03-25 13:44:16
633
原创 SVG图像
SVG什么是SVG？SVG（Scalable Vector Graphics） 可伸缩的矢量图形。 是基于XML语法的一种图像格式。XML属于可扩展标记语言。意味着一篇标签文档就可以描述一个svg图片，并且这种图片放大缩小不失真。第一个svg图像新建文件：circle.svg。编写svg代码。将svg文件引入html显示。使用方法<img src="a.svg"><div style="background-image:url('a.svg')"></di
2022-03-25 13:42:47
3843
原创 第三方即时通信服务-环信
第三方即时通信服务-环信WebWorkerJavascript采用单线程模型，也就是说所有的任务只在主线程中完成。但是主线程有一个非常重要的任务：不间断的绘制界面（只有这样才能保证界面动画的流程以及功能的完整）。如果在执行js的过程中，遇到了一些耗时任务，主线程就会因为执行这些耗时任务而耽误绘制UI界面，这样就会出现页面假死现象，导致页面崩溃。WebWorker提供了多线程运行环境，可以将这些耗时代码放入WebWorker中异步执行，从而减轻主线程的压力，让主线程更多的关注UI绘制。避免出现页面假死
2022-03-25 13:41:29
462
原创 WebSocket
WebSocketWebSocket可以实现客户端与服务端之间的实时通讯。它是基于web的长连接通讯协议。网络通讯过程中的长连接与短连接短连接通讯模式：客户端向服务端发请求建立连接，连接成功后，客户端向服务端发送请求数据包，服务端接收请求处理请求，返回响应数据包后连接断开。客户端接收后处理后续业务。优点：大量节省服务端连接资源。使得服务端可以为更多的客户端处理业务。长连接通讯模式：客户端向服务端发请求建立连接，连接成功后，客户端向服务端发送请求数据包，服务端接收请求处理请求，返回响应数据包后连接不
2022-03-25 13:39:58
3794
原创 文件上传与下载
文件的上传与下载文件上传流程与协议规范文件上传流程客户端通过html给出一些操作方式（点击按钮、拖拽），选择本地图片。点击提交，准备上传。客户端需要与服务端建立http连接，客户端遵守http协议提交请求数据（请求数据包中可能包含基本表单数据，还可能包含需要上传的二进制文件）。服务端接收请求，遵守http协议，接收客户端传过来的所有数据，基本表单数据直接读取，文件则以数据流的方式 边读取边存储到服务端某个目录下。文件存储完成后，服务端应该提供一个用于访问刚上传的图片的一个链接地址，返回给客户端
2022-03-25 13:37:42
565
原创 地理定位(高德地图官方文档)
地理定位HTML5提供的地理定位相关API可以使得网页获取客户端设备所在的地理位置（经纬度），从而给与用户更好的应用体验。定位的基础原理IP定位运营商基站定位GPS卫星定位HTML5提供了简单的API用于获取当前设备的地理位置：let geoloc = window.navigator.geolocationgeoloc.getCurrentPosition((msg)=>{}, (err)=>{}, {timeout:5000})如果定位成功，则会执行第一个方法，并且返
2022-03-25 13:35:56
981
原创 HTML5（音视频，canvas画布，画布动画）
音频与视频HTML5提供了相关标签支持在网页中实现音频与视频的播放。音频标签音频标签支持的文件格式有：WAV、MP3、ogg。音频标签的简单使用方法：<audio src="../assets/xxxx.mp3" controls></audio>音频标签的标准使用方法：<audio controls> <source src="xxx.mp3" type="audio/mpeg"/> <source src="xxx.wav"
2022-03-18 09:10:59
628
原创 git的使用指令
git的使用指令git init # 初始化本地版本库git clone # 拉取远程版本库git add <.| file-name> # 添加本地代码git commit -m “日志” # 提交本地代码git pull origin master # 下载远程代码git push -u origin master # 上传代码到远程仓库commitgit status # 查看状态git log --oneline # 打印所有的提交记
2022-03-17 22:57:04
251
原创 处理日期时间格式的第三方库moment.js(具体查官方文档)
moment.jsJavaScript 日期处理类库。moment.js的常用操作解析 （想方设法获取一个moment对象）let day = moment() // 当前时间let day = moment('2022-01-11')let day = moment('11/01/2022', 'MM/DD/YYYY') let day = moment(毫秒时间戳)let day = moment.unix(秒时间戳)......显示（想方设法将moment对象转成字符串）
2022-03-17 22:53:32
479
原创 MintUi项目实战(项目中BUG的处理)
项目架构基于BS架构项目。 使用http作为网络协议，数据存储在mysql数据库。前后端分离。客户端：VueCLI、MintUI服务端：nodejs、mysql、express搭建学子问答项目的服务端下载server.zip，解压。下载xzqa.sql，导入mysql数据库。打开xampp，启动mysql服务。 点击shell， 进入命令行，执行命令：mysql -u root < [把xzqa.sql文件拖拽到此处生成路径即可]导入成功后，可以进入mysql，查看一下数据
2022-03-17 22:52:04
1436
原创 MintUI（详见官方文档）
MintUIMintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。http://mint-ui.github.io/docs/#/zh-cn2Vant组件库也是基于移动端的vue组件库（有赞团队）。https://vant-contrib.gitee.io/vant/v2/#/zh-CN/基于脚手架项目安装mintui新建项目。# 找一个空文件夹 VUEUI/day01/demo下执行一个命令vue create scaffolding# 依次选择Manu
2022-03-17 22:47:28
10292
原创 ElementUI(具体参考官方文档)
ElementUIElementUI是一套为开发者、设计师准备的基于vue的PC端组件库。搭建ElementUI基础环境（基于脚手架）新建项目。# 配置镜像源npm config set registry http://registry.npm.taobao.org# 安装VueCLInpm install -g @vue/cli# 找一个空文件夹 VUEUI/day01/demo下执行一个命令vue create elepro# 依次选择Manually select f
2022-03-17 22:43:14
5019
原创 sass 安装:npm install sass -g 使用:sass -w scss:css
Sass一、sass概述1.sass概念sass是一种css的“预处理”器，一种专门的css编程语言。增加了一些内容：变量、函数、嵌套关系等，可以让css编写的更加清晰。sass不能直接当css用，需要经过一次编译，将sass编译成css再使用。sass是一种，less、stylus，常见的三种市场占有率较高的预处理器，使用方法大同小异。2.scss和sass关系是延伸关系，可以说scss是sass的更新版本，scss就是sass3.0以后的版本。以前名如：header.sass后置是sass
2022-02-22 18:59:04
1681
原创 手动创建项目包：vue2,vue3 配置淘宝镜像
Vue2:安装脚手架软件: npm i -g @vue/cli前提: node 版本>=12 别装17测试版 最高16npm需要中国镜像, 否则下载很可能卡住失败生成项目包: 在哪执行在哪生vue create 包名固定选项选手动模式:Manually select featuresbabel; router; vuex; css pre-xxx;回车 – 默认回车 – 默认回车 – 默认运行: 项目包自带服务器, 必须使用自带服务器来运行项目启动方式: 必须在项目包目录下
2022-02-05 12:09:59
3726
原创 Vue3知识
Vue31:使用vue-cli创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create//查看@vue/cli版本，确保vue/cli版本在4.5.0以上vue --version//安装或升级你的@vue/slinpm install -g @vue/cli//创建vue create vue_test//启动cd vue_testnpm run serve2:使用vite创建官方文档: h
2022-02-05 11:45:20
166
原创 Vue2脚手架
Vue中使用组建的三大步骤： 一：定义组件（创建组件） 二：注册组件 三：使用组件（写组件标签） 1：如何定义一个组件： 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有区别： (1):el不写；----最终所有组件都要经过一个vm的管理，由vm中的el决定服务那个容器 (2):data必须写成函数；----避免组件被复用，数据存在引用关系备注：使用template可
2022-02-05 11:42:40
1668
原创 TypeScript
TypeScripthttps://www.tslang.cn/非必须的操作全局安装 TS语言的编译器因为浏览器只能运行JS代码, 所以TS代码书写完毕后需要翻译成JS来使用全局安装: npm i -g typescript转换命令: tsc xxx.ts类型// JS的缺点: 只有动态错误分析 没有 静态错误分析// 高达有个想法: 拿刀出去溜达一圈...// 动态分析: 出去溜达... 被抓了// 静态分析: 不需要真的出去, 立刻告知: 不可以// JS: 运行时才有报
2022-02-05 11:16:58
430
原创 vue组件之前基础知识
Vue概述VUE:一套用于构造用户界面的渐进式Javascript框架简单应用:只需一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件开发人：尤雨溪Vue特点：1：采用组件化模式，提高代码复用率，且让代码更好维护2：声明式编码，让编码人员无需直接操作DOM，提高开发效率3：使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点数据代理：方法：Object.definePropertyvalue: 默认值writable: true, 可写，可修改enumerable
2022-01-25 11:05:32
1424
原创 jQuery克隆与替换，跨域问题
克隆与替换clone: 复制元素replaceWith: 替换元素奇数: odd偶数: even序号相关:eq: 等于lt: 小于gt: 大于网络请求GET: $.get(接口地址, 回调函数)POST: $.post(接口地址, 参数, 回调函数)参数字符串格式: 参数名=值&参数名=值...参数对象格式: {参数名: 值, 参数名: 值}取巧: 值的变量名和参数名故意写成一样的, 凑语法糖接口制作方式个人项目: ..
2022-01-19 23:28:52
216
原创 jQuery输入框相关函数，动画，内容操作
jQuery03提前开通网络, 今天使用复习输入框相关获得焦点: focus失去焦点: blur内容变更: change键盘事件: keyup – 回车 keyCode 13实时变化监听: 事件名 input利用万能事件监听: on(事件名, 回调函数)动画显示: show 隐藏: hide 切换: toggle收起: slideUp 展开: slideDown 切换: slideToggle透明: fadeIn fadeO
2022-01-19 23:26:38
625
原创 操作jQuery
jQuery02复习DOM的零散知识阻止默认事件:event.preventDefault()超链接a标签自带 href属性, 点击之后会进行跳转. 给a标签绑定事件 则通常要阻止自带的 href 跳转操作问题点: 书写外部的js文件 给其他 伙伴 使用, 引入时要防御使用者带有href的情况阻止冒泡: event.stopPropagation()监听页面滚动: onscroll读取滚动距离: document.documentElement.scrollTop || docum
2022-01-19 23:24:22
552
原创 jQuery封装思想
jQuery01DOM非常重要, 但是 工作中很少书写 原生的DOM代码因为: 原生的方法名太长 过于放在例如:querySelectorAllgetElementsByClassNamepreviousElementSibling…简化:const qa = document.querySelector.bind(document)前辈 利用函数的封装技巧 和 函数重载技巧, 把原生DOM进行了封装, 让使用时非常简单!封装思想-选学<!DOCTYPE html>
2022-01-19 23:23:34
109
原创 操作Dom
HTML代码 会先转换成 DOM对象, 然后显示在浏览器上浏览器实际显示的是 DOM对象的内容[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dk3pv8qj-1642605542832)(C:\Users\jiyx\AppData\Roaming\Typora\typora-user-images\image-20220106090217948.png)]DOM: document object model 文档对象模型本质是 window.document 属性
2022-01-19 23:19:50
77
原创 DOM0基础
DOM01FTP已提供 本阶段壁纸, 可以下载使用DOMDOM: document object model 文档对象模型浏览器提供的API: window.document 对象网页的HTML代码是如何运行到浏览器上的?浏览器解析HTML文本代码, 转化成 对象类型 – window.document然后 把这个 document对象类型, 渲染到页面上所以: 页面真正显示的是 document 这个对象类型利用 document 对象, 就可以直接操作浏览器的界面[外链图片
2022-01-19 23:10:16
43
原创 JSCORE04
声明提升JS代码在运行时, 会隐式做一些事情先预读一次所有的JS代码, 把声明 都提升到作用域的顶部然后再执行 没有提升的剩余代码部分考点:let/const/var: 只提升声明, 默认值是undefined, 不提升赋值let a = 6let a 提升这里 a = 6 赋值不提升,会留下来let/const: 提升但是处于 暂存死区, 赋值前不能用function: 函数提升 整个函数,包含函数体函数隐式的变量: arg..
2022-01-07 15:16:47
404
原创 JSCORE03
本阶段内容分两个部分:实用性的: 后续用得上进阶性质: 以后如果进行框架开发需要使用的原理声明提升JS引擎的工作原理先通篇阅读一次代码, 找到所有的声明 – 预编译执行除了声明以外的代码声明提升不是一个友好的设计, 对程序员来说 必须通篇阅读代码才能知道代码如何运行的面试题常考:var: 声明的变量提升在 作用域的 顶部<script> 提升在 全局变量 window 中 var a = 5 function(){.
2022-01-07 15:15:39
338
原创 JSCORE02
JSCORE02复习声明提升声明提升是 JS 设计的一种机制, 是一个被嫌弃的机制代码在运行之前, 会先预编译 一次, 找到所有的声明, 提升到作用域的顶部, 然后执行第二次, 运行非声明的代码书写 阅读JS代码, 必须通篇阅读所有的代码, 知道所有的声明, 才能判断出代码的实际效果 – 声明提升带来的诟病let/const/varvar: 声明提升,默认值是 undefined, 赋值之前可以用let/const: 声明提升, 默认值是 undefined, 赋值之前不
2021-12-29 18:14:32
400
原创 js基础 宿主环境
JSCORE01第三阶段讲师: 小新老师联系方式vx: 18800108022FTP上提供本阶段壁纸, 右键下载, 右键图片设置成桌面壁纸[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xLVXpT32-1640740754983)(C:\Users\jiyx\AppData\Roaming\Typora\typora-user-images\image-20211228090846916.png)]阶段内容介绍本阶段内容共有4个部分JS高级 5天对成
2021-12-29 09:22:42
291
原创 响应式网页属性
十七：响应式：1响应式概念：随着移动终端的兴起，多种规格终端页面需要展示，响应式可以以让多种终端同时看到相近相同的内容，使用同一套html结构响应式也叫自适应页面，可以根据浏览器的设备，改变不同的布局，文本，图片效果根据终端检测变化，同时使用@media媒体查询规则，将不同的css加入到不同的媒体查询中，从而随着页面宽度变化，改变布局样式。2：视口位置：视口就是浏览器窗口（不含浏览器控制部分），使用视口约束浏览器窗口大小，让浏览器完全展示在用户面前；3：媒体类型：
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人