随笔分类 -  设计前端

前端新手学习入门路径推荐
摘要：背景目的 方便新手学习前端技术，整理了一些资源和教程帮助大家更好的入门。 基础知识了解一遍有个印象即可，不懂暂时不必深究，在后续实践中会融会贯通。 大家重点关注 “训战结合” 的部分，动手练习并解决问题进步最有效。 Vue 学习顺序 https://zhuanlan.zhihu.com/p/2313 阅读全文
posted @ 2023-06-16 14:46 buoge 阅读(40) 评论(0) 推荐(0) 编辑
移动端H5混合开发设置复盘与总结
摘要：此篇接上一篇： 移动端H5混合开发，Touch触控，拖拽，长按, 滑屏 实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了，用户可以通过手机端嵌入的h5网页进行场布设置，原来只能在pc端浏览器，还得带上个笔记本电脑很是不方便 阅读全文
posted @ 2018-09-22 23:05 buoge 阅读(1647) 评论(1) 推荐(1) 编辑
span 英文数字保持一行，中文自动换行
摘要：html 中 span 换行规则如下: span不换行默认只针对英文有效 如果想对中文设置有效需要添加样式 style="white-space:nowrap;" 默认的情况是这样子的：遇到有中文的情况会换行： 在加入white-space:nowrap （<span style="white-sp 阅读全文
posted @ 2018-08-20 17:05 buoge 阅读(1635) 评论(0) 推荐(0) 编辑
响应式布局
摘要：几种布局方式 静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位，这种设计常见于pc端。 流式布局（Liquid Layout） 流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作 阅读全文
posted @ 2018-07-21 17:08 buoge 阅读(267) 评论(0) 推荐(0) 编辑
响应式设计与前端工程性
摘要：一：响应式的几个基本知识 字体选择 有衬线和无衬线，那种字体看自己的美学意识和考虑 透视比例与体验一致性保证（人眼的位置） 行高，字体大小，间距，要根据整个展示范围的透视比例合理的去规划 pc 离人的眼相对较远，所以需要更大的字号和间距 iPhone 离人眼距离相对较近，为了保持体验的一致性需要调小 阅读全文
posted @ 2018-07-21 17:06 buoge 阅读(193) 评论(0) 推荐(0) 编辑
移动端H5混合开发，Touch触控，拖拽，长按, 滑屏 实现方案
摘要：概述 近期由于产品快速原型开发的需要，不想用原声的方式开发App两端一起搞时间来不及，目前产品处于大量上feature的阶段，采用混合开发是最合适的选择，所以花了3天的时间研究怎么去实现移动端，拖拽，长按，读取手机相册并做本地预览。 想要实现的效果就是： 核心问题点： H5拖拽实现方案：dragga 阅读全文
posted @ 2018-07-21 16:48 buoge 阅读(2684) 评论(0) 推荐(0) 编辑