豆儿糖吖-CSDN博客

原创正则查询字符串中元素个数

方法一： var str="aakkkbbccdaabb"; function test(str){ var newStr=''; var reg=/(\w)\1*/g; // \1表示和第一个分组一模一样的字符;\g表示全局 ...

2019-03-15 15:08:44 1072

原创单行、多行文本与div垂直居中方法

一、根据子容器div大小设置偏移量使其垂直居中发布1、方法：一先设置其水平和垂直偏移量分别为父级元素的50%（left/top）二根据其本身大小将其向左向上移动一半大小（margin-left/margin-top）html代码部分：css 代码：.block{ width: 900px; height: 600px; ...

2019-02-28 18:07:26 864

原创常见浏览器兼容性问题与解决方案

1.不同浏览器的标签默认的外补丁和内补丁不同：即随意写几个标签。不加样式控制的情况下，各自的margin和padding值差异较大。（这是一个常见且最容易解决的一个浏览器兼容问题，几乎所有的css文件开头都会通配一个来设置各个标签的内补丁）碰到频率：100%。解决方案：css样式里：{margin：0；padding：0；}；2.块属性标签float后，又有横行的margin情况下，在IE...

2018-11-28 14:22:11 149

原创 vue总结

vue基础语法讲解：由饿了么公司开发官网：https://cn.vuejs.org/特点：1.易用： Html+css+javascrirpt 比较容易2.灵活：层分离设计模式 mvc （module view controller） mvvm3.高效：集成框架的库比较小代码比较清楚（可以直接操作dom）vue环境的安装 1. 直接在页面里面引入文件。。。...

2018-10-24 17:28:58 154

原创 mysql基本操作

mysql 以表格的形式存储（行和列-字段）show databases; 查找所有的数据库2.创建数据库 create database****;**** 表示数据库名结果 query OK;3.查看数据库是否成功！4.定位到你当前的数据库 use student； database changed!5.创建学生的基本信息表（1 .name us...

2018-10-24 15:00:55 115

原创 js事件

js事件方式： 1、行内元素直接绑定事件 2、获取dom元素动态绑定事件 3、对dom元素的事件进行监听js事件的分类：鼠标事件键盘事件表单事件触屏事件（touch）滚动事件（scroll）jquery事件方式与js事件方式但写法不同原因：1. 因为jquery里边有链式操作写事件可以连续去点2. jquery里边绑定事件的方式不同：1）直接点2） bind();...

2018-09-26 19:09:34 143

原创 canvas

设置样式<style> body{ margin: 0; padding: 0; } #canvas{ border: 1px solid black; } </style>主体部分<body><!...

2018-09-13 11:52:51 175

原创 video

设置进度条样式 &lt;style&gt; #range_btn{ width: 550px; } &lt;/style&gt;js代码段 &lt;script&gt; window.onload= function () { var video=docume...

2018-09-12 23:41:38 89

原创离线存储及实例留言板

离线存储分为两种：1.客户端储存也称为浏览器存储 (sessionStorage) 2. 硬盘存储(localStorage)且两者用法一致客户端存储缺点:为当用户关闭浏览器保存数据则消失硬盘存储则一直存在sessionStorage.setItem(); //steItem() 进行存储两个参数 1.键值key 2.数据sessionStorage.getItem(); ...

2018-09-12 18:36:13 194

原创贪吃蛇

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> //创建地图 function Map(){

2018-09-12 17:55:39 203

原创原生js ajax请求与跨域

什么是ajax它是一种用于创建快速动态网页的技术，通过后台与服务器进行少量数据交换（请求后端数据），ajax可以使网页实现异步更新，即在不更新整个网页的情况下进行部分网页更新减少用户的等待时间，加快响应。 XMLHttpRequest 对象XMLHttpRequest 对象所有的是ajax的基础，XMLHttpRequest 用于在后台与服务器的数据交互目前所有的浏览器都支持XM...

2018-08-27 22:19:37 3516

原创 js内置对象

js的内置对象分为 String Math Date String 内置对象 string与String的区别：string是一个字符串而String是一个集合类型 */ var a="adnjh"; console.log(a); var b=new String("adjij");//可以根据索引知道中找到位置...

2018-08-23 09:26:50 136

原创 js写轮播图

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>首页</title> <script> window.onload=function(){

2018-08-15 22:08:21 131

原创 Dom元素

动态创建dom元素js中元素的获取分为四种 document.getElementById("")//双引号内写要获取元素的类名 document.getElementByClass("") document.getElementByName("") document.getElementsByTagName("") 添加点击事件并创建dom元素

2018-08-15 21:52:25 319

原创 js数组

js数组的几种赋值方法第一种数组赋值方法var a=new Array(5,3);console.log(a);第二种数组赋值方法var a=[1,2,3,4,5,6];console.log(a.length+"/");console.log(a[0]);console.log(a[1]);console.log(a[2]);console.log(a[3]);c...

2018-08-08 22:12:23 94

原创前端基础学习：html5新增标签与css动画

html5标签html5在移动设备上支持性能比极好，但也有好多不兼容的问题 html5语义化更加明确，它了一更新了一些标签同时也删除了一些标签新增标签 <canvas>定义图形可用于制作网页游戏写3d特效（canvas 支持2D特效绘制数据表）简单的动画绘图功能 <video>定义视频 src=”“为视频来源 autoplay为自动播放效果 ...

2018-08-01 23:17:16 346

qq_42815251的博客