随笔分类 - 前端web笔记
摘要：一、 环境搭建 1）安装：在前端项目根目录下的终端 2）配置：自己在项目根目录下新建 二、BootStrap环境搭建 1）安装：在前端项目根目录下的终端 2）配置：自己在项目根目录下新建
阅读全文
摘要：element ui插件 element ui就类似于BootStrap框架，前者是在vue项目中运用，后者是在原生项目中运用，当然也可以在vue项目中运用 环境搭建： 1）安装：在前端项目根目录下的终端 2）配置：main.js 3）使用：根据视频和官方API接口
阅读全文
摘要：axios插件 使用方法： 1）安装：在前端项目根目录下的终端 2）项目配置：main.js 3）在任何一个组件的逻辑中，都可访问this.$axios() 同源策略 跨域问题 一、django默认是同源策略，所以前后台分离项目，访问django会出现CORS跨域问题的报错 二、什么叫跨域 i）ip
阅读全文
摘要：前后台数据交互的几种方式 form表单方式 1）get | post 两种请求方式，get请求包含直接在浏览器中输入url回车后发送的请求 2）该方式的特点是一定会发生页面的跳转（刷新页面叫本页跳转） 后台决定页面路由 ajax异步方式 1）get | post | patch | put | de
阅读全文
摘要：1）cookie：以字符串形式存储，数据有过期时间（过期时间到，数据失效吗，否则永远有效） 2）localStorage：以对象形式存储，数据永久保存 3）sessionStorage：以对象形式存储，生命周期同所属页面标签（页面不关闭，数据就有效） 4）vuex(store)：以对象形式存储，当页
阅读全文
摘要：vuex插件 作用 ：可以完成任意组件间信息交互(移动端) 特点： 1）vuex是实现任何组件间的信息交互的，可以理解为全局的一个单例，为任何一个组件共享vue仓库里的数据 2）在任何一个组件的逻辑中，都可以访问这个仓库 3）基于该仓库取值的话，每次刷新页面都会导致页面的刷新，因为值是从仓库取的，仓
阅读全文
摘要：全局配置自定义css与js 配置全局css 首先在src下的assets目录下创建css文件夹，用于存放css全局文件 1、在创建好的css文件夹下创建 文件，内容如下： 2、在全局入口文件main.js中导入 配置全局自定义js 首先在src下的assets目录下创建js文件夹，用于存放js全局文
阅读全文
摘要：路由传参 用于组件与组件之间通过路由传递数据 通过url正则传递数据 i）设置 ii）如何传 vue this.$router.push( ) vue this.$route对象是管理路由参数的，传递的参数会在this.$route.params字典中 this.$route.params.pk 示
阅读全文
摘要：组件的生命周期钩子 一、组件的生命周期：一个组件从创建到销毁的整个过程 二、生命周期钩子：在一个组件生命周期中，会有很多特殊的时间节点，且往往会在特定的时间节点完成一定的逻辑，特殊的事件节点可以绑定钩子 注：钩子 提前为某个事件绑定方法，当满足这个事件激活条件时，方法就会被调用 | 满足特点条件被回
阅读全文
摘要：组件传参 父传子 1）在子组件内部通过props设置组件的自定义属性 2）在父组件渲染子组件是对自定义属性赋值即可 示例代码： 子组件示例代码 父组件示例代码 子传父 前提：子组件是被父组件渲染的，所以子组件渲染要晚于父组件。 1）在这个前提下，子组件一定要满足一个条件，才能对父组件进行传参（某个时
阅读全文
摘要：路由逻辑跳转 我们之前学习的跳转页面使用的是router link进行跳转，router link的方式类似a标签进行跳转，且与a标签来相比并不会导致页面刷新，但我们有时候需要在某些逻辑或普通按钮上完成页面跳转。（router link最终在页面上解析为的样式是a标签） 很多时候，我们需要通过普通按
阅读全文
摘要：组件数据局部化处理 同一个页面可能同时复用一个组件两次，但每个组件的数据不相同，需要区分开，因此我们需要对组件的数据局部化处理 不管页面组件还是小组件，否可能被多次复用 复用组件的原因，其实就是复用组件的 页面结构、页面样式、页面逻辑 但是页面上的数据需要区分（被复用的两个组件数据多少是有区别的），
阅读全文
摘要：Vue项目的初始化流程： 1、先创建项目 2、配置根组件 3、进行路由的配置 4、组件配置：views和components文件夹 先删除Home.vue和About.vue组件 初始化Home.vue，创建新的Home.vue组件 5、分类管理资源：assets文件夹 建立img、css、js子文
阅读全文
摘要：安装Vue的脚手架cli环境 1）官网下载并安装node，附带npm https://nodejs.org/zh cn/ node环境： 可以解释执行js语言 提供了npm应用商城，可以为node环境安装其他插件 提供了socket，可以提供npm命令来启动socket 2）换源：将npm欢迎为cn
阅读全文
摘要：Vue指令 1、文本指令相关 v 是Vue指令，会被vue解析，v text="num"中的num是变量（指令是有限的，不可以自定义） v text是原样输出渲染内容，渲染控制的标签自身内容会被替换掉（123会被num替换） v html可以解析渲染html语法的内容 js基本数据类型：字符串，数字
阅读全文
摘要：Vue实例 1、el：实例 2、data：数据 3、methods：方法 4、computed：计算 计算属性：定义方法属性，方法返回值是属性，不需要在其他地方重复定义，会监听方法中出现的所有变量。 1) 其实就是vue中的方法属性，方法名可以作为属性来使用，属性值为方法的返回值 2）在comput
阅读全文
摘要：Vue基础 渐进式JavaScript框架 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 走进Vue 什么是Vue 渐进式JavaScript框架，可以独立完成前后端分离式web项目的JavaScript框架 渐进式：可以控制一个页面的一个
阅读全文
摘要：js对象补充 普通对象与对象简写 第一种类(了解) 第二种类(了解) 类属性 js函数补充 补充 强语言与弱语言 强语言：Python 弱语言：JavaScript
阅读全文
摘要：jQuery介绍 1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do m
阅读全文
摘要：前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习 和`DOM`相关知识。 JavaScript分为 ，`DOM BOM`。 （Browser Object Mo
阅读全文
浙公网安备 33010602011771号