- 博客(9)
- 收藏
- 关注
RSS订阅原创 VUE单文件组件
1.Vue单文件组件传统Vue组件的缺陷：全局定义的组件不能重名，字符串模板缺乏语法高亮，不支持css(当html和js组件化时，css没有参与其中)没有构建步骤限制，只能使用H5和ES5，不能使用预处理器（babel）解决方案：使用Vue单文件组件，每个单文件组件的后缀名都是.vue每一个Vue单文件组件都由三部分组成1).template组件组成的模板区域2).script组成的业务逻辑区域3).style样式区域代码如下：<template> 组件代码区域
2021-03-10 11:40:07
334
原创 Webpack的基本使用
1.webpack的概念webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性2.webpack的基本使用A.创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令： npm init -yB.创建首页及js文件在项目目录中创建index.html页面，并初始化页面结构：在页面中摆放一个ul，ul里面放置几个li在项目目录中创建js文件夹，并在
2021-03-10 11:32:17
225
原创 Vue前端工程化
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为：Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范： 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成
2021-03-10 11:24:13
120
原创 vue-router知识点总结
vue-router基本使用<div id="app"> <!-- 1 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --> <router-link to="/user">User</router-link>
2021-03-08 21:33:55
279
原创 AJAX跨域
同源策略是从安全性的角度考虑浏览器的，所谓的同源是指请求的URL地址中的协议、域名、端口都相同，只要有其中一个不相同就是跨域。比如：http://www.example.com/detail.html调用http://api.example.com/detail.html (api 域名不同)调用https://www.example.com/detail.html (https 协议不同)调用http://www.example.com：8080/detail.html （：8080端口
2021-01-11 20:29:49
77
原创 wamp设置多个虚拟主机
设置以上两个文件作为虚拟主机设置好根目录就可以进行多个虚拟机设置啦啦啦1.第一步找到所装WAMP下的这个路径wamp\bin\apache\Apache2.4.4\conf打开httpd.conf文件#Virtual hostsInclude conf/extra/httpd-vhosts.conf #去掉这一行的注释第二步找到安装WAMP下的这个路径\wamp\bin\apache\Apache2.4.4\conf\extra打开httpd-vhosts.conf文件第三步上.
2021-01-08 11:41:20
303
原创 原生AJAX
关于同步与异步我也是第一次接触到，所理解的大概就是页面的同步就是在页面刷新的过程会出现白屏效果。而异步就是页面局部刷新比如评论加载会继续加载未加载出来的内容，而不是刷新整个页面。同步与异步/*单线程+事件队列事件队列中任务执行的条件：1、主线程已经空闲2、任务满足触发条件1、定时函数（延时时间已经达到）2、时间函数（特定事件被触发）3、ajax的回调函数（服务器有数据相应） */ // console.log(1); // setTimeout(function (
2021-01-06 21:28:17
79
原创 原生Ajax
前端小白学习的第二天，内容是关于数据格式解析。xml数据格式/* xml数据格式 元数据：描述数据的数据 这种数据格式的弊端： 1、元数据占用的数据量比较大，不利于大量数据的网络传输 2、解析不太方便 */ <?xml version="1.0" encoding="utf-8" ?><booklist> <book> <name>三国演义</name>
2021-01-06 14:41:55
79
原创 原生Ajax
原生Ajax前端小白学习Ajax的第一天，用以记录一些学习知识。原生Ajax实现局部更新使用Ajax发送请求需要如下几步：创建XMLHttpRequest对象；var xhr = new XMLHttpRequest();准备发送；xhr.open('get', './01check.php?username=' + uname + '&password=' + pw, true);执行发送动作；xhr.send(null);指定回调函数；xhr.onreadystatechange
2021-01-05 22:06:14
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人