夏尔

笔直向前,说到做到(个人网站:iscoser.com)

排序:
默认
按更新时间
按访问量

PHP json_encode中文被编码的解决方案

php给前端返回json数据时,其中的中文被编码了。虽然前端在network的preview中查看浏览器自动转码后的结果,影响不是很大,但是看到原始的response数据还是有点不舒服,于是网上找到了一个解决方案,一行代码。简单记录一下: $response=array('Status'=&a...

2018-11-10 19:53:46

阅读数:21

评论数:0

Vue项目打包优化(MD.10)

好久不见,最近很忙,大家依然可以关注漫岛的最新动态。 今天要说的是Vue项目的一些打包技巧,都是我在漫岛使用过的,因为我们没钱买高配置服务器(目前还是个测试服务器),所以就只能把优化做到更优了。 随着项目开发,上线包体积的增大,尤其是我们的vendor.js,这会让项目首屏加载缓慢,白屏好一阵子,...

2018-11-02 11:44:43

阅读数:28

评论数:0

将html2canvas生成的canvas保存为图片

想要做网页截图保存或者是将页面的某些html元素保存为图片的话,常用的插件就是html2canvas。插件的使用本身很简单,这里说的是如何将其生成的canvas保存为图片。 直接看代码,简洁靠谱我还亲自帮你实践了。 let oCard = document.querySelector(&q...

2018-10-18 10:25:12

阅读数:99

评论数:0

实战解决小程序图片加载问题

相较于web端或者H5开发,小程序本身在性能上弱很多(但用户体验上要好)。以前开发时服务器性能过剩在那里帮你撑着脸面,你对自己的代码质量和编程习惯心里没数,小程序就是一面镜子。 废话少说,要解决的问题是,小程序加载图片闪烁,渐渐出现,出现的很慢等等效果不尽人意的体验。 如果你的小程序本身只用加...

2018-10-11 11:51:05

阅读数:153

评论数:0

小程序setData方法修改data中对象或数组的属性值

开发微信小程序时,使用setData修改data中数据时,针对各种情况的解决方案如下: //示例data: data:{ code:'9527', baseInfo:{ name:'夏尔', age:19 }, family:[{ name:'大头爸爸', ...

2018-09-25 11:39:34

阅读数:87

评论数:0

vue-router新窗口打开页面

vue、vue-Router是用来做单页面应用的,有的时候需要打开新页面用户体验才好,比如(点击图片进入放大模式): 这时候打开新页面浏览这个订单详情很明显比较合适(杠精走开)。 总结了一下,Vue项目使用Vue-router打开新页面的时候一共有如下几种方法,分别适用不同的场景: 1....

2018-09-21 15:36:29

阅读数:199

评论数:0

阻止iview-modal确定时关闭

开发后台管理项目时使用了iview框架,实现模态窗的时候用到其Modal 对话框组件,复制粘贴官方代码时。遇到如下问题: 只要点击确定按钮,modal永远会关闭,return都阻止不了其关闭。 我本来在里面做了一个数据提交操作,在数据提交前要判定数据是否合法,不合法就提示用户修改,但我发现在@...

2018-09-21 14:32:39

阅读数:749

评论数:0

Vue项目兼容IE9以及ES6语法转换(MD.9)

问题:Vue项目用了axios,vuex以及ES6语法等一系列看起来很高大上的新技术后,在IE9-11浏览器直接白屏。 原因:IE对ES6语法支持极差,IE也不支持promise,vuex,axios都依赖promise。 解决方案: 1.首先解决es6语法不兼容的问题,用bable转换...

2018-09-07 20:14:30

阅读数:177

评论数:0

Vue路由守卫-404页面(MD.8)

简单讲一下Vue项目前端路由(Vue-Router)的意外处理,即当用户输入了网站不存在的地址,跳转到指定页面,不至于让页面显示一片空白,用户一脸懵逼,然后吐槽一波你的网站! 废话不多说,在你的router配置脚本(.js文件)的最后面加上一行配置项,代码如下: { path: '*'...

2018-08-31 10:01:25

阅读数:78

评论数:0

自己动手写一个Vue插件(MD.7)

造不完的轮子,封不完的插件。网上什么都有,但是有那找的功夫,自己都写完了。漫岛仍然在向前推进,只是你们看不到最新的更新内容了,剩余的不会展示,等以后上线了再去看把。 讲一下如何写一个的Vue插件,(以一个极其简单的loading效果为例),会了这个其他不愁。 第一步,在components目录...

2018-08-20 23:50:52

阅读数:72

评论数:0

Vue项目打包时背景图片资源路径错误的解决方案

使用项目构建工具webpack或者vue-cli时,打包好的项目放服务器上背景图片都显示不出来,控制台提示资源404 not found,解决办法如下: 在build文件目录下找到utils.js文件 找到如下代码,添加一行代码:publicPath: '../../'即可解决。 如...

2018-08-15 23:05:29

阅读数:48

评论数:0

Less循环等进阶用法(MD.6)

有几天没更新我的漫岛系列了哈,设定十一月底完成漫岛的第一版,时间挺紧迫的,另外,大家能看到的漫岛的部分页面,就截止到个人中心了,其余的先不给看了。 由于知识杂又多,记不过来,像less稍微复杂一点的语法,每次我还得查一查文档,所以把平时遇到的比较不常规的用法记录下来,随时查阅。 言归正传:...

2018-08-14 13:23:35

阅读数:193

评论数:0

纯CSS实现对话气泡(MD.5)

在漫岛的注册成功引导页,有一个小姐姐讲述一些网站的规则的效果,需要一个对话的气泡效果,用纯CSS实现了一下,效果如下:

2018-07-24 10:50:02

阅读数:260

评论数:2

Vue设置全局变量(MD.4)

2018-07-19,22:37,今天完善了漫岛(了解漫岛)的登录注册流程,但这一块暂时不上线。 调取接口的时候发现在请求的url上要重复写接口前缀“http://xxx.com”,当然不能每次都这么写,如果以后接口换成https,或者前缀改了,一个个的改起来那估计得头疼死,于是引出了今天的博客...

2018-07-19 23:07:01

阅读数:485

评论数:0

Vue动态设置title(MD.3)

2018-07-18夜晚22:30,漫岛已经写好一些页面了,目前在等待登录注册的接口。 项目中需要给不同的页面设置title,首先查了一下网上有没有相关插件,哎,有!爽、 名称叫做vue-wechat-title,使用方法非常简单,具体如下: 1.先安装插件,命令行执行cnpm instal...

2018-07-18 22:57:30

阅读数:300

评论数:0

H5上传文件进度条

首先推荐一波我的网站 iscoser.com。 关于原生标签上传文件的方法,之前有两篇都说到了:分别是H5标签上传文件(一)和H5标签上传文件(二、样式美化)。 这一篇我们要讲的是上传文件时的上传进度监听(进度条的实现)依赖jQuery !。 jQuery默认使用的XMLHttpReques...

2018-07-11 16:09:42

阅读数:327

评论数:0

vue+webpack+node快速构建项目(MD.1)

关于漫岛的前后端配合上,采用的是rest API方式,是完全分离的。 考虑到这个项目第一期的页面不会很多,加上第一期要做的是高效率的开发,自然要利用前端的自动化工具。 开始直接用Vue-cli3.0,Vue官方出品脚手架,基于webpack但是做了很多自己的封装和插件选择,这里不推荐对配置完全...

2018-07-08 18:44:09

阅读数:117

评论数:0

漫岛创业故事(序)

2018年,第二个本命年,单身,在北京,我是夏尔! 今年夏天,我的跟二次元相关的一个创业项目得以启动。团队伙伴全部是出于共同的爱好无偿加入帮忙,他们来自天南地北,大部分是通过技术博客和我的宣传页面iscoser.com认识的。在这个信息大爆炸的时代,我的大脑已经接受了过量的信息。我是一个能看到很...

2018-07-08 17:24:12

阅读数:146

评论数:0

优美的Swiper-Scale轮播效果

2018年06月26日,项目中又遇到一个不常规的轮播图,Swiper一直用的很顺手,于是继续用Swiper。 之前我也记录过一个比较有趣的轮播,传送门。 效果图如下:实际效果相当流畅,图片只能5M,录图效果只能如此,完整DEMO可以在这里下载 实现的原理是合理利用CSS3的transfo...

2018-06-28 11:38:50

阅读数:300

评论数:0

H5标签input上传文件(二)

上一篇介绍了如何用H5 input标签的type=file属性来实现图片上传,点这里查看。 今天这篇的目的就是对这个按钮进行的样式美化以及我们可能遇到的相关问题 首先看看原生标签的样子(chrome浏览器): 关键的问题是你没法对原生标签的默认样式进行修改,所以我们必须做一些额外的工作来...

2018-06-27 17:33:17

阅读数:586

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭