
web前端
文章平均质量分 56
山茶树和葡萄树
计算机扫盲水文
展开
-
应用程序 i18n 解决方案
应用程序 i18n 解决方案原创 2020-07-30 12:26:59 · 683 阅读 · 0 评论 -
React(Hooks) 项目分层
一、先上示例代码:按业务功能优先、文件类型其次原则来组织项目文件结构。- src - - components # 类型,没有数据状态、或完全内部数据状态封闭的组件,能独立、能复用 + LineChart + BarChart + PieChart - views # 业务,调用组件组装成一个个页面,不能复用,可给组件分发数据状态 + Report + Document +原创 2020-06-15 17:29:54 · 1090 阅读 · 0 评论 -
JavaScript 对象迭代
遍历自身属性遍历继承属性遍历不可枚举属性遍历 Symbol 类型属性Object.getOwnPropertyNames(obj)✔✘✔✘Object.getOwnPropertyDescriptor(obj, prop)✔✘✔✔Object.getOwnPropertyDescriptors(obj)✔✘✔✔Object.getOwnPropertySymbols(obj)✘✘✔✔Object.keys(obj)✔✘✘...原创 2020-06-02 12:10:37 · 216 阅读 · 0 评论 -
JavaScript 循环语句
1、前测试循环语句 while、for2、后测试循环语句 do-while3、枚举对象的属性 for-in4、迭代具有 Symbol.iterator 属性的对象 for-of原创 2020-06-02 11:09:12 · 191 阅读 · 0 评论 -
零宽度空字符, 不可见红点字符, ZERO WIDTH SPACE
零宽度空字符/不可见的红点字符/Unicode Character 'ZERO WIDTH SPACE' (U+200B)原创 2020-05-20 15:02:00 · 2271 阅读 · 1 评论 -
Vue 和 React 面临的问题
框架、库在演进中,是解决了问题?还是留下了各种坑?Functional Components、Class Components,UI、State 的拆分和‘绑架’,Async,分层,类型,…已经看到了曾经 Angular 设计的超前性和正确性:类、类型、强制分层、JS/TS+HTML+CSS、RxJS…Vue 和 React 面临的问题:已有版本的用户群体巨大,受影响项目巨多;升级...原创 2019-12-24 14:22:45 · 243 阅读 · 1 评论 -
Gulp 4 构建 JavaScript
构建时根据命令行参数替换字符过滤文件对文件进行排序合并压缩输出// defaultTask.jsconst { src, dest} = require('gulp');const argv = require('yargs').argvconst babel = require('gulp-babel');const concat = require('gulp-concat...原创 2019-11-22 11:12:34 · 172 阅读 · 0 评论 -
Default style sheet for HTML 4 HTML标签CSS属性默认值
无废话,上数据,官方的,后面有我测试数据,浏览器里存在差异。html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre {原创 2012-09-27 17:14:32 · 1020 阅读 · 0 评论 -
网页栅格系统研究(3):粒度问题
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统)淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例):(图1)纷乱的高度世界转载 2013-03-06 13:04:23 · 1490 阅读 · 0 评论 -
网页栅格系统研究(4):技术实现
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。Blueprint的实现Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:以上三栏布局的代码为:?123456转载 2013-03-06 13:10:42 · 1290 阅读 · 0 评论 -
网页栅格系统研究(1):960的秘密
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!研究网页栅格系统前,来看一组数据: 网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960转载 2013-03-06 12:57:52 · 2778 阅读 · 0 评论 -
网页栅格化研究(2):蛋糕的切法
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息转载 2013-03-06 13:00:12 · 1795 阅读 · 0 评论 -
从设计稿到demo
网面重构,之,从设计稿到demo。原创 2014-08-13 11:49:16 · 1802 阅读 · 0 评论 -
HTML5中的音频、视频(HTML Multimedia)
FormatFileDescriptionAVI.aviAVI (Audio Video Interleave) was developed by Microsoft, and is therefore playable on all Windows computers. It is commonly used in video cameras and TV hardw翻译 2014-05-05 14:30:28 · 1013 阅读 · 0 评论 -
国内UED收录
腾讯腾讯CDC http://cdc.tencent.com/ CDC(Customer Research & User Experience Design Center)腾讯用户研究与体验设计中心腾讯ISD http://isd.tencent.com/腾讯UED http://ued.qq.com/腾讯WSD http://wsd.tencent.com/腾讯TGideas htt原创 2014-02-20 13:19:10 · 4642 阅读 · 3 评论 -
渐进增强式布局探讨(下)
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!上篇中讨论了各种已有的布局实现。仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用:浮动 float负边距 negative margin相对定位 relative position这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。尝试之路转载 2013-03-06 13:16:06 · 858 阅读 · 0 评论 -
CSS值定义的语法 Value Definition Syntax
Component values may be arranged into property values as follows:属性值由各组件成分组成,如下:Several juxtaposed words mean that all of them must occur, in the given order.几个并列的值,必须要有,在指定的顺序。A bar (|) sep翻译 2014-03-27 14:43:09 · 721 阅读 · 0 评论 -
触发、清除 haslayout的css属性
触发haslayout的css属性: position: absolute float: left | right display: inline-block width: except 'auto' height: except 'auto' zoom: except 'normal' overflow: hid原创 2014-02-12 15:12:50 · 771 阅读 · 0 评论 -
渐进增强式布局探讨(上)
因为作者原网站没了,以及原文配图丢失,这里转载一份,方便阅读!来看一个经典的三栏布局:从内容出发(渐进增强的核心思想),一份合理的HTML结构如下: main是主要内容,sub是辅助内容,比如导航、相关文章等,extra是额外信息,比如广告等,具体含义根据实际情况来定。书写转载 2013-03-06 13:12:17 · 1230 阅读 · 0 评论 -
Yahoo!团队:网站性能优化的35条黄金守则
Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳:Best Practices for Speeding Up Your Web Site,Excetional Performance 团队总结出了一系转载 2013-07-04 11:57:20 · 11904 阅读 · 0 评论 -
网编那些事儿
前言 ,互联网时代,我们浏览的是网页,网页里的内容就需要编辑。 不同公司的业务主体、流程规范是有差异的,编辑工作者的相关专业、从业经验也不尽相同;话说在不同因素下,公司和从业者之间的选择,是非常有趣的。 接下来我从自己工作经验和技能积累方面谈谈网编那些事儿。曾经我也是个有理想的少年,只是后来青春期没好好读书,就学了软件编程,得亏学艺不精,没做成码农,就找了个网编工作,再原创 2014-09-13 19:06:02 · 793 阅读 · 0 评论 -
Web项目的CSS文件结构组织及属性编写
CSS文件结构组织1、基础(重置和默认)样式。统一浏览器差异, 设置部分标签的初始样式;2、框架样式。网页布局结构;3、功能辅助类Utility样式。浮动、清除浮动、定位、内外边距、字体家族及粗细、文本对齐;4、元素元件样式。按钮、输入框、loading、图标等;5、页面组件和模块样式。导航、登录、注册、各种列表、评论、搜索、分页、面包屑导航等;6、业务类样式。原创 2015-03-13 11:28:44 · 1753 阅读 · 0 评论 -
CSS 选择器内属性的顺序和组织
el { display: ; visibility: ; float: ; clear: ; position: ; top: ; right: ; bottom: ; left: ; z-index: ; width: ; min-width: ; max-height-width:转载 2015-03-13 11:48:23 · 825 阅读 · 0 评论 -
css属性触发和清除haslayout
触发haslayout: position: absolute float: left | right display: inline-block width: except 'auto' height: except 'auto' zoom: except 'normal' overflow:原创 2015-04-07 14:56:46 · 635 阅读 · 0 评论 -
JQuery-复选框的操作(摘自<锋利的JQuery>)
JQuery-复选框的操作(摘自<锋利的JQuery>)转载 2016-03-02 17:28:34 · 361 阅读 · 0 评论 -
移动端界面设计——尺寸
本文不是复制粘贴互联网资源,转载说明一下出处。本文作者:山茶树和葡萄树本文链接:http://blog.csdn.net/xianghongai/article/details/50328587废话:因为搜索引擎结果的前几篇不严谨存在谬误,故某作此篇,无明显错误,放心阅览。一、iOS资料来源:苹果官方 《iOS Human Interface Guidelines》- Icon and Image...原创 2015-12-16 16:38:26 · 1400 阅读 · 0 评论 -
Visual Studio Code + Emmet Web开发
Visual Studio Code原创 2017-04-20 13:02:14 · 3444 阅读 · 0 评论 -
腾讯课堂IMWeb Vue.js 笔记
1.渐进式框架Vue 2.Vue中两个核心点 3.虚拟 DOM 4.MVVM模式: Model - View - View-Model(Dom Listeners , Data Bindings) 5.Vue实例 6.声明式渲染 7.指令 8.模板渐进式学习提纲基础语法Vue实例模板语法计算属性class 和 style 绑定条件和列表渲染事件处理器表单控件绑定组件高原创 2017-04-18 17:27:02 · 1284 阅读 · 0 评论 -
Vue.js Demo 数据及其列表操作
codepen在线查看 list.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia原创 2017-04-25 18:03:41 · 1695 阅读 · 2 评论 -
《JavaScript 启示录》· 附录
JavaScript启示录 附录转载 2017-04-27 13:31:25 · 447 阅读 · 0 评论 -
《JavaScript 高级程序设计》笔记
《JavaScript 高级程序设计》原创 2017-06-12 15:16:12 · 923 阅读 · 0 评论 -
屏幕支持概览
本节概述 Android 对多种屏幕的支持,包括: 本文档和 API 中所用术语和概述的简介、 系统支持的屏幕配置摘要,以及 API 和基本 屏幕兼容性功能的概述。转载 2017-08-04 18:14:43 · 549 阅读 · 0 评论 -
浏览器的layout viewpoint和visual viewpoint
本文原创,转载说明一下出处。 本文作者:山茶树和葡萄树 原贴地址:《浏览器的layout viewpoint和visual viewpoint》 本文链接:http://blog.csdn.net/xianghongai/article/details/76691347浏览器视口(viewpoint)在PC端和移动端展现行为一致。PC端,浏览器窗口大小是可以超过或小于设备屏幕分辨...原创 2017-08-04 18:07:42 · 1159 阅读 · 0 评论 -
API 设计指南
API 设计指南,以及用户授权介绍原创 2017-07-28 18:06:07 · 360 阅读 · 0 评论 -
Javascript Location测试
Javascript Location测试原创 2017-09-25 10:19:52 · 348 阅读 · 0 评论 -
navigator.userAgent User-Agent 用户代理
navigator.userAgent;原创 2017-09-25 09:55:52 · 724 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected identifier
Uncaught SyntaxError: Unexpected identifier未知的语法错误:意外的标识符原创 2017-10-17 10:28:48 · 1221 阅读 · 0 评论 -
Uncaught TypeError: *** is not a constructor
Uncaught TypeError: is not a constructor(未捕获TypeError: 不是构造函数)对象不能实例化,直接引用。Object can not be instantiated.原创 2017-10-17 10:32:18 · 23345 阅读 · 0 评论 -
Error: ENOENT: no such file or directory, scandir
Error: ENOENT: no such file or directory, scandir原创 2017-11-03 14:49:30 · 2784 阅读 · 0 评论 -
CSS选择器IE支持情况汇总
CSS选择器IE支持情况汇总原创 2017-12-11 14:54:27 · 948 阅读 · 0 评论