![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 63
详细记录了我最开始学习时候的笔记,内容是最基础也是最重要的
飞鱼爱吃米
记性不好,所以频繁记录
展开
-
原生js实现带左右箭头可滑动的tab效果
方便控制左右按钮的禁用状态设置,我采用button组件的图标按钮。可视区域为黄色框①,包含可视tab蓝色框②以及左右箭头红色框;绿色框③就是所有的tab了,②和③的关系就是卡槽和卡带的关系。控制菜单tab左右箭头的显隐。原创 2022-10-09 10:10:27 · 2437 阅读 · 0 评论 -
pc端微信二维码支付流程及问题排查
弹窗内监测支付状态来关闭弹窗,支付状态依赖事件轮询机制进行监测。当前队列为空的时候,会到事件队列里面去取,如果当前队列执行时间长了点,事件队列里面就会被添加很多事件,当前队列执行完成后,事件队列的事件就会短时间内连续触发,相较于我们使用setInterval进行轮询的初衷就会背道而驰。明明函数的嵌套关系很多了,明明使用了settimeout函数,明明函数内还使用this,我还是没有考虑this的指向问题,倒是用它用的起劲,出现问题抓耳挠腮就是找不到源头。二维码支付原创 2022-08-19 17:50:18 · 2729 阅读 · 0 评论 -
js计算两个日期相差的时间,进行日期间的比较
我们在展示订单、工单、项目单这些有日期的数据的时候,很多时候需要根据截止时间来对临期单子进行特殊标注,改变状态。这个时候就会面临两个日期之间的比较。一般来说,日期是不能直接进行运算来计算出间隔的时间。所以需要一个处理日期的方法,使他们能进行加减运算、比较等。日期进行比较的前提是处理成为对应的毫秒数,然后再进行比较。这里需要用到Date的getTime()方法。...原创 2022-08-06 15:28:09 · 1100 阅读 · 0 评论 -
数据大屏显示天气情况,获取实时的天气信息(js进行异步请求获取响应的内容)
话不多说,直接看效果:一个基本的数据大屏,一般都是要展示时间信息,这不必多说,大家都会。但是实时的天气数据我们怎么显示呢?权威的就是中央气象台的数据,那我们该怎样拿到这个数据嘞?项目内使用链接获取信息js进行异步请求获取响应的内容——>>>首先创建 XMLHttpRequest 对象:**XMLHttpRequest 用于在后台与服务器交换数据。**...原创 2022-08-03 11:25:22 · 2146 阅读 · 1 评论 -
vue的基本使用(内附vue常见的面试题)
是一段独立的,能够代表页面某个部分的代码片段,拥有自己的数据,以及完整的生命周期。分为全局组件和私有组件全局组件在每一个vue实例中都可以使用,私有组件需要用到组件传值仅在web页面初始化时,加载相应的html、JavaScript、css,一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或渲染,取而代之的是利用路由机制实现html内容的切换,ui和用户的交互,避免页面的重新加载computed。..............................原创 2022-07-30 11:26:14 · 473 阅读 · 2 评论 -
数组数据处理成表格可渲染的数据(按指定步长取对象的某一属性组成新的数组对象)
那就是在获取到后台返回的数据后,直接根据数组长度和表格列数得到表格行数,动态生成对象,接着处理数据。如果是按固定长度取连续的数据,也就是数据切片,那倒是容易处理,slice方法一下就能处理好。①在这里我们确切的知道应有的数组长度为4,所以可以直接定义4个空对象来存放需要组合的数据。根据返回的数组的长度和表格的列数,就能知道我们需要多少行数据,也就是需要定义几个对象。这其实是很普遍的现象,毕竟数据都是后端返回的,如果不打印出来,数据的长度我们并不可知。4行3列的表格要渲染出来,表格数据应该是。......原创 2022-07-29 16:00:07 · 738 阅读 · 0 评论 -
css修改滚动条的样式
再加上贴边的宽度,对于内容本身就比较窄的区域来说,这种样式笨重感十足!less模式下,如何更改定义好的颜色变量的透明度呢?大灰块做背景,内嵌小灰块做滚动距离的展示。而像这种样式的滚动条就比较可以了。有滚动条的容器滚动条属性{}fade(颜色变量,透明百分比)就可以在里面设置对应的样式了。这样就可以啦,快去试试吧。上面是滚动条相关的属性。......原创 2022-07-25 14:11:44 · 24900 阅读 · 0 评论 -
token的基本使用
Token1、定义token:服务端生成的一串字符串,可以解决频繁登录的问题它作为客户端进行请求的一个令牌:第一次登录后,服务器生成一个token返回给客户端;客户端只需要带上token来请求数据即可,无需再次带上用户名和密码2、目的为了减轻服务器的压力,减少频繁的查询数据库,使服务器更加健壮3、使用(后端)生成token的插件:jsonwebtoken下载:cnpm install jsonwebtoken --save引入:var jwt = require('jsonwebto原创 2021-12-15 15:24:14 · 14335 阅读 · 0 评论 -
CSS盒子模型、边框、边距基础笔记
盒子模型把HTML页面的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器组成:content、padding、border、margin内盒子组成:content、padding、border盒子边框-border1、border-width边框粗细2、border-style边框样式属性值:solid单实线dashed虚线dotted点线double双实线3、border-color边框颜色拓展边框三角形:宽高设为零,出现四个三角形(不能不写,不写宽度默认1原创 2021-07-13 20:00:59 · 479 阅读 · 0 评论 -
CSS样式、字体样式、基本选择器的基础笔记
CSS:层叠样式表专门用来控制界面外观风格的文档CSS注释:/* */HTML注释:<!-- -->使用方式行内样式1.行内样式—写在标签里格式:<div style="color:red; fond-size:20px;">行内样式</div>行内样式需要写到标签的style属性值中。内部样式2.内部样式—只在本页面内生效格式:<head> <style> div{ }原创 2021-07-09 20:34:09 · 145 阅读 · 0 评论 -
CSS浮动、定位、溢出的基础笔记
溢出overflow属性值:visible:不剪切内容也不添加滚动条hidden:超出部分隐藏auto:超出自动显示滚动条scroll:不管是否超出内容,都会添加滚动条浮动float目的:为了让多个块元素在一行内显示定义:脱离标准流,移动到父元素的指定位置属性值:left左浮动right右浮动注意:1、在内边距内渲染2、两个盒子在一行内显示,两个盒子都要浮动3、浮动后display属性是block(无论是块元素还是行内元素),脱离标准流浮动的影响:原因:脱离标准流,造原创 2021-07-14 20:27:32 · 262 阅读 · 0 评论 -
HTML入门基础笔记—02
列表无序列表——ul里面只能嵌套li它会带有自己样式属性一层嵌套:实心圆两层嵌套:空心圆三层嵌套:实心方有序列表——ol里面只能嵌套litype:A I i a 默认为数字start:起始数字自定义列表——dl>dt,dddt和dd是并列关系表格标准表格结构:<table> <caption>表格的标题</caption> <!-- 表头 :默认居中--> <thead> <原创 2021-07-09 09:59:28 · 108 阅读 · 0 评论 -
Vuex的基本使用
Vuex1、定义Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预期的方式发生变化2、核心Vuex的核心就是store仓库store基本上就是一个容器,它包含着你的应用中大部分的状态3、特点①Vuex的状态存储是响应式的②改变store中的状态的唯一途径是显式的提交mutation4、属性state它是vuex的基本数据,用来存储变量getter从基本数据派生出来的数据,相当于state的计算属性,有原创 2021-12-15 17:00:53 · 701 阅读 · 0 评论 -
axios的基本用法
axios1、定义axios是易用、简洁且高效的http库它是一个基于Promise的http库,可以用在浏览器和node.js中2、安装使用npm$ npm install axios3、请求方式①get–>获取或查看//不带参数的axios.get("http://localhost:3000/data").then(res => { console.log(res.data);})//参数直接拼在url上的axios.get("http://localhos原创 2021-12-08 12:49:17 · 893 阅读 · 0 评论 -
vue-router的基本使用
Vue Router路由主要方便单页面应用的内容切换1、使用下载:npm install vue-router引入:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)实例化一个路由对象let router =new VueRouter({ routes:[{ path:"/login", //路由链接 component:()=>import("../views/login/l原创 2021-12-16 15:25:20 · 102 阅读 · 0 评论 -
利用CSS写简单爱心
学习CSS三天了,可以利用目前所学的制作一个简单的爱心仅仅需要三个盒子一个正方形,两个圆如下图:或许还不是能很清楚的看出来,我把多余的部分消除了,如下:好了,有了结构,就可以来写代码了...原创 2021-07-14 21:05:12 · 2147 阅读 · 0 评论 -
CSS背景样式、复合选择器、CSS三大特性、标签的显示模式基础笔记
背景样式1.背景颜色background-color属性值预定义的颜色值十六进制rgbrgba默认值为:transparent透明色2.背景图片background-image3.图片重复方式background-repeat属性值repeat-x只在x方向上平铺repeat-y只在y方向上平铺no-repeat不平铺4.图片位置background-position:水平位置 垂直位置;属性值预定义的值:仅定义一个值,第二个值将是“center”长度:仅规定一个原创 2021-07-12 19:59:05 · 77 阅读 · 0 评论