ZaynahLy-CSDN博客

原创 table标签内容过多导致设置宽度失效，超出界面

偶然发现，所做项目的隐私协议页面有个表格，表格的内容非常多，在安卓的webview显示正常，但是在ios的webview显示效果是这样的：表格宽度已设置100%，但显示异常，一个单元格就已经超出屏幕宽度了。设置完成后：表格显示正常。设置方法：table { width: 100%; table-layout:fixed}// tableLayout 属性用来显示表格单元格、行、列的算法规则td {word-wrap:break-word; width: au...

2021-08-27 19:36:56 1386

原创 vue项目中，el-input type=“number“可以输入字母e . -的问题解决

问题： input type="number"可以输入字母einput type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，所以它也还是一个数字，所以能输进去。解决办法为在input属性上加上：解决办法为在input属性上加上：onKeypress=”return (/[\d]/.test(String.fromCharCode(event....

2019-09-24 16:43:17 11510 8

原创使用Vue-cli从头搭建Vue项目

使用Vue-cli脚手架搭建项目1. 安装vue-cli打开cmd，输入命令npm install --global vue-cli2. 创建项目在项目工作空间，打开cmd输入命令：vue init webpack creative (creative为创建的项目名称)接下来终端会出现一些问题，可以选择直接回车，对项目没有什么影响。全部回车之后项目就生成了，目录结构如下：3...

2019-04-22 17:37:45 512

原创 echarts柱状图数据为0时产生堆叠，实现不显示0

echarts柱状图数据存在0时，会与其他数据产生堆叠，对页面的样式产生影响，如图：为了解决这个问题，决定将数据为0的模块隐藏。修改方式是，为echarts的配置项 series 中每一项的label.normal添加formatter函数，实现代码为：series: [ { name: '材料阅读', type: 'bar', st...

2019-04-12 17:35:48 10028 3

转载 js判断当前页面是pc、平板还是手机

var os = function (){ var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, ...

2019-04-11 15:10:27 10195

转载全屏状态无法监听到Esc按键事件

Vue页面全屏以后，按下键盘Esc按键时，无法监听到Esc的按键事件，解决方案：methods: { checkFull(){ var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled if(isF...

2019-04-01 10:37:50 8745 6

原创小程序开发过程中的问题梳理

1.小程序中wxml的mastache语法不支持js的方法，例如Math.abs() toString() 等解决方法：使用wxs

2019-03-22 16:00:55 765

原创小程序开发文档

小程序开发总结用 Markdown编辑器所展示的最近领导交给一个任务，单独开发一个小程序项目，还要出一篇小程序课题文档。这也是我第一次接触小程序，遂把领导对课题的要求以及自己开发过程中遇到的问题做如下总结：如何创建小程序项目这一步在官方文档中的描述已经很清楚了，主要分为几步：申请账号，拥有小程序账号在小程序管理平台，可以看到小程序的 AppID与AppSecret全新的...

2019-02-21 17:48:24 15540 1

原创使用jquery解析json文件

有时需要使用jquery去解析对于本地的json文件并使用。假设有这样一个json文件：{ "gift_list": [ { "gift_id": "44", "title": "爱神丘比特" }, { "gift_id": "43", "

2017-11-27 18:15:09 803

原创使用jquery修改css样式中带有'!important'的属性

元素初始样式为：.video-play{ width: 425px !important;}如果想要修改元素样式，则可以使用这种方式：$('.video-play').css('cssText','width:100% !important');

2017-11-27 18:02:58 1286

原创移除元素的某个css属性

我们想要移除元素的某个css属性时，将属性赋值为空有时不能达到我们想要的效果，可以使用下面的方式，赋值为’initial’。$('.giftBox').css('height','initial');

2017-11-20 18:10:34 17408 1

转载点击按钮复制文本框内容

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”><head><meta http-equiv=”Content-

2017-11-20 18:06:42 774

原创滚动超出一屏，显示回到顶部按钮

滚动超出一屏，显示回到顶部按钮。对于PC网站，当滚动超过一屏时，显示回到顶部按钮，大致代码如下： <div class="phone"> <div class="shouji"> <div class="erwei"> <p>手机看直播</p> <img src="images/ererer

2017-11-14 15:06:44 2628

原创如何实现身份证输入框的输入效果

实现如图所示的输入效果：实现这种效果，比较简单的一种方式就是给一个input添加一个背景图片，然后通过设置字间距来达到效果。代码：html：<input type="text" maxlength="8" class="idInput" onkeyup='this.value=this.value.replace(/\D/gi,"")'>css：.idInput{ width: 24.9

2017-08-21 11:59:41 7639 3

原创 Html页面对于导航及底部栏等公共部分的引用

对于大多数网站来说，导航栏和底部的信息栏在多个页面中都是通用的。如果将这些代码放在每一个页面的html中，会显得代码冗余，而且修改起来也极为不方便。所以如果将这些代码放在单独的页面中，在其他页面直接引入的话，不仅代码量减少，而且在公共部分需要修改时，也只需要修改一处就可以了。引入页面公共部分的步骤： 1. 首先要将公共部分单独放在一个html页面中。这个页面必须是一个完整的页面，包含head,

2017-08-08 13:51:19 32644 8

原创 CSS中给圆角添加阴影

css中给圆角添加阴影的写法，直接上代码border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);text-shadow: 0

2017-08-08 10:36:51 1861

原创移动端的touch事件

简单总结一下移动端的touch事件应该如何使用。一般情况下，touch事件用于ul列表，通过手指触屏滑动来移动列表。主要通过js中的touchstart，touchmove以及touchend事件来实现。附上简单的左右滑动实现示例代码：html代码： // 样式注意 <style> .top{ height: 7.8rem;

2017-07-25 18:24:58 512

原创使用Ping++完成H5页面支付功能

最近公司项目有个充值需求，在微信公众号中添加在线充值，充值页面是用H5完成的，页面中包括微信支付方式和支付宝支付方式。也就是说，要在微信内置浏览器中完成微信支付和支付宝支付。这个页面，我通过接入Ping++的H5 SDK完成充值功能。附上Ping++的H5 SDK接入指南地址：Ping++ H5 SDK接入指南开发之前，建议先看一下SDK，有一个大致的了解，然后可以下载demo。附上Github

2017-07-21 15:08:21 7869 2

原创前端开发中的cookie使用总结。

cookie 是存储于用户的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。可以使用 JavaScript或者jQuery 来创建和读取cookie 的值。

2017-07-20 13:42:33 23426 1

原创 JS跨页面调用变量的方法

JS跨页面调用变量的方法在前端开发中，一个B页面需要使用另一个页面A中的变量时，通常采用两种方式，url传参或者本地存储并获取变量的值。使用url传参，当A页面跳转至B页面时，将变量值拼接在url后面，B页面可以使用封装的函数获取url中拼接的变量值。例如：A页面代码：window.location.href = B.html?uid=1000;B页面代码：functio

2017-07-19 18:41:24 16813 1

原创 JS常用正则表达式验证总结。

JS正则表达式验证前端开发中，经常需要校验一串字符是否符合某个特定的格式。正则表达式，仅仅一段非常简短的语句，就可以实现复杂的业务逻辑。下面是一些前端开发中经常使用的正则表达式，熟练掌握可以使开发效率得到极大的提升。1. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。 ^(?=.*\\d)(?=.*[a-z]

2017-07-17 14:59:16 562 1

ZaynahLy的博客