首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端技术系列知识
yangll
创建于2022-04-13
订阅专栏
主要记录在学习前端技术时的一些知识。
暂无订阅
共37篇文章
创建于2022-04-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
js对象与数组
js有三大对象,分为本地对象、内置对象以及宿主对象。其中,本地对象、内置对象为ECMAScript的内部的“内置”对象。数组可以用一个单一的名称存放很多的值。并且,还可以通过引用索引号来访问存放的值。
element UI FormData Blob 自定义文件上传
介绍了FormData和Blob。利用FormData来提交表单、模拟表单的提交,最大的优势是可以上传二进制文件。Blob用于文件分片上传,下载文件时可以在拿到二进制流文件到下载文件之间做个性化操作。
Vue组件插槽slot
Vue组件中的插槽是在子组件定义插槽,在父组件中使用插槽,即父组件可以向子组件的指定位置插入html结构,也是一种组件间的通信方式,适用于父组件向子组件传值。插槽分为:默认插槽、具名插槽、作用域插槽。
记录开发时select多选和select自定义事件冒泡问题的解决方法
解决:问题1,select多选时一开始就触发form表单中的rules表单校验规则问题。问题2,select自定义时,点击option中的操作按钮时会触发成功但是下拉框收起显示选择的option的值。
element UI的table自定义和select自定义的理解
table自定义表格,可结合其他组件使用,自定义使用插槽scope来实现。select选择器中的option也可以自定义,比如对每个option的编辑、删除,通过el-option的 slot 实现。
Vue中的ref属性和$nextTick
ref属性应用在html标签上获取真实的DOM元素,应用在组件标签上获取组件实例对象,使用方式是直接给标签加ref属性。nextTick指定一个函数回调,指定的函数回调在DOM更新之后再执行里面代码。
Vue组件间通信事件总线和消息订阅与发布
事件总线可以用在任意组件之间通信,就是在接收数据的组件监听事件,接收事件的回调,在发送数据的组件触发事件并带值,主要是先监听-再触发。消息订阅与发布也是实现组件间任意通信的方法,主要是先订阅-再发布。
Vue组件间通信props和$emit
简单的介绍了父子组件之间的通信方法。父组件传值子组件,在父组件中的子标签上使用v-on绑定,在子组件中使用props来接收。子组件传值给父组件,使用$emit触发父组件的方法时将子组件的值传到父组件。
Axios 简单介绍
Axios是一个基于promise的网络请求库,可以用于浏览器和node.js。在浏览器端借助axios向服务端发送Ajax请求获取数据。在Node.js中向远程服务发送Http请求。
Vuex模块化
Vuex模块化方法 当项目中功能较多时,可能会产生很多的数据,这时使用Vuex就会出现配置很多不同功能的数据,降低了代码的可读性等。 为了解决这些问题,可以使用Vuex模块化。
Vuex中getters和4个map方法的使用
getters是store的计算属性,对state里面的数据进行加工。相当于组件的computed,会根据它的依赖被缓存起来,只有当依赖值发生变化时才重新计算。介绍了Vuex中4个map方法的使用。
Vuex和Vuex数据持久化储存
Vuex是在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式且适用于任意组件间通信。实现Vuex数据持久化存储。
ES6的Promise对象和async函数
Promise是一个对象,从它可以获取异步操作的一些信息。通过new Promise() 即可构造一个Promise实例,这个构造函数接收一个函数,函数接收两个参数:resolve和reject。
Vue2路由的基本知识
主要介绍了路由的基本知识,如路由插件下载、路由创建、路由基本使用、嵌套路由、路由传参、命名路由、编程式路由导航、缓存路由组件、前置路由、后置路由、独享路由守卫、组件内路由守卫等知识。
Vue脚手架搭建(Vue CLI)
配置node环境 :首先需要搭建node环境即下载相应的node包,然后环境变量配置即可。搭建脚手架,首先全局安装@vue/cli,然后创建项目,最后启动项目。
vscode一些vue开发的简单插件和vscode、webstorm、命令方式的git代码提交
简单介绍了vscode一些vue开发的简单插件和vscode、webstorm、命令方式的git代码提交。在使用时,遇见了一些问题,现总结一下。
call与apply中的this指向详解
每个函数都包含两个非继承而来的方法:call()和apply() 。相同点:作用一样,call与apply都是设置函数中this的指向问题,以扩充函数赖以运行的作用域。不同点:传参的方式不同。