- 博客(64)
- 收藏
- 关注
RSS订阅原创 子盒子水平垂直居中父盒子
1，position:relative + position:absolute;2，transform:translate + calc( );3，margin + .clear
2023-01-30 08:30:59
276
原创 mockjs拦截ajax请求，生成伪数据
拦截ajax请求，生成伪数据应用场景:在工作中,后端已经出接口文档,还没有实现代码由前端依照接口文档模拟伪数据,实现前端开发功能
2023-01-29 10:09:03
1896
原创 vant ui使用
自动按需引入组件方式 需要我们在项目中下载一个babel插件,简单配置一下,它会在编译过程中将import的写法自动转换为按需引入的方式,不然可能就需要我们手动的引入样式和组件
2023-01-29 09:55:55
2824
原创 cookie，sessionStorage，localStorage
cookie：（1）判断用户是否登陆过网站，以便下次登录时能够实现自动登录（或者记住密码）。如果我们删除cookie，则每次登录必须从新填写登录的相关信息。 （2）保存上次登录的时间等信息。 （3）保存上次查看的页面 （4）浏览计数
2023-01-29 09:43:05
745
原创 Vue生命周期
Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。
2023-01-14 10:36:01
117
原创 XSS与CSRF攻击
CSRF（Cross-site request forgery）：跨站请求伪造。XSS（Cross Site Scripting）：跨域脚本攻击。
2023-01-14 10:24:36
122
原创 拖拽元素的实现
window.innerWidth : 浏览器窗口的可见宽度window.innerHeight : 浏览器窗口的可见高度offsetWidth: 返回元素的宽offsetHeight：返回元素的高offsetLeft: 元素左边缘距离浏览器左边缘的距离offsetTop: 元素上边缘距离浏览器上边缘的距离clientX: 鼠标横坐标clientY: 鼠标纵坐标
2023-01-14 08:05:50
262
原创 作用域与作用域链
作用域链主要是进行标识符（变量和函数）的查询，标识符解析就是沿着作用域链一级一级的搜索标识符的过程，而作用域链就是保证对变量和函数的有序访问。
2023-01-14 08:05:32
215
原创 箭头函数与普通函数this指向详解
• 问题: 箭头函数中的this是如何查找的了? ◦ 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.
2023-01-13 16:02:13
537
原创 防抖与节流
防抖（Debounce）和节流（Throttle）都是用来控制某个函数在一定时间内触发次数，两者都是为了减少触发频率，以便提高性能或者说避免资源浪费。毕竟JS操作DOM对象的代价还是十分昂贵的。
2023-01-13 15:49:34
114
原创 vue-cli项目介绍
启动webpack开启运行环境 ------------> 执行 main.js 入口js文件 ------------> 渲染App.vue
2023-01-13 09:54:31
178
原创 对nodejs模块化开发与编写注册接口
在nodejs服务器内新建router文件夹，路由模块，存放客户端的请求和映射的关系。 新建router_handler文件夹，路由处理函数模块，存放每个路由对应的处理函数。 在router文件夹中新建路由模块user.js用于存放与用户相关的接口。
2023-01-13 08:12:11
519
原创 vue中computed和watch的区别
当需要进行数值计算，并且依赖于其它数据时，应该使用 computed ，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。当需要在数据变化时执行异步操作或开销较大的操作时，应该使用 watch，computed 不支持异步。如果需要限制执行操作的频率，可借助 computed 作为中间状态。
2023-01-13 08:10:59
197
原创 ajax、axios、fetch的区别
Fetch 号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多。fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。
2023-01-13 08:10:31
299
原创 React——函数组件与类组件
函数组件也称无状态组件，顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前，react 中的函数组件通常只考虑负责UI的渲染，没有自身的状态，没有业务逻辑代码，是一个纯函数。下面这个函数组件就是一个纯函数，它的输出只由参数props决定，不受其他任何因素影响。
2023-01-12 08:17:34
1660
原创 axios请求接口数据
axios 默认是异步请求，若想等请求返回数据后再往下执行代码，请在需要调用axios的方法前加 async 关键字，且在调用axios请求时加上 await 关键字发送同步请求。
2023-01-12 08:17:13
636
原创 CSS3——transform
1、 转换是css3中的一个特征，可以实现元素的缩放，位移，变形。2、 作用：使元素在位置或者形状上发生一定的改变。3、属性：transform4、属性值：scale：缩放（一般）,translate 位移（重点）,rotate 旋转（重点）,skew 倾斜（了解）
2023-01-12 08:16:56
156
原创 CSS3——animation动画
直接写出所有的相关动画属性（简写），除了animation-play-state 属性。animation：动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态。
2023-01-12 08:16:36
213
原创 CSS3——transition过渡效果
通常当 CSS 的属性值更改后，浏览器会立即更新相应的样式，例如当鼠标悬停在元素上时，通过 :hover 选择器定义的样式会立即应用在元素上。在 CSS3 中加入了一项过渡功能，通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式，类似于简单的动画，但无需借助 flash 或 JavaScript。
2023-01-12 08:16:21
945
原创 遍历数组的常用方式
filter用于对数组进行过滤。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。filter() 不会对空数组进行检测；不会改变原始数组
2023-01-12 08:15:57
592
原创 DOM——0级事件与2级事件
方法：addEventListener/removeEventListener实现DOM二级事件绑定和移出第一个参数：事件名称第二个参数：执行函数第三个参数：指定冒泡还是捕获，默认是false，冒泡。在DOM二级事件中，如果给元素的某一个行为绑定多个执行事件，将都会触发
2023-01-12 08:15:18
175
原创 常见请求状态码
一般情况下，出现500响应状态的原因有很多种，但是主要的是“程序代码和服务器配置”两个问题。相对于代码而言，就是对站点进行升级，网页改版，新增加了一些常用的插件。就比如WordPress插件的版本可能就需要更高版本的PHP才能兼容。
2023-01-12 08:15:06
647
原创 React中antdesign组件库的使用
这里将介绍antd的基本使用，只要学会了一个组件的使用，其他组件的使用方式也是大同小异，由于只是简单的演示，所以一切样式都在App组件里面实现。
2023-01-11 08:14:34
1222
原创 使用webpack打包vue项目
多个js文件打包成一个文件项目里面有多个js需要打包成一个js文件，必须使用模块化开发方式，需要通过一个集合js的文件，将其他各个的js文件模块，进行集中引入。
2023-01-11 08:14:16
1135
原创 组件库——element-ui
ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。
2023-01-11 08:13:59
1225
原创 Ajax网络编程之请求步骤
Ajax ： 即 异步JavaScript 和 XML ，Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，而传统不使用Ajax的网页，如果需要更新内容，必需重载整个网页面。
2023-01-11 08:13:39
84
原创 javascript之debugger与断点调试
程序就是函数堆砌起来的，程序的运行就是函数的执行过程。而通过JS调试，我们可以更为直观的追踪到在程序运行中，函数的执行顺序，以及各个参数的变化。这样我们就可以快速的定位到问题所在。
2023-01-11 08:13:17
9343
原创 Foundation前端页面开发框架
• Foundation 是一个免费的前端框架，用于快速开发。• Foundation 包含了 HTML 和 CSS 的设计模板，提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。同时也提供了多种 JavaScript 插件。
2023-01-11 08:12:55
904
原创 Bootstrap前端组件库
Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap5 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。
2023-01-11 08:11:33
678
原创 Font Awesome 图标
Font Awesome 是一套绝佳的图标字体库和CSS框架。Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。要使用Font Awesome图标，请在HTML页面的 部分中添加以下行：
2023-01-11 08:10:57
346
原创 Echarts可视化图表
丰富的可视化类型: 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭
2023-01-11 08:10:38
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人