- 博客(27)
- 收藏
- 关注
RSS订阅
原创 2021Web前端面试必问
跨域如何解决解决方案：jsonp(利用script标签没有跨域限制的漏洞实现。缺点：只支持GET请求) CORS(设置Access-Control-Allow-Origin：指定可访问资源的域名) postMessage(message, targetOrigin, [transfer])(HTML5新增API 用于多窗口消息、页面内嵌iframe消息传递),通过onmessage监听 传递过来的数据 Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信
2021-10-10 20:16:49
408
转载 Warning: [antd: Checkbox] `value` is not a valid prop, do you mean `checked`?
React
2023-01-10 15:59:36
1010
1
原创 vue 实现简单的上移下移
多个活动可修改活动的排序，排序影响活动的优先级。有多个活动时，第一个活动无法上移，最后一个活动无法下移。用到了splice方法 ，详见。方法用于添加或删除数组中的元素。注意：这种方法会改变原数组。
2022-11-08 10:43:08
2725
转载 query和params传参的区别
传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。
2022-11-04 11:05:28
4781
原创 vue实现物流时间轴效果
html<ul class="time-axis" :class="{ 'is-done': item.state === 1 }" v-for="(item,index) in timeAxis" :key="index"> <li>{{ item.time }}</li> <li>{{ item.address }}</li></ul>js// 展示时间轴的详情列表 timeAxis: [
2022-04-27 17:00:20
1045
原创 js截取字符串的三种方法
substring() 方法substr() 方法slice() 方法1、substring() 方法，substirng(from,to)方法从from位置截取到to位置，to可选，没有设置时默认到末尾var str = 'www.baidu.com'console.log(str.substring(4)) //baidu.comconsole.log(str.substring(4,7)) //bai2、substr() 方法，substr() 方法可在字符串中截取从开始.
2022-04-24 17:12:07
1324
原创 Swiper的安装及使用
什么是swiperSwiper（swiper master）是一个第三方的库，可以用来实现移动端、pc端的滑动操作，十分方便（官方文档Swiper中文网-轮播图幻灯片js插件,H5页面前端开发）。为什么大家都喜欢使用swiper免费，开源，稳定，应用广泛，文档丰富，大量活跃用户解答疑问，swiper应用广泛，使用频率仅次于jquery, 轮播图类排名第一，是网页设计师必备技能，众多耳熟能详的品牌在使用：阿里、腾讯、百度、拼多多、网易、华为、格力、喜茶、顺丰等，大量demo即下即用，前端新手亦
2022-04-04 17:29:15
7207
原创 js基础知识(部分)
js的书写位置可以将js代码编写到外部js文件中，然后通过script标签引入，写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用的方式script标签一旦用于引入外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略，如果需要则可以创建一个新的script标签用于编写内部代码<script type="text/javascript" src="js/script.js"></script><script type="text/
2022-03-09 17:38:35
708
原创 2021Web前端面试题及Vue组件库相关
前端面试题「自我检验」熬夜总结 50 个 Vue 知识点，全都会你就是神！！！ Vue面试总结 「面试题」20+Vue面试题整理 前端经典面试题 ( 60道前端面试题包含 JS、CSS、React、网络、浏览器、程序题等) 整理的一些 Vue3 知识点 2021年我的前端面试准备组件库View UI一套基于 Vue.js 的高质量 UI 组件库 antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品 Element，一套为开发者、设
2021-10-25 15:02:58
338
转载 2022前端Vue面试题
生命周期函数面试题1.什么是Vue生命周期？vue生命周期是指vue是对象从创建到销毁的过程。2.Vue生命周期的作用是什么？在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。创建阶段：beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)created:实例已经创建，仍然不能获取DOM节点。(有data，没有el)载入阶段：beforemount：模板编译完成，但还没挂载到界面上。(有data，有el)moun
2021-09-27 08:33:58
220
原创 数据库MySQL详解
mysql数据库安装mysql 菜鸟教程在c盘中新建一个web文件夹将安装好的mysql放入web文件进入mysql建立一个文件my.ini,刚建好的文件用编辑器打开，将下面的内容放入my.ini文件中 + [client] # 设置mysql客户端默认字符集 default-character-set=utf8 [mysqld] # 设置3306端口 port = 3306 # 设置mysql的安装目录 basedir=C:\
2021-09-26 10:39:25
93
原创 GIT相关的基础知识
版本控制什么是版本控制版本控制（Revision control）是一种在开发过程中用于管理我们对文件、目录等工程内容修改历史，方便查看更改历史记录，备份以便恢复以前的版本的软件工程技术（多人开发就必须使用版本控制，否则代价成本很大）。特点实现跨区域多人协同开发追踪和记载一个或者多个文件的历史记录组织和保护你的源代码和文档 统计工作量 并行开发、提高开发效率 跟踪记录整个软件的开发过程 减轻开发人员的负担，节省时间，同时降低人为错误
2021-09-24 09:56:46
119
原创 命名路由和命名视图
命名路由和命名视图命名路由就是在routers配置路由的时候给路由取个名，这样的好处就是可以在使用router-link的to属性跳转路由的时候传一个对象从而实现与router.push一样的效果命名视图就是给不同的router-view定义不同的名字，通过名字进行对应组件的渲染。第一个router-view不命名就使用默认的，其它两个router-view添加name属性命名...
2021-09-17 08:56:03
308
原创 onload事件和DOMContentLoaded事件
onload事件和DOMContentLoaded事件onload事件：等待页面所有资源（包括dom树，图片，第三方框架）加载完毕，再执行代码DOMContentLoaded事件：等待页面dom树加载完毕，再执行代码jquery中使用的$(document).ready(function(){}),实际上监听的就是DOMContentLoaded事件...
2021-09-17 08:55:07
556
原创 vue3.0与vue2.0的区别
vue3跟vue2的区别vue3：简要来说就是利用新的语言特性（es6），解决架构问题vue3的新特性：速度更快vue3相比vue2重写了虚拟dom的实现编译模板的优化更高效的组件初始化undate性能提高1.3-2倍SSR速度提高了2-3倍体积减少通过webpack的tree-shaking功能，可以将无用模块‘剪辑’，仅打包需要的，有两大好处：对开发人员，能够对vue实现更多其它的功能，而不必担忧整体体积过大对使用者，打包出来的包体积变小了更易维护
2021-09-17 08:51:55
491
原创 vue中keep-alive的作用及用法
vue中keep-alive的作用keep-alive：可以实现组件缓存，当组件切换时，主要用于保留组件状态或避免重新渲染。比如：有一个列表页面和一个详情页面，那么用户就会经常执行打开详情->返回列表->打开详情，这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染。属性：include:字符串或正则表达式。只有匹配的组件会被缓存。exclude:字符串或正则表达式。任何匹配的组件都不会被
2021-09-16 21:30:46
817
原创 常见的http状态码
http状态码1xx (临时响应)表示临时响应并需要请求者继续执行操作的状态代码2xx（成功）表示成功处理了请求的状态码。常见的2开头的状态码有：200 – 服务器成功返回网页3xx重定向表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。常见的3字开头的状态码有： 301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应时，会自动将请求者转 到新位置。302 （临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进 行以后
2021-09-16 20:06:00
1048
原创 vue组件间通信六种方式
vue组件间通信六种方式组件之间的传值通信组件之间的通讯分为三种：父传子、子传父、兄弟之间的通讯；props/$emit父传子：props子传父：父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件on/on/on/emit这种方法通过一个空的vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件，巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级。具体实现方式：vuexvuex就是一个仓库，仓库里放了很多对象。在state中存放
2021-09-16 17:26:14
862
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人