qq_33221699-优快云博客

原创 iOS输入框输入小数点是

保证数字键盘及只有数字和小数点可以输入:<input type="number" pattern="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"/>

2019-09-10 17:08:19 588

原创 js 深浅拷贝

1.简单的深拷贝：let deepA = { age: 1, jobs: { first: 'FE' } }; let deepB = JSON.parse(JSON.stringify(deepA)); deepA.jobs.first = 'Ali'; console.log(deepA.jobs);//Ali console.lo...

2019-09-04 10:46:54 179

原创 vue 基本操作

1.图片地址切换：效果图：代码：<div :class="{ActiveHash:is_hash}"> <img :src="require(`@/assets/img/txt_hxkj_${a = is_hash?'xz':'zc'}.png`)" alt="" @click="is_hash...

2019-09-02 18:12:15 164

原创 websocket重连机制（心跳重连）

心跳重连（网络断开连接后，需要重连）var WebSocket = {};WebSocket.init = function(uri) { this.wsUri = uri; this.lastHeartBeat = new Date().getTime(); this.overtime = 8000; initChannelData(); ...

2019-08-19 17:05:14 570

原创 iview的树形控件渲染

<template> <div> <Tree :data="newlist" show-checkbox @on-check-change="choiceAll" ref="tree4"> </Tree>  </div&gt...

2019-08-12 09:54:13 2872 1

原创监听网络状态

<template> <div> <div class="tab"> <div class="hd"> <span v-bind:class="{cur:lanmu=='xinwen'}" v-on:click="change('xinwen')">新闻</span> <span v-...

2019-08-08 17:39:50 275

原创防重提交

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="./jquery-3.2.1.min.js" type="text/javascript"></script> ...

2019-08-08 10:05:44 191

原创自动补零

num传入的数字，n需要的字符长度function PrefixInteger(num, n) {return (Array(n).join(0) + num).slice(-n);}例如：传入6，需要的字符长度为3，调用方法后字符串结果为：006...

2019-08-07 11:22:00 226

原创 layui弹窗

//修改弹窗 $(document).on('click','.infoChange',function(){ let content = ` <div><label>占成比例: </label><input type='text' value="${$('.proporti...

2019-07-19 11:08:39 363

原创 layui数据表格参数

table.render({ elem: '#demo' ,url: AppName + '/app/api/version/query' //数据接口 ,method:'post' ,contentType:"application/json;charset=UTF-8" ...

2019-07-11 16:36:33 2143

原创数据格式转换

1.数组转json格式： const a = ['1', '200', '11', '31', '151', '9', '15', '99', '48', '78', '1101', '60', '80', '56', '12', '21', '31', '32', '34', '56', '78', '99', '48', '78', '1101', '60', '80', '56'...

2019-06-06 17:59:37 570

原创中文拼音排序

['张三','李四','啊','王五'].sort((a, b) => a.localeCompare(b, 'zh-Hans-CN', {sensitivity: 'accent'}))//打印：(4)["啊", "李四", "王五", "张三"]

2019-06-01 15:36:02 499

原创 rem.js

!function() { var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;...

2019-03-15 14:28:11 130

原创如何利用babel工具将es6语法转换成es5语法

如何利用babel工具将es6语法转换成es5语法一、很多同学疑问既然es6已经出来的了，为很莫写完es6语法还要把他转换成es5，这不是脱裤子放屁吗？ ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。 Babel是一个广泛使用的转码器，ba...

2019-02-18 11:07:07 1916

原创 grunt安装

1.下载node.js并安装（nodejs安装完成）2.安装grunt-cli(命令行)在控制台输入npm install -g grunt-cli 即可。（cli安装完成）3.安装grunt(在D盘建一个文件夹里面有三个文件两个文档)在D盘下的文件夹里输入npm install grunt --save-dev（grunt安装完成）4.配置Gruntfile.js在Gruntf...

2019-01-22 20:21:57 1674

原创 js面向对象

面向对象：一个对象下有多种属性和方法一：创建对象// 一：创建对象 // 缺点:产生大量代码 var box = new Object(); box.name = 'wang'; box.age = 18; box.run = function(){ console.log(this.age); } var box2 = new Object(); ...

2019-01-17 20:17:49 114

翻译 10款Web程序员必备的CSS工具

10款Web程序员必备的CSS工具分类编程技术对于web开发来说，CSS是最有效的美化页面、设置页面布局的技术。但问题是，CSS是一种标记性语言，语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如，Java，C语言)等，你会发现实用的IDE工具会给编程带来巨大的效率，像Eclipse这样...

2019-01-13 13:14:24 266 1

原创自定义字体和图标的使用

1.自定义字体：@font-face { /* 字体命名 */ font-family: "叶根"; src: url(../images/叶根友特色空心简体.ttf)}div { font-family: "叶根";}2，自定义图标（利用伪类使用）利用伪类来使用图标@font-face { font-family: "ico...

2018-12-05 10:43:12 287

原创媒体查询

方式一：集中在一张表里@media all and (max-width:1024px) { 1024到768px}@media all and (max-width:760px) { 414px-786之间}@media all and (max-width:414px) { 0-414px之间的}方式二：每个样式一张表，引入方式&lt...

2018-12-04 20:02:08 129

原创弹性盒模型

弹性盒模型：display:flex父元素里的属性： 1.display:flex;设置弹性盒模型 2.flex-direction 设置弹性盒模型的主轴方向取值： row(默认值)，从左到右 row-reverse 从右到左 column 垂直排列，从上到下 column-reverse 从下到上 ...

2018-12-04 14:23:55 105

翻译表格表单和统筹

css表格表单和统筹css：表格表单和统筹学习目标1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景一、表单标签及属性高级回顾：表单的作用：用来收集用户的信息的; 表单的组成：表单域： <form name="" method="get/post" action=""></form>表单控件： &...

2018-12-03 10:00:11 381

原创浏览器内核，过滤器和IE6下最小高度的设置

1.有哪些浏览器，他们的内核和 css3前缀分别为什么（至少4个）名称内核前缀IE Trident -ms-谷歌 Webkit -webkit-火狐 Gecko -moz-欧朋 Presto -o-1.过滤器：(1)_ 在属性前面添加，表示ie6以下的浏览器识别 (2...

2018-12-02 14:36:10 302

原创 margin重叠和塌陷的问题和行内块出现间隙

1.解决margin重叠的问题（两个盒子之间设置margin出现重叠） <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style&

2018-12-02 13:12:15 480 1

原创 input-palceholder的默认字体颜色及，select下拉去掉三角按钮置换元素有哪些？

1.select去掉三角按钮/* 去掉select右边的三角形 */ -webkit-appearance: none;2改变默认字体颜色:-moz-placeholder { color: #a9a9a9;} ::-moz-placeholder { color: #a9a9a9;} input:-ms-i...

2018-11-29 10:02:56 450

原创 CSS垂直居中和水平居中方式

一。垂直居中1.单行文本实现居中：设置行高.box { width:200px; height:200px; line-height:200px;//实现单行文本居中 background:red; } .text { vertical-align: middle; }这种主要给...

2018-11-28 11:24:40 133

/*(1)清除默认样式*/html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,input{ margin:0; padding:0; }fieldset, img,input,button { border:0 none; padding:0;margin:0;o...

2018-11-19 20:34:57 1139

转载 css消除基础样式

一。移动端样式 /* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch;} /* 禁止缩放表单 */inp...

2018-11-19 12:46:02 627

原创单行和多行文本出现省略号的实现

1.CSS部分 /*单行文本出现省略号*/ .div3{ width: 100px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } /*多行文本出现省略号*/ .div4{ width: 100px; display: -webkit-box; -webkit-bo...

2018-11-16 16:41:04 116

原创高度塌陷问题

出现的场景：当子元素有浮动，父元素没有设置高度，或者设置的是最小高度的时候，父元素会出现高度塌陷问题。解决方法： 1.给父元素添加：overflow:hidden;弊端：overflow：hidden会隐藏超出父元素的内容2.利用伪类：.clear-fix:after{ content: ""; clear: both; display: block; he...

2018-11-16 15:46:18 102

原创 css三种样式表的创建和区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> @import url(&quot

2018-11-15 09:38:01 892

原创 css权重

权重排序：内联样式(1000) > id选择器(0100) > class选择器(0010) > 类型选择器(0001) > 继承（0000） * 当不同选择符的样式设置有冲突的时候，高权重选择符的样式会覆盖低权重选择符的样式。例如：b .demo{ }的权重是1+10=11 ...

2018-11-15 09:35:03 98

原创 Git常用命令总结

Git常用命令：1.设置名字和邮箱 $ git config --global user.name "Your Name" $ git config --global user.email "email@example.com"2.初始化仓库： $ git init3.文件的添加： $ git add readme.txt4.文件提交： $...

2018-10-31 13:14:26 111

原创 Git操作

打开Git命令窗口设置账号和密码：$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"一。创建仓库：用于显示当前目录$pwd 通过git init命令把这个目录变成Git可以管理的仓库$ git init Initial...

2018-10-31 12:50:25 104

原创 Git操作流程

安装git： 1.git官网下载安装，创建gitdemo文件夹解压此文件夹，右击->git bash打开命令窗口 2.设置名字和邮箱： $ git config --global user.name "Your Name" $ git config --global user.email "email@example.com"一。创建仓库： 1...

2018-10-31 11:07:09 130

qq_33221699的博客