第一次在这里发博客，还不太熟练。希望能记录下自己的学习和成长过程。欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，
关于对Web前端的学习，众所周知，基础知识需要牢牢掌握。项目经验需要大量积累，二者缺一不可。然而提到切图对Web前端开发的影响，却鲜有人知。下面，千锋就相关切图问题给大家做下系统地梳理。 首先，我们先来简单了解下切图的历史。Web 2.0的时期，最流行的趋势就是大字体、鲜艳色、高光和倒影，甚至许多人没有自己的想法，盲目去追求，致使Web 2.0的网站变得千篇一律。这时有一些前卫的人，把平面设
遇到的问题：1：如果给设计稿是1920*1080，和750*1334设计稿你怎么做适配2：怎么合理使用rem,%3：在pc端怎么适配各种大小不一的尺寸电脑4：当页面在刷新出现那么一瞬间样式没有渲染，1秒后又好的情况怎么处理5：使用最小尺寸电脑通常限制到1200 第一：在pc端适配，限制最小尺寸1200保证样式不乱，文字很大的情况下使用rem适配， &
rem布局非常简单，首页你只需在页面引入这段原生JS代码就可以了
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWi
———— / BEGIN / ————PS：本文适用于移动端，Axure软件制作的文档型交互稿。交互稿应该包含哪些内容？如何搭建一个合理的交互稿结构？各个界面应该如何摆放？清晰易读的设计说明应该是怎样的？作为一个新人，很难完全弄清上面的问题。其实想要画出一份合乎规范的交互稿并不难，只需找前辈的稿子参考一下就能习得十之六七。但由于设计稿大多涉及企业机密，有着较强的产权属性，所以一般很难接触到。今天笔
Deco 是什么？Deco 智能代码项目是我们团队在「前端智能化」方向上的探索，我们尝试从设计稿生成代码（Design To Code）这个切入点入手，对现有的设计到研发这一环节进行能力补全，进而提升产研效率。通过 Deco智能代码平台，可以实现将设计稿一键生成多端代码在过去的一年里，Deco 已在京东的两次大促中成功落地，在个性化活动会场的搭建中，研发效率提升达到了 48%今天，Deco 对外发
移动端 标签: <!--
新增的块级元素：
1.header,可以用来写头部区域
2.footer，可以用来写尾部区域
3.nav，可以用来写导航区域
4.section，类似于div的
5.main
背景如何按照设计稿中标注的尺寸，直接写页面的样式，不再需要px2rem这样的工具或者人工转换 ? 只要你明白了rem的计算原理，这个问题的答案超级简单。根字体大小计算核心原理 设备的根字体大小 * 全屏比例值设计稿的根字体大小 * 全屏比例值这两个等式中的全屏比例值相等的条件下，在真实设备上可以高保真地还原设计稿。实战一下找了一个蓝湖的设计稿，蓝湖的设计稿宽度是750
转载
2024-03-22 13:59:37
790阅读
rem的用法rem 相对于根元素字体大小的单位，它是一个相对单位。通常可以有两种方法，第一种是结合媒体查询来做。 第二种是 js 方法。一：媒体查询：使用媒体查询，来控制不同屏幕下的html的字体大小即可。假如一个需求：有个设计图750，在这个图纸上有个div，量出来是 :200px * 200px; 首先我们可以考虑将750的设计稿分为15份（当然那也可以分成10份，这个随意，我为了好计算。），
转载
2024-06-19 07:57:10
309阅读
在我开始写移动端页面至今，一直有2个疑问困扰着我，我只知道结果但不知道为什么问题1：为什么设计师给的设计稿总是640px或750px（现在一般以Phone6为基准，给的750px） 问题2：为什么我们拿到640px和750px的设计稿，在编码的时候都要除以2, （比如设计稿上有一个图标宽高是40*40，我们需要先除以2，实际编码时候宽高要写成20*
转载
2024-04-16 06:52:27
237阅读
目录 PC端产品设计与移动端区别PC作用PC端原型设计尺寸网站结构例：通栏例：两栏例：三栏页面设计PC页面设计单排导航多排导航banner模块区案例：资讯PC详情页（标答）案例：PC端电影播放页（自己）案例：PC端电影播放页/详情页（标答）广告收费形式CPM，千人展示成本 cost per mile+ IP限制CPC，按点击付费 cost per click + IP限制CPA，按操作付
转载
2024-08-01 19:02:06
94阅读
一、老的产品包需求架构OR：Offering Requirement，产品包需求DR：Design Requirement，设计需求DS: Design Specification，设计规格二、新的产品包需求架构RR：Raw Requirement，原始需求来自公司内、外部客户的、关于公司产品与解决方案的、需要需求管理/分析团队（RMT/RAT）分析评审后作出决定的所有需求。IR：Initial
为何大家都选用750作为移动端页面的宽度尺寸?很多刚入门的ui小伙伴,不知道移动端为什么设计稿要做成750px宽, 今天我来阐述一下自己的想法, 以下是我个人见解,不喜勿喷.对于移动端页面, html的head中有一个<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
设计模式之Strategy——简历篇
表弟马上就要大学毕业，找工作要写简历（Resume），因此他就来问我关于这方面的问题。我告诉他最好写两种类型的简历，一种是用中文写的，一种是用英文写的，如果是国企的话，就投中文简历（ChineseResume），如果是外企的话，就投英文简历（EnglishResume），嘿嘿，原因在这里就没必要多说了吧。
转载
2024-09-03 11:33:24
32阅读
兼容屏幕分辨率的几种布局方式 开发很多的项目是针对于不同的屏幕都要兼容的，一般是19201080，最低有时候需要支持到1024768，因此需要在布局上有一些适应屏幕的方式。有多中方式。1 最基本的是所有都卡死px，这样的话，当屏幕过小时，会出现滚动条，可以拖动显示。全都使用px的方式，不会受到屏幕的影响，当屏幕过小时可以拖动滚动条显示，但是效果很不好，有时候想在页面上看一个内容，还需要拖动滚动条
rem适配方案 作用： 让一些不能等比自适应的元素，达到当设备尺寸发生变化的时候，等比例适配当前设备 使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配rem实际开发适配方案1rem + 媒体查询 + less技术1、 设计稿常见尺寸宽度设备常见宽度iphone45640pxiphone6787
转载
2024-04-02 15:29:11
519阅读
一、为什么要使用rem布局前面我写了flex布局的优点，分配伸缩盒容器中子盒子占的份数及排列方式，使其不受屏幕缩放的影响，使布局变得简单。然而，在有些时候，不可避免要给盒子设置高度的值，怎么让高度也随着屏幕大小变化等比例缩放呢？另外，怎么让页面文字大小也随着屏幕的大小变化而缩放呢？rem布局就可以轻松解决这个问题。二、rem布局的原理1.rem首先要了解什么是rem，rem (root em)是一
转载
2024-05-07 14:07:44
157阅读
在 Taro 中尺寸单位建议使用 px、 百分比 %，Taro 默认会对所有单位进行转换。在 Taro 中书写尺寸按照 1:1 的关系来进行书写，即从设计稿上量的长度 100px，那么尺寸书写就是 100px，当转成微信小程序的时候，尺寸将默认转换为 100rpx，当转成 H5 时将默认转换为以 rem 为单位的值。如果你希望部
关于rete算法的介绍，能找到的资料不少，但是往往对初学者不友好，一上来就是一堆Fact，TypeNode，AlphaNode之类的术语，非常容易劝退。这里总结一下自己的学习过程，希望从问题出发，方便理解rete算法本身。举个例子：例如：我们需要将提供“机票+酒店”、“机票+酒店+贵宾休息室”两种类型的产品给旅客。 机票、酒店、贵宾休息室需要满足一些基本的限制条件。并且： “机票+酒店”产品要保障
作者：邓海贝 分辨率对于图片的清晰度和文件大小都有着重要的影响，设计时选择合适的分辨率，既能保证图像质量，又能提高工作效率。然而你的分辨率真的设置对了吗？使用PS等位图软件开始设计时，新建文件就需要设置好分辨率。在AI、CDR等矢量图软件虽然在新建文件不需要设置分辨率，但是在导出jpg、png等位图格式时也需要设置对应的分辨率。那么如何合理的设置分辨率？表示图像分辨率的方法有很多种，这主
