JessicaLi的博客

第一种：原型链继承利用原型链的特点进行继承 1 2 3 4 5 6 7 8 9 10 11 function Parent(){ this.name = 'web前端'; this.type = ['JS','HTML','CSS']; } Parent.prototype.Say=function(){ console.log(this.n...

需要用到的2个属性table-layout : fixed position : stickytable-layouttable-layout属性有两种特定值：auto（预设值）-表格的总宽度决定每一个储存格（cell）的最大值 fixed - 表格的总宽度决定于表格width的定义,以及各栏位（column）width的定义为了让表格呈现滚动效果，必须设定table-layout:fixed 并且给与表格宽度。table { table-layout: fixed; w

function formatName(str) { return str.substr(0,1)+new Array(str.length).join('*') ;}

1.源代码地址：http://www.gongjuji.net/Content/files/jquery.md5.js引入js后使用方法：[javascript]view plaincopydocument.write($.md5('1234')); document.write($.md5('1234'));加密结果：[html]view plaincopy81dc9bdb52d04dc20036dbd8313ed05581...

// 地址文件 var provice = [ { name: "北京市", city: [ { name: "北京市", districtAndCounty: ["东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "怀柔区", .

pc端：此方法在ie中会有问题，且无法在m端实现。<input id="js-copy-text" class="weixinBtn" onclick="copy()" value="123456"> <script language="javascript"> function copy(){ var Url2=document.getElemen...

本文实例讲述了jQuery实现适用于移动端的跑马灯抽奖特效。分享给大家供大家参考，具体如下：图片全部隐私处理跑马灯抽奖特效难点一：奖品位置排放，如下图<div class="gift_div"><div class="gift gift1">奖品1</div><div class="gift gift2">奖品...

实现字体垂直排布，上下左右居中html：<div class="input_btn"> 立即匹配</div>css：.input_btn{ width:0.94rem; height:1.56rem; text-align: center; line-height: 0.94rem; -webkit-writing-mode...

style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中background 背景image 引入背景图片(url)background-position： 背景定位(x轴，y轴；)background-re...

有时候网站中的文字比较多,虽然为父元素设置了宽度,但是总是会出现两端参差不齐的情况,看起来不整齐。其实实现段落的两端对齐，只需要设置两个css样式即可。.demo{ text-align: justify; text-justify: inter-ideograph;/*IE*/}text-justify基本语法语法：text-justify...

代码如下显示如下那么如何解决这个问题呢？可以在p标签的css样式中加入 “line-height:30px;”,30px不是固定值，可是任意值，这样显示结果如下：微信公号搜索：遇见一朵小花。（或扫描二维码）找我玩啊只讲对你有用的东西。也常常给粉丝寄出自己看完闲置的好书，喜欢看书的可以来看看，还不定期在公众号请大家喝奶茶！想与我聊聊或者有什么问题都可以...

HTML 默认的单选和复选框有多丑大家都是有目共睹，所以我们UI设计的小哥哥小姐姐们在设计时候，为了美观经常会设计一些漂亮的单选或者复选框，这就要求我们前端开发童鞋必须去修改HTML单选复选框的默认样式，当然修改的方式有很多种，我在这里展示的是如何用CSS来修改。这里我主要以我做的一个记住密码的复选框来做示例首先上 HTML 代码<label for="remmber">...

var character = 'sd13564349471中';//字符//1.判断该字符串里是否包含数字function getNum(text){ var value = text.replace(/[^0-9]/ig,""); return value;}//2.if包含数字，判断数据长度是否为11if(getNum(character).len...

window.onload=function(){ var $num=document.getElementById('box'); (function(){ var i=0,timer; add(); function add(){ var timer=setTimeout(function()...

function getRandomNumberByRange(start, end) { return Math.floor(Math.random() * (end - start) + start)}getRandomNumberByRange(0,100)微信公号搜索：遇见一朵小花。（或扫描二维码）找我玩啊只讲对你有用的东西。也常常给粉丝寄出自己看完闲置的好书，喜欢...

//图形验证码 createCode() { var code = '' var codeLength = 4; //验证码的长度 var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '...

当calc（）函数使用错误时，一定是使用方法得问题，细看注意事项：calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规则；微信公号搜...

Js代码<script type="text/javascript"> function SubmitCk() { var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if (!reg.test...

1、页面发送短信验证码的表单<div class="form-group"> <div class="col-xs-6 col-sm-7 col-md-7 col-lg-7" > <input type="text" id="userPhone" class="form-control" placeholder="请输入手机号码">...

/** * Created by Lixin on 15/8/21. * */var x_debug = function () { var self = this; this.messagelist = []; this.isInit = false; this.run(); window.onload = function () { ...

var arr=[1,2,3,4,8,9,2,3,4] function chunk(array, size) { //获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined const length = array.length //判断不是数组，或者size没有设置，size小于1，就返...

<scriptsrc="//cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();console.log('控制台打印信息');</script>微信公号搜索：遇见一朵小花。（或扫描二维码）找我玩啊只讲对你有用的东西。也常常给粉丝寄出自己看完闲置的好书，喜欢看...

命名规范主要包括css命名、js命名和图片命名，首先来讲讲css命名。css命名1、使用BEM命名，以下划线区分：模块_元素_修饰符。如：<ul class="list"> <li class="list_item"> <div class="list_item_content"></div> &lt...

效果图：所需图片素材：这张图是pointer.png的位置的。turntable-bg.jpg这张是转盘背景图，在背景位置。这张是turntable.png位置的。 需要这三张图片，如果要实现一下，直接另存这三图片引入进去即可。如果不会请修改成对应的图片名字，放到同一个文件下。基本原理：1，通过设置CSS样式的position属性，z-in...

return 、break和continue的区别和作用1.return关键字并不是专门用于跳出循环的，return的功能是结束一个方法。 一旦在循环体内执行到一个return语句，return语句将会结束该方法，循环自然也随之结束。与continue和break不同的是，return直接结束整个方法，不管这个return处于多少层循环之内。public class Retur...

<h3>注册</h3> <div class="formModel" id="registeredContent"> <div class="accountType inputLine"> <input type="number" name="points" pattern="[0-9]*...