- 博客(9)
- 收藏
- 关注
RSS订阅原创 Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
在安装babel时遇到了这个问题，原因：babel将前端环境更新到babel7，jest-babel之前是基于babel6的，所以就会报这个错误。解决方法：在终端执行：npm i babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime贴上json配置文件：...
2019-12-29 17:25:24
1436
2
原创 webpack4安装、配置以及使用babel
大家好，我终于学到webpack的babel的使用了，首先介绍一下为什么要使用babel。原因：webpack中，默认只能处理一部分ES6(2015)新语法，一部分更高级的ES6语法或者ES7语法，weback是处理不了的，这时候就要借助第三方的loader，来帮助webpack处理这些高级的语法，当第三方loader将这些语法处理完毕后，就会交给webpack进行打包到bundle.js文件里...
2019-12-29 17:15:28
1201
原创 webpack学习之webpack-dev-server与html-webpack-plugin
关于webpack-dev-serverwebpack-dev-server帮我们打包生成的bundle.js并没有存放到实际的物理磁盘上，而是直接托管到了电脑的内存中，所以在项目根目录中找不到bundle.js。我们可以认为，weback-dev-server把打包好的bundle.js，以一种虚拟的形式，托管到项目的根目录中，虽然我们看不见它，但是可以认为它跟dist src平级，叫做bu...
2019-12-24 01:39:12
294
原创 如何根据项目安装webpack？全安装过程以及遇到的坑坑坑坑以及解决方法！
最近开始学习webpack了，然而在安装的时候就遇到了很多大坑（落泪），经过我的种种聪明才智，终于安装成功了。（给自己比个good）在安装webpack前要先安装node.js，直接去官网下载然后安装就ok啦。可以先打开运行对话框输入node -v以及npm -v查看是否安装成功，如果出现版本号则安装成功。现在webpack已经出4版本了，官网上是不建议全局安装的，所以我也是根据项目进行安装...
2019-12-20 01:32:20
418
2
原创 html中为什么img下方会出现空隙？以及不同的解决方法
在做项目的时候遇到了这个问题。。html中img图片下方出现空隙，但又找不到空隙是从哪里出现的，那么这个空隙到底是哪里来的呢？这是一个很常见的问题，出现这个问题的原因其实很基本。。就是，img是一个行内元素，而设立html标准的是欧洲而不是亚洲，所以为了正确显示带有尾巴（比如j、q、y等）英文字母，就在下方留了一些空白的地方。 所以要解决这个方法其实就是解决文字样式与图片样式的问题。那么现在提...
2019-12-12 18:00:30
1346
原创 解决border-radius溢出问题以及overflow:hidden隐藏失效问题
今天在开发项目时遇到了border-radius的溢出问题，当我给外层ul设置一个border-radius时，内层li的内容就出现了溢出问题，会超过外层的border-radius。解决方案1：在父元素ul的样式中添加overflow:hidden，这样超过ul的元素就会被隐藏。效果：解决方案2：给子元素li添加与外层ul相同弧度的border-radius。效果：就变成了...
2019-12-12 10:39:30
4860
1
原创 vue开发的methods、watch、computed区别与加载顺序
methods、watch、computed都可以用来实现相同的一些指令操作，那它们有什么区别呢？methods方法是一个具体的操作，主要用于书写业务逻辑。watch是一个对象，键是需要观察的表达式，值是对应回调函数。这个属性可以监听data中的指定数据的变化，然后触发这个watch中对应的function处理函数。推荐使用场景：一个数据影响多个数据。computed是一个计算属性，在...
2019-12-12 01:37:56
893
原创 前端路由v-router入门使用：实现登录注册组件切换
什么是前端路由？对于单页面程序来说，主要通过url的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点，http请求不会包含hash相关的内容，所以，单页面中的跳转主要用hash实现。在单页面程序中，这种通过hash改变来切换页面的方式，称为前端路由。什么是后端路由？对于普通网站，所有的超链接都是url地址，所有的url地址都对于服务器上对应的资源。...
2019-12-10 23:48:04
1808
原创 CSS常见的几种布局方式
在看前端面试题的时候经常会看到css的布局方式，今天整理一下分享给大家。#单列布局#两列自适应布局#三栏布局（圣杯布局和双飞翼布局）一、单列布局常见的单列布局有两种：header、content、footer等宽的单列布局实现：对header、content、footer都用width或者max-width设置同样的宽度（当屏幕小于设置的宽度时，前者会出现滚动条，后者显示的是...
2019-12-09 02:34:05
2840
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人