- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 通过前端js获取本地ip
简介最近写项目遇到了一个需求，要获取到本地的IP地址，很头疼…以前只知道后端可以获取到IP，前端获取IP真的是一筹莫展。在搜资料的时候看到搜狐有一个文件地址，可以获取到本地的IP，抱着试一试的心思，没想到，果然可以！！！使用方法1、引入下面的代码，将代码放到HTML文档的head中 <script src="http://pv.sohu.com/cityjson?ie=utf-...
2019-03-28 18:09:25
10444
原创 前端生成二维码 --- QRCode.js
一、简介QRCode.js是一个通过js生成二维码图片的插件。通过引用这个js，前端可以很方便的生成二维码图案，不需要再通过后端进行生成调用，大大的节省了时间和资源。点击查看文档二、使用方法（1）引入js文件(下载QRCode.js) <script src="qrcode.js"></script>（2）DOM结构 <div id="my...
2019-03-27 11:19:16
1180
原创 webpack代理实现vue或者react项目的跨域问题
webpack是一款很好用的打包工具，同时它还可以创建一个本地服务器，是你的前端代码可以在服务器的环境下运行。proxy（1）代理路由proxy是webpack中devServer的一个配置，主要是用来代理某些URL的。proxy: { "/api": "http://localhost:3000"}像这样，运行webpack就可以实现代理的效果了，这时候你请求接口/api/...
2018-12-27 22:48:50
2110
原创 判断一个人的年龄是否满足18岁
思路判断一个人的年龄是否大于18岁，可以分为以下几步：1、获取当前的年、月、日，并且将年份减去18，得到十八年前的年份；2、判断月份是否为2月且日大于等于28，如果是，则执行判断18年前是否为平年，若是平年，当前日期为28，若是闰年，当前日期为29.3、通过new Date方法获取指定时间的日期对象，并获取他的时间戳4、通过用户选中的时间戳和18年前的时间戳比较，若用户选中时间戳大于1...
2018-12-25 17:21:54
12884
原创 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' f
errorWARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each ...
2018-12-24 11:32:08
14350
5
原创 npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall access
errornpm ERR! path /usr/local/lib/node_modules/webpack-cli/node_modules/wrap-ansinpm ERR! code ENOENTnpm ERR! errno -2npm ERR! syscall accessnpm ERR! enoent ENOENT: no such file or directory, acc...
2018-12-24 11:26:22
23697
5
原创 Error: Cannot find module 'webpack-cli’
error+ [email protected] 1 package in 4.777s{ Error: Cannot find module 'webpack-cli' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15) at Function.Module._...
2018-12-24 11:20:57
5018
1
原创 One CLI for webpack must be installed. These are recommended choices, delivered as separate packages
errorOne CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack/webpack-cli) The original webpack full-feature...
2018-12-24 11:07:34
4380
1
转载 Error: Cannot find module '@babel/core'
在配置webpack打包的时候,出现Error: Cannot find module '@babel/core'错误，控制台打印如下图：网上查找原因发现是babel-loader版本原因所致，参照网上方法，将babel-loader安装回@7.1.5版本，重新打包，打包成功；相关依赖版本如下：...
2018-12-24 10:48:40
2819
原创 学习webpack（二）之 webpack配置
简述当我们在终端中使用webapck命令时，默认首先查找是否存在webpack.config.js文件，如果存在，就使用这个文件中的配置；如果不存在，就使用终端上你输入的命令。因此，我们可以在项目中创建一个webpack.config.js文件，然后在终端直接输入webpack命令完成打包任务。webpack.config.js在上一篇我们已经知道，webpack分为四个部分，入口（en...
2018-12-22 21:37:15
4636
原创 学习Webpack（一）之 初识webpack
学习Webpack（一）之 初识webpackwebpack简介在官网中说，webpack是一个现代javaScript应用程序的静态模块打包器。他可以分为入口（entry）、出口（output）、转换器 （loader）、插件（plugins）四个模块。通过这四个部分，webpack将前端静态资源按照不同的类型分成不同的模块，并进行资源的压缩和转换。在前端开发中，webpack是我们的开发...
2018-12-21 00:00:44
9421
原创 React经典面试题
React经典面试题1、react生命周期及相关用法react生命周期分为初始化阶段、运行阶段、销毁阶段。(1) 初始化阶段：componentWillMount：实例挂载之前Render：渲染组件componentDidMount：实例挂载完成。一般在这个函数中与后台进行初始化数据交互。(2)运行阶段：componentWillReceiveProps：父组件改变时调用。...
2018-12-20 17:37:19
30111
原创 基于XMLHttpRequest对象的ajax拦截
导读 在web前端开发中，我们经常会与后端进行数据的交互，ajax即是其中的一种方式；它是通过XMLHttpRequest（简称xhr）对象进行的http请求；在发起请求时，首先会创建一个xhr对象，并且每次向服务器发送请求的时候都会调用xhr对象原型中的open方法，因此我们就可以对其进行改造，以达到ajax拦截的效果； 话不多说，直接上代码：(function(xhr){...
2018-10-24 22:20:48
11793
1
原创 js常用的正则验证
一、手机号码验证（一）中国电信号段：133、149、153、173、177、180、181、189、199（二）中国联通号段130、131、132、145、155、156、166、175、176、185、186（三）中国移动号段134(0-8)、135、136、137、138、139、147、150、151、152、157、158、159、178、182、183、184、1
2018-01-05 15:04:57
10830
Scss移动端样式库
2019-03-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人