一只迷路精灵-CSDN博客

原创 iframe通信

一、说说iframe的跨域当文件目录如下，网站中有2个目录分别为a、b，并且各有一个index.html，a目录下还有个b.html：a页面有4个iframe，分别以相对路径和绝对路径嵌入【/a/b.html】和【/b/index.html】，/a/index.html页面的body内容如下：<iframe src="./b.html" frameborder="0"></iframe><iframe src="/b/"

2020-09-22 19:26:32 5347

原创 Linux部署nuxt

首先，你需要一个Linux服务器，上面安装好node和nginx(安装流程参考我前两篇博客）然后，你有一个nuxt项目上去....废话不多说。部署方法有三种：一、在电脑上打包后上传到Linux运行：项目打包：npm run build然后把根目录下面的五个文件：.nuxt文件夹static文件夹nuxt.config.jspackage.jsonpackage-lock.json把这几个文件上传到linux上面你的项目目录里，然后运行：安装依赖：npm install运

2020-09-03 17:22:45 1853 1

原创 Linux一步安装nginx

nginx安装：yum install nginx -ynginx设置开机启动：systemctl start nginx.service安装完毕...修改配置请进入 /etc/nginx,然后：vim nginx.conf//刚进去是只读状态按i进入可编辑：i退出编辑：Esc保存并退出: :x如果提示权限不能修改，就强制保存: :wq! 修改完nginx.conf记得重启nginx，不然不会生效哦~nginx -s reload...

2020-09-03 15:42:02 185

原创 Linux上安装node.js详细步骤

Linux上安装node.js:回到根目录：cd /创建node文件夹：mkdir node进入node文件夹：cd node下载node.js：wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz // 下载解压node.js: tar xf node-v12.18.1-linux-x64.tar.xz // 解压回到根目录：c...

2020-09-03 11:26:40 216

原创前端页面上的SEO优化

今天我女票（也是前端）问我了一下SEO优化的问题，我翻了一下以前总结的，还是打算扔博客里吧。一、SEO优化内容1.内部优化　　（1）META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化　　（2）内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接。　　（3）网站内容更新：每天保持站内的更新(主要是文章的更新等)。（4）H...

2019-01-23 10:36:06 554

原创地区picker 各选择器，优劣分析

我喜欢在博客园先发布博客，再复制进CSDN，原因嘛.....因为csdn的博客编辑器没博客园的好用，嘿嘿嘿移动端选择器picker有很多，各大ui组件都有自己的picker，比如light7，HUI，MUI，jqueryUI等等。但是，我发现他们都有各种各样的问题。这次的地区选择，需要地区的省份+市+经纬度，还要设置第一次点开的时候是特定城市。demo：链接：https://pan.bai...

2018-11-27 16:57:52 400

原创 echarts 点亮中国插件研究

echarts 真的是个神奇的东西，最近做了一个需要点亮中国的移动端项目，前期就怎样点亮中国做了调研，发现微博当初炫酷的点亮效果就是用echarts做的，于是研究了一下。一连研究了一堆demo，不管从官网还是GitHub上面，大多demo的数据都是自己的格式，于是乎根据API自己研究了一下，把demo和最终结果整理了一下。网盘：https://pan.baidu.com/s/15ndzg5...

2018-11-27 16:55:26 682 1

原创项目小结：手机邮箱正则，URL各种判断返回页面，input输入框输入符合却获取不到问题

1.手机邮箱正则近两年出来很多新号码，听说199什么的都有了- -导致以前的正则不能用了....这就很难过，总是过一段时间出一种新号码。因此，我决定使用返朴归真的手机正则。手机正则：var reg=/^1[0-9]\d{9}$/;邮箱正则：var mailReg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-...

2018-11-27 16:54:07 208

原创关于vue跨域名对接微信授权认证和APP授权认证

这种情况一般也只会出现在前后端分离，跨域名授权的时候吧。耗费了一个前端+一个后台+一个网关，熬夜通宵了两天才整出来一套方法（你们见过凌晨6点的杭州吗，对，我下班的时候天黑了，到家天亮了。。。。），和开发APP第三方各种联系，各种百度、谷歌what、why...先说说和微信的授权认证吧，后台和网关直接的逻辑流程就不说了，就说前端的：前端业务逻辑是在加载页：1.请求网关接口，获取用户授权状态。2.如果...

2018-05-08 13:28:13 3458 1

原创 IOS微信后台运行时候倒计时暂停问题

链接：https://pan.baidu.com/s/1i7cSkqL 密码：g80i　　最近给央视做了个H5答题游戏，但在倒计时上遇到一个终端问题：手机端按Home键将微信收入后台之后，IOS11 会继续跑JS五秒钟，注意是5秒，也就是倒计时9的时候收到后台，等1分钟再打开，JS会从4开始倒计时。听说IOS6的时候能跑10分钟，IOS7有3分钟，IOS11只有5秒....但TM就是个B

2018-02-07 13:51:02 1349

原创 IOS 时间字符串转换时间戳失败问题

链接：https://pan.baidu.com/s/1nw6VWoD 密码：1peh　　有时候获取到的时间带有毫秒数或者是（2018-2-6 11:11:11）格式的（别说你没遇到过，也别什么都让后台转好给你，程序员就是在长跑，短时间内看不出什么，但一年两年后，有的人成了大神，有的人却还是只会切图），这样的字符串在ie11和IOS系统上jquery的getTime()无法将其转为时间戳（

2018-02-07 13:46:51 1200

原创 div仿td标签属性

链接：https://pan.baidu.com/s/1kW1At9d 密码：g0he　　这里说的div是指固定大小的，动态往里面填充文字的时候，文字一直水平垂直居中（换行也是）。就和td标签一样。当然这个demo是针对文字的，如果有人问图片和其他固定大小的盒模型怎么办- -我只能说回去好好学学基础，用“绝对定位”和“相对定位”呀。　　废话不多说，demo在文章顶部，这里写一下代码

2018-02-07 13:43:31 491

原创微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片

以下代码都经过iphone7，华为MT7 ，谷歌浏览器，微信开发者工具，PC端微信验证。如有bug，还请在评论区留言。 demo链接：https://pan.baidu.com/s/1c35mbjM 密码：5yyf1.移动端微信浏览器返回刷新事件，在返回后的页面上加上以下代码： $(function () { var isPageHide

2018-02-07 13:37:45 1913

原创文字横屏滚动效果，jquery和marquee标签

链接：https://pan.baidu.com/s/1pMwHYH1 密码：r9ys　　marquee标签是微软创建的，后来大部分浏览器都适用后，微软在IE8把这个标签去掉了。为符合W3C规范，还是使用flash或jquery做吧。demo里有多个jq特效可自选。　　突然喜欢上收集插件了，这次没改哦，直接照搬网上大神的jq插件，借花献佛收藏了。顺便推荐一下那个网站：htt

2018-02-07 13:26:45 3386

原创高仿bootstrap样式的分页插件

链接：https://pan.baidu.com/s/1jKgn2hK 密码：whwl不知道是自己的第几个分页插件了，以前写一个丢一个，桌面，U盘，移动硬盘。想用的时候找不到，这次传网上来。大家帮忙看看，哪里还需要改进的~

2018-02-07 13:23:12 356

原创 exif.js 旋转图片

还是那个问题：网上的大胸弟们BB一大堆，没几个给的代码能用的，话不多说，直接上demo：链接：https://pan.baidu.com/s/1jJ6vnt8 密码：swwm不要忽视demo中的setTimeout，每个人的机子和浏览器的反应速度不同，而exif.js貌似又是异步型的，如果不用setTimeout，会导致在某些浏览器（PC或手机）不能旋转。我在demo设置的时间为1

2018-02-07 13:21:40 1295

原创网页转图片--- html2canvas截图

最近有个做在线名片（可保存图片至本地）的任务，特意研究了一下图片生成，也踩了几个坑。特此总结一下，顺便分享一下demo：　　链接：https://pan.baidu.com/s/1o98UBJO 密码：s0hz　　其中也遇到了一些坑比如查询网上的 html2canvas 使用方法，发现很多人总结的方法做出来的图很模糊，或者不支持移动端。最后发现官方API给的方法可用，但是用官方给

2018-02-07 11:21:29 833

原创我来CSDN啦~

在博客园混了2个月，平时上班比较忙，空闲的时候会学习一下新知识，总结一下项目中遇到的坑和解决方法，写成demo，发到博客上和大家分享。这两天我会把博客园上面的文章都在CSDN上发一遍，之后将在博客园和CSDN上面双更新文章，谢谢大家的支持，提前祝大家新年快乐！

2018-02-07 11:05:21 244

qq_28494649的博客