![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
徐 丹
十年磨一剑,悬梁刺股而进
展开
-
子盒子水平垂直居中父盒子
1,position:relative + position:absolute;2,transform:translate + calc( );3,margin + .clear原创 2023-01-30 08:30:59 · 225 阅读 · 0 评论 -
mockjs拦截ajax请求,生成伪数据
拦截ajax请求,生成伪数据应用场景:在工作中,后端已经出接口文档,还没有实现代码由前端依照接口文档模拟伪数据,实现前端开发功能原创 2023-01-29 10:09:03 · 1467 阅读 · 0 评论 -
vant ui使用
自动按需引入组件方式 需要我们在项目中下载一个babel插件,简单配置一下,它会在编译过程中将import的写法自动转换为按需引入的方式,不然可能就需要我们手动的引入样式和组件原创 2023-01-29 09:55:55 · 2612 阅读 · 0 评论 -
cookie,sessionStorage,localStorage
cookie:(1)判断用户是否登陆过网站,以便下次登录时能够实现自动登录(或者记住密码)。如果我们删除cookie,则每次登录必须从新填写登录的相关信息。 (2)保存上次登录的时间等信息。 (3)保存上次查看的页面 (4)浏览计数原创 2023-01-29 09:43:05 · 652 阅读 · 0 评论 -
vue.component和vue.use
使用Vue.component()方法注册全局组件。使用Vue.use注册插件。原创 2023-01-14 10:44:31 · 313 阅读 · 0 评论 -
Vue生命周期
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。原创 2023-01-14 10:36:01 · 88 阅读 · 0 评论 -
拖拽元素的实现
window.innerWidth : 浏览器窗口的可见宽度window.innerHeight : 浏览器窗口的可见高度offsetWidth: 返回元素的宽offsetHeight:返回元素的高offsetLeft: 元素左边缘距离浏览器左边缘的距离offsetTop: 元素上边缘距离浏览器上边缘的距离clientX: 鼠标横坐标clientY: 鼠标纵坐标原创 2023-01-14 08:05:50 · 211 阅读 · 0 评论 -
作用域与作用域链
作用域链主要是进行标识符(变量和函数)的查询,标识符解析就是沿着作用域链一级一级的搜索标识符的过程,而作用域链就是保证对变量和函数的有序访问。原创 2023-01-14 08:05:32 · 152 阅读 · 0 评论 -
箭头函数与普通函数this指向详解
• 问题: 箭头函数中的this是如何查找的了? ◦ 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.原创 2023-01-13 16:02:13 · 463 阅读 · 0 评论 -
JS实现对象深拷贝
通过JSON的stringify与parse方法实现原创 2023-01-13 15:46:16 · 162 阅读 · 0 评论 -
vue-cli项目介绍
启动webpack开启运行环境 ------------> 执行 main.js 入口js文件 ------------> 渲染App.vue原创 2023-01-13 09:54:31 · 131 阅读 · 0 评论 -
vue-cli创建项目
打开终端,进入项目文件夹,然后运行项目(npm run serve)原创 2023-01-13 09:14:00 · 347 阅读 · 0 评论 -
对nodejs模块化开发与编写注册接口
在nodejs服务器内新建router文件夹,路由模块,存放客户端的请求和映射的关系。 新建router_handler文件夹,路由处理函数模块,存放每个路由对应的处理函数。 在router文件夹中新建路由模块user.js用于存放与用户相关的接口。原创 2023-01-13 08:12:11 · 343 阅读 · 0 评论 -
nodejs连接数据库
安装第三方的mysql模块--mysql提供了在nodejs中操作数据库的能力原创 2023-01-13 08:11:46 · 279 阅读 · 0 评论 -
搭建nodejs服务器端运行环境
在前端开发过程中,可能某些时候需要自己搭建一台服务器用于一些文件图片请求或者进行后端相关知识的学习。原创 2023-01-13 08:11:21 · 1574 阅读 · 0 评论 -
vue中computed和watch的区别
当需要进行数值计算,并且依赖于其它数据时,应该使用 computed ,因为可以利用 computed 的缓存特性,避免每次获取值时都要重新计算。当需要在数据变化时执行异步操作或开销较大的操作时,应该使用 watch,computed 不支持异步。如果需要限制执行操作的频率,可借助 computed 作为中间状态。原创 2023-01-13 08:10:59 · 134 阅读 · 0 评论 -
ajax、axios、fetch的区别
Fetch 号称是AJAX的替代品,是在ES6出现的,使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多。fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象。原创 2023-01-13 08:10:31 · 217 阅读 · 0 评论 -
React——函数组件与类组件
函数组件也称无状态组件,顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前,react 中的函数组件通常只考虑负责UI的渲染,没有自身的状态,没有业务逻辑代码,是一个纯函数。下面这个函数组件就是一个纯函数,它的输出只由参数props决定,不受其他任何因素影响。原创 2023-01-12 08:17:34 · 1526 阅读 · 0 评论 -
CSS3——transform
1、 转换是css3中的一个特征,可以实现元素的缩放,位移,变形。2、 作用:使元素在位置或者形状上发生一定的改变。3、属性:transform4、属性值:scale:缩放(一般),translate 位移(重点),rotate 旋转(重点),skew 倾斜(了解)原创 2023-01-12 08:16:56 · 117 阅读 · 0 评论 -
CSS3——animation动画
直接写出所有的相关动画属性(简写),除了animation-play-state 属性。animation:动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态。原创 2023-01-12 08:16:36 · 168 阅读 · 0 评论 -
CSS3——transition过渡效果
通常当 CSS 的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过 :hover 选择器定义的样式会立即应用在元素上。在 CSS3 中加入了一项过渡功能,通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式,类似于简单的动画,但无需借助 flash 或 JavaScript。原创 2023-01-12 08:16:21 · 802 阅读 · 0 评论 -
遍历数组的常用方式
filter用于对数组进行过滤。filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。filter() 不会对空数组进行检测;不会改变原始数组原创 2023-01-12 08:15:57 · 541 阅读 · 0 评论 -
DOM——获取元素方式
(1)获取元素(2)对元素进行操作(设置其属性或调用其方法)(3)动态创建元素(4)事件(什么时机做相应的操作)原创 2023-01-12 08:15:41 · 1004 阅读 · 0 评论 -
DOM——0级事件与2级事件
方法:addEventListener/removeEventListener实现DOM二级事件绑定和移出第一个参数:事件名称第二个参数:执行函数第三个参数:指定冒泡还是捕获,默认是false,冒泡。在DOM二级事件中,如果给元素的某一个行为绑定多个执行事件,将都会触发原创 2023-01-12 08:15:18 · 143 阅读 · 0 评论 -
Foundation前端页面开发框架
• Foundation 是一个免费的前端框架,用于快速开发。• Foundation 包含了 HTML 和 CSS 的设计模板,提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。同时也提供了多种 JavaScript 插件。原创 2023-01-11 08:12:55 · 699 阅读 · 0 评论 -
Promise封装ajax请求
1,创建Ajax对象2,建立服务器链接3,发送请求4,监听Ajax状态变化原创 2023-01-12 08:14:41 · 272 阅读 · 0 评论 -
React中antdesign组件库的使用
这里将介绍antd的基本使用,只要学会了一个组件的使用,其他组件的使用方式也是大同小异,由于只是简单的演示,所以一切样式都在App组件里面实现。原创 2023-01-11 08:14:34 · 1133 阅读 · 0 评论 -
使用webpack打包vue项目
多个js文件打包成一个文件项目里面有多个js需要打包成一个js文件,必须使用模块化开发方式,需要通过一个集合js的文件,将其他各个的js文件模块,进行集中引入。原创 2023-01-11 08:14:16 · 977 阅读 · 0 评论 -
常见请求状态码
一般情况下,出现500响应状态的原因有很多种,但是主要的是“程序代码和服务器配置”两个问题。相对于代码而言,就是对站点进行升级,网页改版,新增加了一些常用的插件。就比如WordPress插件的版本可能就需要更高版本的PHP才能兼容。原创 2023-01-12 08:15:06 · 529 阅读 · 0 评论 -
组件库——element-ui
ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。原创 2023-01-11 08:13:59 · 1092 阅读 · 0 评论 -
Ajax网络编程之请求步骤
Ajax : 即 异步JavaScript 和 XML ,Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,而传统不使用Ajax的网页,如果需要更新内容,必需重载整个网页面。原创 2023-01-11 08:13:39 · 59 阅读 · 0 评论 -
javascript之debugger与断点调试
程序就是函数堆砌起来的,程序的运行就是函数的执行过程。而通过JS调试,我们可以更为直观的追踪到在程序运行中,函数的执行顺序,以及各个参数的变化。这样我们就可以快速的定位到问题所在。原创 2023-01-11 08:13:17 · 8761 阅读 · 0 评论 -
HTML5标签语义化
许多现有网站都包含以下HTML代码: , , 或者 , 来指明导航链接, 头部, 以及尾部.原创 2023-01-11 08:12:05 · 44 阅读 · 0 评论 -
Bootstrap前端组件库
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap5 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件,助你快速设计和自定义响应式、移动设备优先的站点。原创 2023-01-11 08:11:33 · 550 阅读 · 0 评论 -
Font Awesome 图标
Font Awesome 是一套绝佳的图标字体库和CSS框架。Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。要使用Font Awesome图标,请在HTML页面的 部分中添加以下行:原创 2023-01-11 08:10:57 · 252 阅读 · 0 评论 -
Echarts可视化图表
丰富的可视化类型: 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭原创 2023-01-11 08:10:38 · 448 阅读 · 0 评论 -
BOM——浏览器对象模型
其作用就是跟浏览器做一些交互效果,比如如何进行页面的后退,前进,刷新,浏览器的窗口发生变化,滚动条的滚动,以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率。原创 2023-01-10 14:31:20 · 124 阅读 · 0 评论 -
数据库DML语句——增删改查
我们使用DML语句来操作数据库的内容,这是种类型语句只于内容有关,不于数据库的结构相关,它使用的关键字insert、delete、update、select等,四大关键字原创 2023-01-10 14:10:04 · 138 阅读 · 0 评论 -
mysql数据库
mysql是一种数据库,是一种数据持久化的存储方案现在的mysql数据库是把数据存储在服务器上,它是一个网络型数据库,可以同时为多人进行服务,mysql亲便,跨平台mysql是种一种关系型的服务器 数据库,它可以使用对象的思维去理解它原创 2023-01-10 13:41:34 · 58 阅读 · 0 评论 -
JQuery事件绑定,事件对象,事件委托
JQuery事件绑定,事件对象,事件委托原创 2023-01-10 13:32:13 · 333 阅读 · 0 评论