- 博客(25)
- 收藏
- 关注
RSS订阅转载 js 监听后退事件及跳转页面
s 监听后退事件及跳转页面//直接跳转window.location.href="b.html";//返回上一级页面window.history.back(-1);//返回下一级页面window.history.go(-1);jq监听后退事件<script type="text/javascript">$(documen...
2019-08-16 17:15:00
1394
转载 品牌与Logo有什么区别？进来了解下
当有人问你什么是品牌，很多人可能会不假思索的想到Logo，并认为Logo就是品牌的全部，然而品牌与Logo并非等价的。苹果和三星，耐克和阿迪达斯，可口可乐和百事可乐——关于这些品牌区别的讨论一直都存在。 有一些人一直在努力地想让别人去喜好他们所认同的品牌，然而这些心理背后的含义是什么，所有这些讨论的出发点是什么，是什么在引发人们的关注？Steve说：“可口可乐和百事可乐同样都...
2019-03-30 18:05:00
196
转载 做好这三步，你的小程序离“爆款”就不远了
随着“猜画小歌”“腾讯小经费”等爆款小程序在朋友圈掀起又一波高潮，我尝试根据已研究过的数百个小程序，总结一份小程序三步自检清单，通过这份自检清单，希望你重新审视你的小程序，希望对你有用。标题：垂直+明确+热标题跟搜索的关键词匹配度越高、关键词越短，展现的排名就越靠前。沿着“标题”这个方向我们再深入思考一步，微信生态及小程序搜索方式，会不会逐渐向“百度凤巢”靠拢...
2019-02-28 11:44:00
101
转载 微信小程序底部导航Tabbar（转）
底部导航栏这个功能是非常常见的一个功能，基本上一个完成的app，都会存在一个导航栏，那么微信小程序的导航栏该怎么实现呢？经过无数的踩坑，终于实现了，好了，先看看效果图。对于底部导航栏，小程序上给出的文档要求里面的item最少2个，最多五个。好了，先看看代码：在项目中找到这个文件 1 { 2 "pages":[ 3 "pages/i...
2019-01-04 13:29:00
242
转载 微信小程序中rpx与rem，px单位的转换使用
一、rem的使用 1） 根据设计稿宽度算出rem和px直接的转换公式1rem = 20 x 640/320 + ‘px’ = 40px; 1rem=20*750/320+‘px’=46.875px;二、rpx的使用 1）小程序中rpx与px的转换例如：设计稿750px宽度 那么恭喜您，你ps上量出宽度是多少，那么你就定义多少rpx，也就是 1px = 1rpx 例如：设...
2018-12-25 11:51:00
354
转载 10个你可能不知道的前端PS技巧
在前端切图工作里，本质来说就是“选择图层-获取信息、编辑图层-导出图层”的过程，本文主要介绍在这个过程里的一些技巧。1、面板这里的面板指的是在顶部主菜单“窗口”下可开启的窗口。最常用的几个窗口必属“属性”、“信息”、“图层”，屏幕够大的同学建议把它们都展开在界面右边。那为什么说这几个面板很常用呢？下面会慢慢介绍到。2、选择图层在移动工具(V)下这个操作非常...
2018-11-13 16:06:00
169
转载 强大的网页界面、原型设计UI Kit
这是网页设计最好的辅助素材之一。本套件包含了20个高保真网页设计模板，197个高保真模块组件，200个白色线框图套件，200个黑色线框图套件。能够全方面的帮助您快速设计移动端或桌面端的网页。所有模块都是基于Bootstrap 1170px网格而设计，可以轻松的组合在一起。转载于:https://www.cnblogs.com/youran/p/...
2018-09-01 15:45:00
134
转载 判断访问设备的语句
如何判读打开的是pc端和移动端 分别加载不同的htmllet ua = window.navigator.userAgent.toLocaleLowerCase()let murl ="//m.jd.com"let reg =/iphone|android|symbianos|windows\sphone/gif (reg .test(ua )) { window....
2018-07-24 18:15:00
95
转载 HBuilder的常用快捷键
Ctrl + d 删除整行内容Ctrl + Shift +R 复制当前行到下一行Ctrl + Shift +D 重新编辑Ctrl +方向键 当前行整行内容上移或下移Alt + ↓ 跳转到下一个可编辑区Ctrl + Alt + j 与...
2018-07-04 17:47:00
108
转载 页面加载时遮罩效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>页面加载时遮罩效果</title> <script type="text/javascript" src="js/jquery-1.4.1.min...
2018-06-14 18:58:00
94
转载 深入理解移动端像素知识与Viewport知识（转 ）
一 像素知识1.1 设备像素(device pixel) 它是物理概念，指的是设备中使用的物理像素(Physic pixel)。这个单位用px表示，它是一个[相对绝对单位]————即在同样一个设备上，每1个设备像素所代表的物理长度(如英寸)是固定不变的(即设备像素的绝对性);但在不同的设备之间，每1个设备像素所代表的物理长度(如英寸)是可以变化的(即设备像素...
2018-06-14 18:46:00
119
转载 移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)
1、WebApp全屏模式：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">注意：viewport 后面加上minimal-ui 在s...
2018-06-14 18:40:00
1112
转载 移动端H5页面开发遇到的问题和解决办法（二）
1、启动画面<linkrel="apple-touch-startup-image"href="start.png"/>iOS下页面启动加载时显示的画面图片，避免加载时的白屏。可以通过madia来指定不同的大小：<!--iPhone--><linkhref="apple-touch-startup-image-...
2018-06-14 17:32:00
253
转载 移动端H5页面开发遇到的问题和解决办法（一）
转过来，平时看看。1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在andro...
2018-06-14 17:30:00
102
转载 平面设计（板式设计与构图篇）
排版与构图，在某种程度上，它们是设计的基础。它们使得你的作品结构化从而更容易被浏览，从边缘的边上到中间的内容。当然它并不只是关于文本的处理。构成在其他的媒介中也很重要。例如平面设计，网页设计等。没有一个好的构图排版，你的工作基本上就会...崩溃。想要精通排版和构成的关键是像设计师一样思考。幸运的是，这听起来比较容易。有五个基础原则可以帮助你来改变你的作品，并且让你对设...
2018-05-04 16:34:00
338
转载 基础平面设计（文字排版篇）
文字排版我们可以在任何地方看到，我们在书上阅读到，浏览网站——甚至在每一天生活种，在街道的符号，车尾贴和产品包装。简单来说， 文字排版是文本的样式或者风格。它也可以设计到实用文本的艺术—你可能一直做的东西。如果您为工作、学校或者自己创建文档或其他项目。文字排版可以是一个吓人的主题，但它不一定是。你只需要知道一点，在你每天做的东西上做出巨大的变化。所以，让我们开始：首先：一些常...
2018-04-04 11:46:00
471
转载 基础平面设计（图片篇）
无论主题是什么，我们很自然地会被图片所吸引。从美丽，高清晰的照片到精美的插画，甚至最简单的品牌标识和图标。图片的作用不仅仅是装饰那么简单，在设计种，他们可以有效地吸引观者的视线。引人注目的视觉效果可以帮助你月目标受众产生联系，并留下深刻的印象。哪怕他们没有阅读其中的文字。你不需要先成为艺术家才能在你的设计种实用图片。你所需要的只是一点点创造力和创意想法。通过正确的...
2018-03-20 18:26:00
254
转载 css技巧和经验列表
如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<percentage>值都可以...
2017-12-04 17:19:00
60
转载 CSS3嵌入字体@font-face调用字体
@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。eot：该格式仅在老版本的IE中使用ttf：(TrueTypeFont)是Apple公司和Micros...
2017-12-04 10:41:00
262
转载 新闻列表单行滚动（多行显示）简洁向上滚动js效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>新闻列表单行滚动js效果和多行滚动js效果，超简洁</title><s...
2017-12-04 08:47:00
200
转载 打破构图的平衡！增强设计感染力
平面设计已发展成一种复杂的传播形式和艺术形式，根据不同的题材、不同的应用，设计也发展出自己的构图方法和要求。研究构图的视觉规律，掌握信息传递与诠释的视觉张力，有助于加强设计师对于视觉要素的认知和理解，提升视知觉的想象力。张力的原意是指物体在受到拉力的作用时，其内部存在的垂直于两邻部分接触面上的相互牵引力。绘画和摄影等平面艺术中，张力不同程度地作用于视觉产生扩张感、延伸感、膨胀感、...
2017-11-08 17:36:00
215
转载 何以双十（补昨天）
今天是2017年10月10日，世界精神卫生日。面对各方压力的我们要懂得化解压力，放松心情，及时调整自己的状态，不要被抑郁赖上。各种珍重，各自安好。转载于:https://www.cnblogs.com/youran/p/7650368.html...
2017-10-11 14:28:00
71
转载 iPhone X 界面设计尺寸和适配【完整版】
iPhone X适配分析——被iPhone X刷了一天屏，到下午实在受不了各种假帖。标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍。索性自己去官网找素材写一篇只针对iPhone X适配的贴子，与设计图无关的内容通通不提……昨夜发布的iPhone 8属于常规升级，屏幕与以往的iPhone6、6S、7系列相同。在昨天发布的新机中，只有iP...
2017-09-25 18:12:00
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人