LC的博客

对前端的基本理解：1.结构（HTML）用于描述页面结构2.表现（CSS)用于控制页面中元素的样式在前端中起美化页面的作用3.行为（JavaScript）用于响应用户的操作在前端中起网页布局修改的作用HTML的基本格式Hyper Text Markup Language(超文本标记语言)（包括文字，图片，音视频，动画等）html的两种打开方式:直接在浏览器上打开通过pycharm打开html的标签分类：单标签 --> 双标签 --> html的标签

**href=”javascript:void(0);”**这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， 点击链接后，页面不动，只打开链接 作用一样，但不同浏览器会有差异。点击点击链接后不会回到网页顶部 点击 点击后会回到网面顶

=后面可以跟block，表示锁定页面none，隐藏对象举个例子<p>示例弹出层： <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">请点这里</a> </p> <d

标签内容不可变动 required属性标签内容不可变动 required属性来设置 话题内容:

安装cmd-npm安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -SCDN-(建议使用npm安装)目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.

Vue Router 是vuejs官方的路由管理器。功能如下： 主要就是页面跳转使用在当前项目下执行npm install vue-router --save-dev使用，在App.vue中导入使用import VueRouter from ‘vue-router’Content.vue<template> <h1>内容页</h1></template><script>export default { n

vue-cli是一个脚手架，用于快速生产一个vue的项目模块环境配置下载nodejs，看以前的文章cmd输入命令npm install cnpm -gcnpm install vue-cli -gvue list # 查看可以创建的vue模板，用webpack，实现兼容性创建模块随意创建一个文件夹，存储项目，进入管理员cmd该项目目录下vue init webpack myvuecd myvuenpm install #根据package.json下载文件npm ru.

计算属性计算出来的结果保持在属性中，内存中运行：虚拟Dom。其实，本质是一个属性，但是内部相当于一个函数来计算，再把计算的结果缓存起来。注意：methods和conputed中的方法名最好不重名，重名的话methods优先级更高使用computed相当于缓存，减少系统开销内容分发 （重点）元素作为承载分发内容的出口。作者称其为 插槽，可以应用在组合组件的场景中。使用地方 是组件和组件之间就是在页面中溜了一部分空白地，还不确定，可以随意插入内容。举例：代办事项组件todo = 标题tyd

Vue：Axios异步通信前提，支持ES6。Axiaos是一个开源的可用在浏览器和NodeJs的异步通信框架，她的主要作用就是实现AJAX异步通信，特点如下：第一个Axiao应用程序：生命周期#Axiao在钩子函数中的使用从上面可以知道，vue中有许多钩子，mounted钩子在整个实例中只执行一次，一般用来发送axios请求。...

mvvmvue官网：https://cn.vuejs.org/例子cdn引用使用,new Vue对象（必须el绑定要使用的标签）创建Vue实例: new Vue()来创建Vue实例构造函数接收一个json配置对象，json配置对象中有一些属性:el: 是element的缩写，通过id选中要渲染的页面元素，本例中是一个divdata: 数据对象，里面可以自定义很多属性，都可以渲染到视图中<script src="https://cdn.jsdelivr.net/npm/v

vue-element-admin官网：https://panjiachen.github.io/vue-element-admin-site/zh/页面体验：https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard页面体验：https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard页面体验：https://pa

webpack是一个前端的加载/打包工具。将多种静态资源js，css，less转化成一个静态文件，减少页面的请求。一.安装1.全局安装cmd命令输入npm install -g webpack webpack-cli2.安装后查看版本号webpack -v二.使用2.1webpack合并js介绍：2.2webpack合并css1.安装style-loader和css-loadernpm install --save-dev style-loadercss-loader

模块化规范：commonJS模块化规范ES6模块化规范（更多使用）模块化就相当于java中类的定义和引用commonJS模块化规范使用先导出exports，在导入require使用ES6模块化规范使用使用的是export和import来导入导出上面这种写法是不常见的，开发是使用下面这种写法导出整个页面...

ES6的很多高级语法是无法直接在浏览器或者node.js中运行。那balel的作用就是将ES6的代码直接转换成ES5的代码（降级处理）。#一.安装cmd输入命令：npm install -g babel-cli 或者 cnpm install -g babel-clibable --version查看版本号#二.babel的使用1.创建babel文件夹2.初始化项目在babel文件夹下cmd输入npm init -y3.创建文件src/example.js，下面的一段ES6代码

NPM包管理器，类似maven，是node.js的包管理工具，存在node里面，安装了node就有了npmnpm -v命令查看官网：https://www.npmjs.com/作用：快速构建node.js工程在控制台敲npm init命令 ，会得到一个package.json的文件，这个问价你的内容如上图快速安装和依赖第三方模块，比如redis，mysql安装多个模块依赖a.快速安装依赖第三方模块的方式npm install xxx 或者 npm i xxx模块名npm i

ECMAScript 组织名，是定义规范的。ES6新特性：1.let和const的定义var 定义全局变量let 定义局部变量const 定义常量let和const解决了var的变量穿透和常量可修改的问题2.模板字符串是用来拼接字符串的，用反引号`和$3.函数默认参数 与 箭头函数函数默认参数：就是在方法的参数后面你加上一个默认值即可。##3.1函数默认参数函数默认不传参的话是undifined，但是es6运行定义的时候给与默认值参数这样，传参那就是这个传过来的值，不传参就

一.node实现请求响应1.1导入模块，用require关键字 – 类似importconst http = require(‘http’)1.2创建一个httpserver服务http.createServer(function)1.3监听一个端口1.4启动服务 node httpserver.js1.5在浏览器访问http://localhost:端口const http = require('http');http.createServer(function(request,

vscode 前端编码软件ES6 新语法，封装了jsNpm 资源管理器Babel 让浏览器识别模块化 管理前端项目Webpack 打包和编译vscode的安装和使用官网: https://code.visualstudio.com/下载直接安装就行了；在插件里面可以直接汉化使用现在本地创建一个空文件夹，然后在vscode中打开，再在其下面创建代码node.js的安装和使用官网：https://nodejs.org/zh-cn/无脑点击安装就行cmd去命令行 输入 no

概念AJAX 使用异步的提交方式，后台进行数据的提交给服务器。1.1.ajax 操作相关的 jquery 方法$.get(url, [data], [callback], [type]) 使用 GET 方法发送请求给服务器$.post(url, [data], [callback], [type]) 使用 POST 方法发送请求给服务器$.ajax([settings])使用原生 AJAX 发送请求给服务器，参数相对比较多一点，设置更加详细。.get([settings]).

js和jq的关系：jq就是一个封装了大量的js函数。一.获取jq方法一：使用CDN 直接引入方法二：导入使用复制 jquery-3.3.1.min.js 文件到项目的 js 文件夹使用在网页中使用 jq 方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="te

#一 操作BOM对象（重点）BOM：浏览器对象模型IEChromeSafariFirefox1.1 window对象（❤）代表浏览器窗口1.2 Navigator对象封装了浏览器的信息1.3 screen对象代表屏幕的尺寸1.4 location对象（❤）代表当前浏览器的地址栏1.5 document对象（❤）代表当前页面获取具体的文档树节点，从而动态修改网页获取cookie1.6 history对象代表浏览器的历史记录二.操作DOM对象（重点）

JavaScript 语言的组成：ECMA ：Script 制定了脚本语言的规范，构成了 JS 的核心语法基础。BOM： Browser Object Model 浏览器对象模型，操作浏览器中的各种对象，如：windowDOM： Document Object Model 文档对象模型，操作网页中各种元素。如：各种标签 inputJavaScript 的 2 种引入方式放在 HTML 中，用于某个 HTML 文档。放在 HTML 外部，以单独的 JS 文件存在，扩展名.js。可以用于不.