- 博客(19)
- 收藏
- 关注
RSS订阅原创 webpack学习(手写webpack、loader、plugin)
1 webpack介绍webpack是一个开源的前端打包工具，Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。如：将浏览器无法识别的es6代码转换成es5、sass和less等css框架进行转换成css文件、通过使用pollify解决浏览器兼容等问题。2 配置文件的作用配置文件主要是告诉webpack那个文件为打包入口(entry)、向何处输出改文件(output)，在输出的过程中需要通过什么插件帮忙转换和处理代码(loader和plugin)等等，
2021-11-02 09:25:04
453
原创 webpack个人学习小结（看个人懒勤程度更新）--我也是个菜鸟哈
安装1.node.js2.npm install webpack -b使用命令：webpack (需要打包的文件) (打包后文件的名字(一般都是bundle.js))将js向外暴露module.exports = {}接受暴露的js var jieshou = require(".js")...
2019-09-21 09:11:19
203
原创 input[type='file']图片选择后在页面显示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></s...
2019-09-19 20:26:57
1246
1
原创 git项目到github
安装打开git bashgit config --global user.name "github用户名"git config --global user.email "github邮箱号"ssh-keygen -t rsa -C "github邮箱号" //获取私钥C:\Users\Administrator.ssh找到生成的id_rsa.pub 用记事本的方式打开复制...
2019-09-18 22:12:04
158
原创 nodejs(包括express的基本使用)
1.普通的http请求//使用 HTTP 服务器和客户端var http = require('http')//创建一个web服务器 并且返回server实例var server = http.createServer()//当服务器收到request事件的时候触发后面的回调函数server.on('request',function(request,response){ resp...
2019-09-15 16:43:43
2295
原创 sass
1.先安装ruby2.cmdgem install sassgem install compassnpm install --save-dev node-sassnpm install --save-dev sass-loadernpm install --save-dev css-loadernpm install --save-dev style-loader
2019-09-08 21:50:59
161
原创 javaScript闭包
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures
2019-09-08 21:50:46
132
原创 axios
1.配置https://www.kancloud.cn/yunye/axios/234845官网参考在这里插入代码片2.跨域proxyTable: { "/api":{ target: 'http://45.79.75.100:8889', changeOrigin: true, pathRewrite: { ...
2019-09-08 21:50:30
129
原创 HTML -> ECharts插件
下载地址为：https://echarts.baidu.com/download.html下载完后JS引入即可开始使用<script src="js/echarts-all-2.2.0.js" type="text/javascript" charset="utf-8"></script>
2019-09-08 21:50:22
2363
原创 中国各省省会经纬度
'山东':[117.000923, 36.675807] '河北':[114.48333,38.03333] '吉林':[125.35000,43.88333] '黑龙江':[126.63333,45.75000] '辽宁':[123.38333,41.80000] '内蒙古':[111.6...
2019-09-08 21:50:13
15608
2
原创 vue run build报错问题
第一种网站上面一堆说什么去vue.config.js中配置performance，我就一直找结果还是没找到，看了很多篇都是复制黏贴，最后我就一个个配置文件试过去，最后终于给我试成功了我的是在webpack.base.config.js文件中配置。根本不是在什么vue.config.js中performance: { hints: 'warning', //入口起点的最大体积 ...
2019-08-19 16:03:27
2029
原创 SpringMVC学习笔记（二）
跨域的问题后台代码：@Controller//4.x以后解决跨域的方法 可以通过加注解 @CrossOrigin。。。可能我比较笨。。。我用的时候能连接200但是还是提示跨域错误，所以我用最原始的servlet方法解决跨域问题public class houtaiDemo{ @ResponseBody @RequestMapping(value="/main",method=Reque...
2019-08-11 15:31:12
149
原创 滚动条三要素scrollTop clientHeight scrollHeight
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></s...
2019-08-07 14:46:15
1290
原创 cookies sessionStroage localStroage
一. cookies和localStroage是支持跨页面传输数据，而seesionStroage不支持跨页面二.cookies的使用1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>使用Cookies.set("one",...
2019-08-06 17:33:07
275
原创 一个简陋的Vue星星评级
<template> <div id="star"> <div class="ImgDiv" :class="[{WhiteImg:num < key},{blackImg:num>=key}]" v-for="(index,key) in 5" :key="key" @mouseenter="EnterStarNum(key)"><...
2019-08-01 23:43:53
231
原创 SpringMVC学习笔记（一）
1.配置Spring运行环境（以4.4为例）下载Spring插件,器中Eclipse版本自己设置,就是e4.4那里Spring Tool Suite 3 Update Site for Eclipse 4.4 - https://download.springsource.com/release/TOOLS/update/e4.4/1.搭建springMVC的第一个运用web.xml&l...
2019-07-21 15:31:22
133
原创 router中push的几种用法
路由设置部分import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import main from '@/components/main'import one from '@/components/one'import two from '...
2019-07-16 19:44:29
2560
原创 Vuex的一些个人理解
最近学习到Vuex发现他真的是一个很牛逼的东西，它能够将那些好几个界面需要用到并且当一个界面发生改变的时候另外几个界面也会发生改变的业务中。比如说一个登录界面中登录成功后可以把账号信息保存在Vuex中定义的数据里面，然后所有界面都可以从Vuex中把他给取出来就不用Props或者emit去传递数据。首先我们通过终端去加载Vuexcnpm install vuex --save加载完之后我们...
2019-07-13 13:01:56
156
原创 对Iframe这个组件的一些理解
讲道理 说实话 很烦！！！！！！！！！！！！！！！！我在一次项目中运用到iframe时候我的脑袋里第一个想法就是，这是个什么玩意。。。。好吧，废话不多说，接下来就是我对这个玩意的一些个人理解首先就是iframe的基本应用了 <body> <div id="father_div"> <div id="child_content"> <...
2019-07-11 21:16:16
643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人