分类目录归档:web-前端

vue-解决弹出蒙层滑动穿透、滚动穿透问题【好东西忍不住转】


vue-解决弹出蒙层滑动穿透问题

最近开发过程中遇到一些小问题(似乎问题总是那么多),但一直没什么时间去优化与解决。程序员不能被业务绑架,有时间还是花点在代码上?,开始这次的vue尝试吧。

【遇到的问题】

  在一个可滑动列表页弹出一个全屏蒙层,蒙层固定,中间一块显示消息框,当用手滑动蒙层空白处时,滑动事件会穿透到底部列表页,导致列表页的滑动。

【要实现的目标】

  1. 滑动蒙层空白处不让...

Read more

浏览器语言判断js方法


演示地址

浏览器语言判断方法

Read more

vue上传图片到oss(带有图片删除\数量限制等功能)


基于版本

https://www.jianshu.com/p/2b5681efbc42
效果图

[caption id="" align="alignnone" width="907"] 上传图片效果图[/caption]

优化点: 1、限制上传图片数量功能 2、进度显示,按简单数量比例走 3、注意点,oss配置权限设置可以put上传

源码地址:https://gitee.com/guocd...

Read more

全屏背景--CSS实例


全屏背景

不仅仅是简单的 background-size: cover 那么简单了,还需要进行小小的处理。先说说我希望实现的效果吧。我希望的效果是整个背景能够填充整个页面,并且在页面元素上下滚动的情况下,背景固定而不随着元素滚动。

放到往常我可能会这么写:

body,html{
  height: 100%;
}

body{ background: url(bg.png) center...

Read more

Material Design 设计规范【ui设计师的天堂规范】附实例


据此标准开发的rubik demo google Material Design ,原文写的非常细,有小伙伴觉得岑长难以消化,团队内部做UI和交互规范特地简化浓缩了下,精要居然还有100张ppt,现在整理一份网页版大家一起分享学习!个人理解不同异议详见原著。
一、核心思想 原质化设计(Material Design)核心思想,就是把物理世界的体验带进屏幕。去掉现实中的杂质...

Read more

Scratch 简易编程工具-幼儿智力开发编程语言


Scratch是一款由麻省理工学院(MIT) 设计开发的少儿编程工具。其特点是:使用者可以不认识英文单词,也可以不会使用键盘。构成程序的命令和参数通过积木形状的模块来实现。用鼠标拖动模块到程序编辑栏就可以了。
右边的部分是编辑好的程序代码,中间是可以用来选择的功能模块,左边上部是程序预览和运行窗口,左边下部是角色窗口。
官方网址是麻省理工学院网站的一个分支。这个软件的开发团队称为“终身幼...

Read more