摘要: 年中总结,用Nuxt.js写了几个月的项目终于修修改改要上线了,不容易啊。文章会先从为什么使用Nuxt.js进行切入,再讨论在使用过程中遇到的问题跟解决的方法。 正文 1、为什么要使Nuxt.js? 在网站需要SEO的时候,前端的开发流程大致分为:会套后台模板跟不会套后台模板分成两种。 不会套模板就 阅读全文
posted @ 2020-06-22 09:56 PeggyChan 阅读(5166) 评论(0) 推荐(1) 编辑
摘要: 今天元宵, 可以好好的 划水 复盘 想想上个月,哎,996,那些个反馈需求都快赶上二次开发了 里面有一个微信分享的需求, 要分享带图片和标题,但是后台那边没有做这个,说把需求砍了,产品太磨。。。 谁叫我心软呢,就做呗 按照道理,浏览器应该是有原生接口的 标准内置对象navigator列表里找一下看到 阅读全文
posted @ 2021-02-26 17:27 PeggyChan 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 今天出了个bug,明明一样的代码,旧项目不兼容. 开始以为是版本问题,重新npm update 了一下,没用.于是就重新装node_modules,祸事来了 npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on re 阅读全文
posted @ 2020-03-10 17:50 PeggyChan 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 组件 如果组件中有初始方法使用到了document.xxx或者window.xxx,要注意在运行的时候会报错找不到对象 解决方案: 一、在该组件的初始化方法上加判断 if(process.browser){ this.init(); } 二、在引入的页面进行判断 if(process.browser 阅读全文
posted @ 2019-12-06 18:11 PeggyChan 阅读(2307) 评论(0) 推荐(0) 编辑
摘要: 实际项目中有本地,测试,灰度,生产等环境,总不能老是去改配置注释吧,多累啊 于是就有了@nuxtjs/dotenv,可以帮助我们方便的管理我们的环境变量 安装 npm i @nuxtjs/dotenv -s 新建一个文件名为 .env的文件,也可以叫其他名字(.env是默认读取的文件名,可查看官方文 阅读全文
posted @ 2019-12-06 17:52 PeggyChan 阅读(3748) 评论(0) 推荐(0) 编辑
摘要: 按Nuxt 官网,先install插件,然后去plugins目录下面新建一个xxx(插件名字).js,接着nuxt.config.js里面引入即可 踩坑一: /plugins/layer.jsimport Vue from 'vue' import layer from 'vue-layer' im 阅读全文
posted @ 2019-12-06 17:15 PeggyChan 阅读(1305) 评论(0) 推荐(0) 编辑
摘要: 前些天,朋友遇到一个小程序的问题叫我帮忙看看,说是ios上video组件会有严重的黑屏现象,这就有意思了。 知道问题后,我就开始试一试,发现如果页面只有一个video组件的话,是没有什么问题的。但是但页面有多个video的时候,问题就有点严重了: 1、设置了播放方式为非自动播放,但是进到页面的是还是 阅读全文
posted @ 2019-08-23 18:37 PeggyChan 阅读(3731) 评论(0) 推荐(0) 编辑
摘要: 今天做个活动页需要全屏预览图片,用了插件fullsizable.js去写,结果不生效,看了文档发现也没有问题。 后面想着是不是我jq的版本用太高了,立刻成2.x的版本试了一下,果然是这个问题 o(´^`)o 想用jq3.x版本的估计要去吧这个插件的源码改一改 搞定收工 阅读全文
posted @ 2019-08-23 16:10 PeggyChan 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 平时都是用new Date 去获取当前时间,也没有想太多,忽略了new Date是获取本机时间,如果你改了本机时间就会影响到你获取的值 这样做抢购就不是很准确了,要跟服务器同步时间才行。 思路: 只能是跟跟服务器同步,后台返回一个当前时间到开始秒杀中间还有多少秒数,或者你要自己算也可以,只是后台的似 阅读全文
posted @ 2019-08-07 16:11 PeggyChan 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 用webpack4.X 做新的项目,旧的一些插件都废弃了,就跟着官网配置新的,大致用到的就这几个 阅读全文
posted @ 2019-08-07 15:37 PeggyChan 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 报错问题: 1.出现脚本错误或者未正确调用 Page() 环境:开发环境windows字母大小写识别有问题。 可能情况: 1、确定代码无误,删除报错的.wpy文件,重新新建,编译后继续报错。发现名称刚开始用大写后来改成小写,wepy编译后并没有对应改成新的名字报错,去dist目录下找到对应编译后的几 阅读全文
posted @ 2019-07-26 22:07 PeggyChan 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 下面这张是效果图: 先立个flag,一个星期内把这个坑填了 今天7月1号,建党节,在这个伟大的节日,我来填坑了。 这个游戏有以下几个难点: 1、礼品的位置 2、小怪兽位置的变化(走路、转身和回退) 3、小怪兽的跳跃弧度 接下来就是逐个击破: 1、获取奖品数据后,建一个数组存放奖品的位置,通过遍历数据 阅读全文
posted @ 2019-06-24 00:53 PeggyChan 阅读(3218) 评论(3) 推荐(0) 编辑
摘要: 1,安装chart.js和vue-chart.js npm install chart.js --save npm install vue-chart.js --save 2,独立文件,方便修改 封装js,这是折线图的,其他也差不多是这样,改一下Line加以区别就好 3,vue中使用;数据格式可以去 阅读全文
posted @ 2019-05-18 15:40 PeggyChan 阅读(5265) 评论(0) 推荐(0) 编辑
摘要: 官网有介绍的这里就不说,主要有几个步骤: 既然有提示那就跟着提示走咯。执行flutter doctor --android-licenses,一路 y 就好了,完成后会告诉你All SDK packages licenses accepted。 以上就是安装配置的全过程,总共耗费一个下午的时间,写博 阅读全文
posted @ 2019-05-18 11:45 PeggyChan 阅读(3457) 评论(3) 推荐(0) 编辑
摘要: 百度很多说这个方法 window.clipboardData.setData ("Text", "demo"); 实践证明只有ie支持。 改成下面这个方式来复制(以当前链接为例子) var cText = document.location.toString(); var aux = documen 阅读全文
posted @ 2018-01-09 16:58 PeggyChan 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 两个都设置了cursor:pointer无效 解决:设置input padding:20px; 阅读全文
posted @ 2017-11-17 10:47 PeggyChan 阅读(763) 评论(1) 推荐(1) 编辑
摘要: 2017-11-17补充 有个bug,滚到最后一条的时候直接变成最开始的那条 解决:给第一个marquee1加个padding-top(是为行高)判断那里是为 阅读全文
posted @ 2017-10-30 16:29 PeggyChan 阅读(221) 评论(0) 推荐(0) 编辑
摘要: function loadDefault(){ var avatar=$("#avatar").css("background-image"); var imgUrl=avatar.match(/url\("(\S*)"\)/)[1]; var img=new Image(); img.src=imgUrl; if(img.width==0){ ... 阅读全文
posted @ 2017-10-21 15:16 PeggyChan 阅读(1499) 评论(0) 推荐(0) 编辑
摘要: .path1 { clip-path: polygon(5px 10px, 16px 3px, 16px 17px); } .path2 { clip-path: polygon(3px 5px, 17px 5px, 10px 16px); } .path3 { clip-path: polygon 阅读全文
posted @ 2017-10-21 15:15 PeggyChan 阅读(1889) 评论(0) 推荐(0) 编辑
摘要: css: js: onselect 此事件在选择textarea或input内的内容后触发。因此只有input和textarea标签支持。例如: 阅读全文
posted @ 2017-10-21 15:13 PeggyChan 阅读(400) 评论(0) 推荐(0) 编辑