![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html5/Js
sf_wilson
https://www.linkedin.com/in/sf-wilson/
展开
-
Salesforce问卷调查——前端排序Rank组件 多端支持
【前言】:使用Salesforce的Survey能够很好的处理匿名问卷调查,通过拖拽形式搭建表单,上手非常快。它不仅能快速构建表单,还能通过Link/Email发给被调查人,更有自带的统计分析功能,非常强大。1. 支持类型:在它支持的众多问题类型中,我最青睐Ranking组件:2. 构建界面:3. 逻辑构建:由于业务稍复杂些,同时需要通过url传参来做客户识别,所以不得不选用自...原创 2019-12-19 17:38:47 · 537 阅读 · 0 评论 -
第二课:css选择器&选择器优先级及css3新增选择器(系统解析)
一、复习html4.0时代的选择器id选择器 #headerclass选择器 .btn标签选择器 p复合选择器 div.container所有后代选择器 ul li多个选择器 li,a,p相邻兄弟选择器 p+a(指紧跟着p标签的a标签,不能隔行)子代选择器 div > p伪类选择器 :hover :active/*鼠标按下去的状态*/ :link/*有href属原创 2017-04-21 16:48:02 · 818 阅读 · 0 评论 -
第三课:Html5背景属性-背景和渐变
1、背景属性复习:background-imagebackground-colorbackground-repeatbackground-positionbackground-attachment2、新增属性:background-size:background-size:x y; // 水平 垂直方向的尺寸,像素/百分比/auto/⋯backgroun原创 2017-04-21 23:34:52 · 7024 阅读 · 0 评论 -
第一课:Html5新增重要结构标签应用实例及兼容性检测
1、新增结构标签:headerarticle 定义页面独立的文章内容(帖子/博客文章/评论/新闻)navsectionasidefigure 定义一块独立的内容(通常用来展示图片及描述)figcaption 定义figure的标题footer2、特殊样式标签:mark 突出显示文字,默认背景色黄色meter 刻度百分占比progress 进度原创 2017-04-20 19:50:56 · 732 阅读 · 0 评论 -
第四课:css3-圆角 | 文本属性(文本超出部分省略) | 过渡transition | 动画animation
一、圆角|文本属性1、知识点汇总a、border-radius: 百分比 | px;当大于或等于正方形盒子宽度的一半就变成了圆;b、border-image: 兼容性不是很好,不做整理;c、多行文本超出省略号:空格/缩进/换行 white-space: normal/pre====pre-wrap/pre-line(只保留换行,空格和缩进不执行)/nowrap(强制不换行);t原创 2017-04-23 14:10:34 · 1016 阅读 · 0 评论 -
第四课:css3媒体查询
简介:本期将围绕媒体查询,介绍下媒体查询的构成要素以及使用过程中常出现的问题。1、行内css3 - 媒体查询:代码实例: 媒体查询 *{margin: 0;padding: 0;font-family: "Microsoft yahei";} a{text-decoration: none;}原创 2017-08-13 21:38:12 · 447 阅读 · 1 评论 -
搭建本地服务器调试移动端页面
【前言】:前些年做H5时,经常会在手机上调试页面,那时选择使用Apache+猎豹WIFI这种策略来确保手机连上WIFI,通过URL访问本地资源,后面转行做Salesforce后,这种技能忘记的差不多了,时隔2年,又得重新学习。【准备工作】:1. 下载Node.Js, 按照默认选项安装到指定文件夹;【实际演练】:1. 打开CMD,将指定文件夹作为Http-Server,比如:我将Node.J...原创 2018-08-16 12:02:50 · 1441 阅读 · 0 评论 -
使用js进行时间戳与日期的相互转化
场景描述:在开发salesforce站点时,为了让用户在竞价时限之后填写竞价金额,需要向用户提示下次修改竞价金额时间,这时为了保证alert的提示时间格式与site的DateTime类型时间格式一致,因此查阅了不少资料,找到了比较好的解决方案;目标:假设竞价开始时间为:2017-7-21 下午3:00 竞价结束时间为:2017-7-21 下午6:00,竞价限时为:1h;如果用户第一次保存竞价金...原创 2017-07-21 20:04:11 · 393 阅读 · 0 评论 -
第五课:Js选择器方法汇总及实战(Salesforce常用)
【前言】:HTML5的JavaScript选择器介绍在HTML5出现之前使用JavaScript查找DOM元素,有以下三种原生的方法:getElementById:根据指定元素的id属性返回元素 getElementsByName:返回所有指定name属性的元素 getElementsByTagName:返回所有指定标签的元素HTML5新增的选择器,方法有两种:querySele...转载 2019-06-03 11:33:25 · 328 阅读 · 0 评论