- 博客(21)
- 收藏
- 关注
RSS订阅
原创 一个前后端分离项目上线因OPTIONS请求403引发的思考
最近在上线Vue+Vue Router(history模式)的前后端分离项目时，发现所有的 预检请求（preflight request）都403报错。然而后端反馈已经添加注解允许跨域（具体如何操作，本文暂不描述，可以去自行搜索）。于是排查是否是nginx不支持options请求，并成功定位问题。于是思考如何避免这个问题：1. 不使用跨域2. 不发送options预检请求最后商量决...
2019-03-21 11:15:49
9521
原创 将静态页面部署到GithubPages上
准备开发好的静态网站创建仓库注意， 否则访问：仓库名和用户名保持相同除非是github Pro用户，否则设置仓库为Public克隆仓库，上传代码设置自定义域名先去域名供应商（比如阿里云），购买一个域名。注意 .com, .cn等域名需要实名认证，请自行注意，否则无法使用。准备好域名后，先 ping 你的仓库的 域名 https://username.github.io。这...
2020-01-14 11:29:18
525
原创 css两端对齐的思考
最近上公开课，讲到css的两端对齐，准备写一下心得记录一下。 css两端对齐的两种方式:(原文参见白树大神）[url]http://www.cnblogs.com/PeunZhang/p/3289493.html#text-justify-demo[/url][b]方法一：使用text-align:justify[/b]先看代码html[code="java"]<!DOCTYP...
2019-08-30 15:18:39
161
原创 Nuxt +Typescript 踩坑实践
最近想用 nuxt + typescript 搭建一个基于 Vue服务端渲染 的前端框架。然而随着最近的更新踩了一路的坑，记录一下。Typescript 支持在 nuxt 的中文文档中，明确说明了如何使用 Typescript，然而跟着文档开始之后一路报错，比如 ts无法编译等等等 垃圾！然后才发现，在英文文档中别有洞天。英文文档即 Nuxt 提供了 TS 的 TypeScript...
2019-08-30 11:17:34
3402
原创 注解开发组件 报错 Using the export keyword between a decorator and a class is not allowed.
vue组件注解方式报错 error Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use export @dec class instead.在 npx create-nuxt-app 拉下来的代码中，已完成了 ts 的引入。然后想使用 注解方式 开发...
2019-08-30 11:05:06
4464
原创 express use()和中间件
express use()和中间件express.jsfunction express () { const app = () => { } app.static = () => { // ... } // 内部存在一个任务数组 每次调用use 则将use对于的中间件存入task中 // 每次接受到请求，则依次从任务中走一遍，直至走完或者遇到res.send()、r...
2019-08-22 18:13:29
381
翻译 Express 中文文档 - 快速入门 - 路由
基本的路由Routing是指确定一个应用是如何响应客户端发送到特定端点的请求，该端点是URI(或路径)和特定的HTTP请求方法(GET、POST等)。每个路由可以有一个或多个处理程序函数，这些函数将在路由被匹配的时候执行。路由使用一下的格式来定义：app.METHOD(PATH, HANDLER)app 代表一个express实例METHOD 是一个 小写的 HTTP 请求方法...
2019-07-31 16:39:27
364
原创 让Nuxt服务用ip访问的解决方案
让Nuxt服务用ip访问的解决方案如何解决？如何解决？如果你想用ip来访问nuxt建立的本地服务，可以在 package.json 添加以下代码：..."config": { "nuxt": { "host": "0.0.0.0", "port": 3000 }},......
2019-07-28 15:16:31
3234
1
原创 不用在每个文件中用@import引入样式变量或混入了！这里有更好的办法：@nuxtjs/style-resources
全局SASS/SCSS变量在Vue项目中应用解决方案1.Vue-Cli 下的解决方案 sass-resources-loader如果项目使用Vue-cli 2/3，或者Vue项目用的Webpack，用这个loader都是可以的。官方对于各种场景已经写的很清楚了，请看sass-resources-loader。具体不说明了。2. Nuxt 下的解决方案@...
2019-07-28 14:46:04
1935
原创 Parsing error: Using the export keyword between a decorator and a class is not allowed（脚手架修饰器的问题）
在用到 vue-property-decorator 时 vscode提示Parsing error: Using the export keyword between a decorator and a class is not allowed解决方案：在.eslintrc.js中修改：parserOptions: { ecmaFeatures: { legac...
2019-07-23 14:51:54
4912
转载 Nuxt如何整合Typescript?
参考：https://www.jb51.net/article/161558.htmnuxt.config.js中 webpack的关于ts的loader, 鱿鱼config.module可能取值为undefined 要做以下处理extend(config, ctx) { if (ctx.isClient && ctx.isDev) { ...
2019-07-23 13:47:06
2426
原创 在npm上发布包的记录
最近需要在npm上发布一个包，记录如下：首先在 NPM 官网注册一个账号 或者输入命令npm adduser注册时会要求输入用户名，密码和邮箱。切记需要在邮件中确认。否则会造成npm publish 时出现npm ERR! you must verify your email before publishing a new package在npm adduser 或者 np...
2019-03-21 10:53:24
440
转载 火星坐标、百度坐标、WGS-84坐标相互转换及墨卡托投影坐标转经纬度JavaScript版
https://www.cnblogs.com/fwc1994/p/5884115.html
2018-09-18 17:29:00
424
转载 CSS控制文字，超出部分显示省略号
https://www.cnblogs.com/hellman/p/5755376.html如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;...
2018-08-21 14:24:11
108
转载 Google Map Event 谷歌地图事件
https://blog.csdn.net/lihefei_coder/article/details/73832664 Google Map Event 谷歌地图事件
2018-08-10 14:20:41
974
翻译 axios配置项
{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // 默认是 get // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL ...
2018-07-03 18:33:50
483
转载 计算两个经纬度之间的距离
转载： https://segmentfault.com/a/1190000010371592?utm_source=debugrun&utm_medium=referral// 方法定义 lat,lng function GetDistance( lat1, lng1, lat2, lng2){ var radLat1 = lat1*Math.PI / 180.0; ...
2018-06-26 16:00:24
1365
转载 webpack启用HMR之后使用extract-text-webpack-plugin生产的css文件无刷新解决。
原文：https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-12-ru-he-mo-kuai-re-ti-huan-hmr-lai-chu-li-css
2018-05-09 14:31:47
755
原创 webpack使用extract-text-webpack-plugin打包时提示错误Use Chunks.groupsIterable and filter by instanceof Entryp
当前时间2018年5月9日12:13:11在使用webpack4创建时，使用了extract-text-webpack-plugin插件，然而在打包时实现错误：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (E:\web...
2018-05-09 12:17:24
452
原创 实现等分的宽度高度相同的自动换行图片展示
效果图：思路：1.容器中的每个图片容器占25%，超过100%后自动换行2.使图片的高度与宽度一致3.图片容器添加内边距，使图片有分隔感实现：针对思路1，在移动端网页下首选使用display: flex;来实现图片容器的横向自适应宽度。给每个容器25%的宽度（根据每行几个容器计算）。或者可以使用子容器浮动设置宽度并清除浮动的方式实现思路1。.parent:after{display:block;cl...
2018-05-08 14:14:21
1035
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人