- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 ajax get 和post
var xhr = new XMLHttpRequest(); // xhr.open("get","http://localhost:3000/students",true); // xhr.send(); data = { "name":"action is power" ...
2020-03-25 10:28:11
134
2
原创 json-server 学习笔记
这个非常好，能够帮助我们快速的搭建起一个可以crud 的服务器！废话少说，1 ，安装npm i json-server -g2, 在项目的根目录下新建一个db.json 的数据文件3，运行：json-server --watch db.json开启后就可以很愉快的测试了，crud这个测试我感觉还是用postman 测试，比较方便所以我去下载下postm...
2020-03-25 09:55:48
181
原创 promise 从入门到精通1（准备篇）
从这一篇，我将一步步带大家写出一个promise，大家不用着急，我这博客是边写，边做的笔记，所以有可能啰嗦，也会出现很多错误，不过我们不着急，一点点解决，总会全部搞定的！在学习promise 之前呢，我希望你有es6基础知识，什么解构语法，let const 都要会用，这起码的吧！—————————————————————————————————————————————————————...
2020-03-15 10:58:44
308
原创 Promise 最简单的实现
<script type="text/javascript"> //自定义个promise类 ，就这里面写 function P(executer){ // 类里的方法，函数实例 const self = this; self.data = null;// 存放结果值 self.callbacks = [];//存放异步操作...
2020-03-14 09:04:56
235
原创 VUE路由继续改进
为了学习嵌套路由，我们将原来的路由器给抽取出来！抽取成一个单独的目录：index.jsimport Vue from 'vue'import VueRouter from "vue-router"Vue.use(VueRouter);let routes = [ { path:"/foo", component:()=>import(...
2020-03-07 19:15:12
132
原创 VUE-router 官方文档学习1, 动态路由
测试结果：上面的截图看不清楚，因为点击导航时，我没有修改样式，很无语router-link-active修改下样式：再测试下：恩，好多了，起码能看出样式了！/xxx/yy/zz 的形式我们搞定了，那query 形式呢，我测试下！行，我们总结下，1， $route.params 接受/xx/zz 的参数2, $...
2020-03-07 13:43:21
186
2
原创 VUE-router 官方文档学习
从这篇，我们就开始看官方文档我首先用vue-cli 新建了一个项目，将所有的都删除掉了，保持最简单的目录没了，能删除的我都删除，主要是为了测试和学习上面就是App.vue 挂到根vue 中！ 算了，不好理解，我画一个图吧就是说最终呢， App.vue 界面放到了 div#app 的 内！所以上面就会显示我的理解就是render 函数将 Ap...
2020-03-07 13:18:38
1434
原创 vue 复习
vue 复习下，从路由 ,vuex 再复习一遍！vue-cli 已经到了3.0 的时代！ 不对 4.1 的时代，不过4.1 和3.0 差不多，这里我把 创建一个项目的cmd 命令都写下来1 , vue create project_name2 vue ui (图形命令创建方式）3 vue init webpack project_name（小白，强烈建议学习黑马的课...
2020-03-07 12:47:16
218
1
原创 webpack学习12 用eslint 给我们的代码进行自动格式化
废话不少说了，1， 安装包！ 下面四个包全安装好2,配置别着急，还没配置完，还需要在package.json 中进行一个有效的配置好，下面我去测试下！我故意将代码写成这个样子，是不是很乱，下面我们webpack一下，让他自动格式化！行，到此就结束了，eslint 语法检查如此简单！...
2020-03-04 21:41:17
1351
原创 webpack 学习10 ,css 兼容性处理
这玩意主要将我们一些css3 的样式，加上前缀操作 css兼容性处理：postcss --> postcss-loader postcss-preset-env 帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼容性样式 "browserslist": {...
2020-03-03 09:46:58
2740
原创 webpack学习9 打包其它文件中，字体图标文件的使用
前端的知识还是蛮多的，我以前也学过字体图标库的使用，一不写就全忘记了，所以要写博客，忘记了好查！关于字体图标的下载：1， https://icomoon.io/app/#/select就上面地址打开就行下载下来就有例子了！剩下的就是我们照着例子模仿就行了基本就是 style.css 引入了字体库文件，然后使用就行了...
2020-03-03 09:23:06
334
原创 webpack学习8 webpack-devServer
在写这篇之前，我们要补充下配置:其它额外的资源用 file-loader 搞定——————————————————————————————————————————————————好，在开发过程中，我们想实现这种效果，就是我们的源代码发生变化，然后呢，自动编译，自动打包！这样能大大的提高效率，省的我们每一次都webpack 一下，这里要说的是 devServer 只会在内存...
2020-03-02 10:33:17
148
原创 webpack学习7 问题解决 mini-css-extract-plugin的背景图的解决方法及css文件夹
上一节，我们遇到了单独提取文件时，背景图片路径有问题！我们遇到的，别人也会遇到参考https://blog.csdn.net/a806488840/article/details/80920291我们再修改我们自己的配置：行，这个时候我们打包就没有任何问题了！...
2020-03-02 09:53:03
630
3
原创 webpack学习7,将css 单独提取出来
再写这篇博客之前呢，我们首先要解决昨天的引入图片名字过长的问题，我去修改试试！要想让我们修改图片的名字生效，就必须指定limit 属性，配置如下：我们webpack 以下，显示结果如下：我们会发现，我们的声明起效果了，昨天就是没有指定limit 属性，所以导致name属性也不起效果!好，下面我们来搞定如何将css 提取为单独的文件，以前我们都是将css...
2020-03-02 09:39:17
1067
原创 webpack 学习6 ，构建html 中src 的图像
在我们的模板中，假如有这么一句话想将本地图片直接引入进去你试试的话，结果发现不行，这个时候我们需要用到html-loader1, 安装 npm i html-loader -D2,配置：3，使用webpack一下，结果发现目标页面变成 了如下这个样子：这是因为url-loader 默认使用的是es6的模块化机制，而我们想使用普通的com...
2020-03-01 17:49:16
138
原创 webpack学习5，htmlwebpackplugin 插件的使用
我们的目标就是打包的时候，让它自动生成index.html也就是在build 目录下生成目标Index.html好，我们使用html-webpack-plugin 插件来解决这个问题1， 安装npm i html-webpack-plugin -D2, 在配置文件中配置就行了我们来看下源文件：<!DOCTYPE html>...
2020-03-01 17:22:31
1360
手风琴图片大家可以下载
2020-11-22
AJAX(2).rar
2019-12-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人