分类目录归档:前端HTML及JS

css:Taro 微信小程序-View控件阴影

.view2{ box-shadow: 0px 0px 50px 10px #DDDDDD; } 语法:box-shadow: h-shadow v-shadow blur spread color inset;前四个按照位置来决定值各自代表的含义。后两个就可以直接写,因为太过明显,浏览器可以识别。h-shadow:必需。水平阴影的位置。允许负值。v-shadow:必需。垂直阴影的位置。允许负值。blur:可选。模糊距离。spread:可选。阴影的尺寸。color:可选。阴影的颜色。inset:可选。将外部阴影 (outset) 改为内部阴影。默认的是外部阴影。所以如果是outset那么就可以 […]

JavaScript中window.open()和Window Location href的区别

1:window.location.href的用法:2: window.open()的用法3: window.open和window.location.href的区别1)区别2)window.open不一定是打开一个新窗口!!!!!!!!  3)关于重新定位4)在框架内指定页面打开连接5)是否打开其他网站地址6)window.open()经过设置后的弹出窗口 7)用函数控制弹出窗口: 8)同时弹出两个窗口9)【弹出的窗口之定时关闭控制】  10)【在弹出窗口中加上一个关闭按钮】 11)打开新页面 1:window.location.href的用法: 2:window.open()的用法 ope […]

使用 CSS 渐变

CSS 渐变 <image> 类型的一种特殊类型 <gradient> 表示,由两种或多种颜色之间的渐进过渡组成。您可以选择三种类型的渐变:线性 (由 linear-gradient 函数创建),径向(由 radial-gradient() 函数创建) 和圆锥 (由 conic-gradient 函数创建)。您还可以使用 repeating-linear-gradient 和 repeating-radial-gradient 函数 […]

微信小程序设置 backgroundColor 无效的问题

当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果。 这是因为 backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的,所以会让人误以为这个配置是无效的。 如果要设置页面背景颜色,得在 wxss 中自定义样式,如下: page { background-color: #eee; }

CSS—display详解

 inline   常用的inline就是文字和图片,其实inline真没什么好说的,大家可以把它想象成一个杯子里的水,它是“流”,是没有大小和形状的,它的宽度取决于父容器的宽度。   因此,针对inline的标签,你设置宽度和高度是无效的,通过监控可以知道,该元素实际的宽度和高度都是auto,并不是我们设定的值。   一个很基础的问题:如何把inline元素转换成“块”元素?相信绝大部分人的回答是display:block,但是你应该知道这不是一个唯一的答案。至少我设置display:table也是可以的吧?        […]

js – 数学运算(取整,取余)

取整 1.取整 //保留整数部分 parseInt(3/2)  // 1 2.向上取整 // 向上取整,有小数就整数部分加1 Math.ceil(3/2)  // 2 3.四舍五入 // 四舍五入 Math.round(3/2)  // 2 4.向下取整 // 向下取整,丢弃小数部分 Math.floor(3/2)  // 1 取余 1.取余 console.log(7%4);  // 3

JS中判断某个字符串是否包含另一个字符串的五种方法

一个包解决你所有的JS问题,点击获取 String对象的方法 方法一: indexOf()   (推荐) var str = “123” console.log(str.indexOf(“2”) != -1); // true indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二:match() var str = “123” var reg = RegExp(/3/); if(str.match(reg)){ //包含; } match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 方法三 […]

实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)

//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 function isRegisterUserName(s) { var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; if (!patrn.exec(s)) return false return true } //校验用户姓名:只能输入1-30个以字母 […]