- 博客(21)
- 收藏
- 关注
RSS订阅原创 Vue框架学习总结归纳
Vue框架前文：库和框架的概念1.库（lib） 代表：jQuery说明：库里面有一系列函数的集合，我们想要实现某个功能，调用库里面的一些方法特点：库为辅助功能，即开发人员说了算2.框架（framework） 代表：vue说明：框架里有一套完整的解决方案，‘它指定了一套规则’，使用这个框架就要按照它的规则去编写代码，编写好之后，框架会在适当的时机去解析我们的代码。特点：框架说了算比如：v-for created data3.库和框架的区别：控制反转（谁说了算，谁起主导作用）库：开发人员说了
2020-11-10 00:34:49
735
原创 项目上线-CDN
项目上线对项目进行打包, 将打包后的内容,部署到服务器中打包 : npm run build把打好的包放到 http-server 里面,演示第一次截图介绍 vendor : 里面放一些第三方包 vue/vue-router/element-ui 包等只要不是我们自己写的代码,都属于第三方优化 :2.1 优化打包的第三方 (CDN)2.2 按需加载首屏加载时间,是衡量一个网站性能快慢的很重要的一个指标,首屏加载时间越快,用户存留就越多,用户量就越高如何提高加载速度呢?//1
2020-11-03 10:34:33
313
原创 初始化项目+准备工作
一 : vue 是 单文件组件导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等参考 : vue => 工具 => 单文件组件什么是单文件组件 ? 后缀为 .vue 的文件单文件组件的三个组成部分 (代码块 : scaffold 自动提示)template (模板结构)script 组件的代码逻辑style 样式注意点 :单文件组件,无法直接在浏览器中使用,必须经过 webpack 这种打包工
2020-11-02 22:49:05
182
1
原创 webpack的介绍
Webpackwebpack官网webpack中文网一 : Webpack 介绍Webpack 是什么?? (面试)前端模块化打包(构建)工具WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块、其它的一些浏览器不能直接运行的拓展语言（Scss，less等）以及新语法，并将其转换和打包为合适的格式供浏览器使用。为什要使用WebPack?? (面试)浏览器不识别 SASS、Less ==> 需要对Less/SASS 预编译CSS =&
2020-11-02 22:45:42
95
原创 webpack的使用步骤
webpack 使用步骤webpack 第一阶段命名初始化阶段项目名不能有汉字,不能取名叫 webpack创建项目名称并生成 package.json, 命令 : npm init -y安装 : npm i -D webpack webpack-cliwebpack : 是 webpack 工具的核心包webpack-cli : 提供了一些在终端中使用的命令-D(--save-dev) : 表示项目开发期间的依赖,也就是 : 线上代码中用不到这些包了创建一个main.js文件
2020-11-02 22:45:15
89
原创 vue.js官方中文文档
vue.js官方中文文档https://vuejs.bootcss.com/guide/vue.js官方文档https://cn.vuejs.org/v2/guide/
2020-11-02 22:25:42
11283
原创 HTML的常用标签
HTML的常用标签：https://www.cnblogs.com/xi1419/p/10117091.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用标签</title> <!-- style标签设置样式 --> <style type="text/css">
2020-11-02 22:12:09
92
原创 解决ajax跨域问题小结
跨域（不同源）一.同源判断标准：协议相同，域名相同，端口相同二.跨域不同源就是跨域，跨域访问会存在安全问题，所有浏览器对跨域进行限制：① 不能共享cookies② 不能互相操作dom③ 不能发送ajax请求1.跨域可以使用jsonp解决（dataType:jsonp）$.ajax({ dataType:'jsonp'; // 设置为jsonp即可解决跨越问题})jsonp的原理：在跨域的情况下，$.ajax内部并没有使用XMLHttpRequest（通过XMLHttpRequest
2020-10-29 23:57:06
237
原创 Promise的简单介绍与使用
一.Promise的介绍1.Promise的由来（1）Promise是es6提出来的一个非常重要的一个语法（2）Promise是一种‘处理异步’的解决方案用“同步编写代码”的方式“处理异步”的一种解决方案，解决回调地狱的问题2.Promise的简单介绍（1）Promise是一个构造函数（2）() 参数里是一个回调函数resolve : fn =>成功操作 调用resolvereject : fn => 失败操作 调用 reject（3） Promise里面放一个异步操作
2020-10-28 12:36:29
316
原创 AJAX的简单介绍与使用
AJAX的简单介绍与使用作用：AJAX可以在不刷新页面的情况下，请求服务器，页面局部刷新一.AJAX请求服务器的步骤1.创建XMLHttpRequest实例XMLHttpRequest对象：具备和服务器通信的能力2.设置请求报文（1）请求行（请求方式/请求地址/协议版本号）（2）请求头（将浏览器相关信息发送给服务器）（3）请求主体（用于存放数据的）3.接收服务器响应内容，用事件监听onreadystatechange注意：get和post请求报文的区别① get方式数据在请求行（拼接）
2020-10-28 11:54:52
126
原创 jQuery学习归纳总结
jQuery学习总结归纳常用版本：jQuery-1.12.4.js（未压缩） jQuery-1.12.4.min.js（已压缩）// 引入jQuery<script src = 'jQuery-1.12.4.js'></script>一.jQuery与DOM1.DOM与jQuery相比：（1）获取元素名字太长（2）代码冗余（for）（3）onclick注册事件存在覆盖问题，addEventListener()注册事件不存在覆盖问题，但有兼容性问题（4）没有动画效果
2020-10-26 23:51:14
590
原创 JS高级（原型，this指向，作用域，闭包等）
JS高级（继承，原型，this指向，作用域，闭包）一.继承（混入式继承 原型链继承 经典继承）面向对象编程(继承 封装) 没有多态(js弱类型语言没有多态，强类型才有)封装：写成一个单独的js文件，需要时在引入（库，插件，脚本）1.混入式继承：把另一对象地属性直接复制过来2.原型链式继承：原型对象添加属性、原型替换3.经典继承：object.create(obj) 以obj为原型的空对象二.原型链：Function.prototype Object.prototype三.this指向(函数的
2020-10-26 16:47:31
273
1
原创 JavaScript-BOM学习归纳总结
JavaScript-BOM学习归纳总结现在所说的JavaScript包含了三个部分ECMAScript：js的语法规范DOM：操作网页的功能BOM：操作浏览器的功能BOM（Browser Object Model，浏览器对象模型）1.概念
2020-10-23 01:22:58
231
原创 JavaScript-DOM学习归纳总结
JavaScript-DOM学习归纳总结现在所说的JavaScript包含了三个部分ECMAScript：js的语法规范DOM：操作网页的功能BOM：操作浏览器的功能DOM（Document Object Model文档对象模型）：1.概念DOM 是 W3C（万维网联盟）的标准。（1）W3C DOM 标准被分为 3 个不同的部分：① 核心 DOM - 针对任何结构化文档的标准模型② XML DOM - 针对 XML 文档的标准模型③ HTML DOM - 针对 HTML 文档的标准
2020-10-22 16:25:04
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人