- 博客(74)
- 收藏
- 关注
RSS订阅原创 vue router 底部导航栏功能（不使用icon）
<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.type,{selectedTab:index === indexType}]' @click="$router.push(item.push)"> <img :src="index...
2018-09-03 14:17:21
1209
1
原创 移动端自动将px转化成rem
$browser-default-font-size: 37.5px !default; //变量的值可以根据自己需求定义 @function pxTorem($px) { //$px为需要转换的字号 @return $px/$browser-default-font-size*1rem; } //使用 .box { width:pxTorem(100px...
2018-09-03 12:05:59
1241
原创 css 文字超出部分自动换行，并且文字两端对齐
text-align: justify;text-justify: newspaper;word-break: break-all;
2018-09-03 11:32:49
24336
原创 vue-cli脚手架npm run dev 的坑
npm run dev 运行的时候就报以上的错误，然后排除了端口被占用，也试过npm install 的做法，就是不一样build/webpack.dev.conf.js const HOST = '192.168.1.163'改成const HOST = process.env.HOST就可以了，原因是应该IP地址改变的原因...
2018-06-11 11:04:25
3567
原创 小知识点
1、点击的input框的时候，不让页面出现黑色的框，可以对你点击的那个input设置这两行样式 -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none;
2018-05-31 14:29:52
166
原创 DOM的createElement的坑
<body> <div> <p id="p1">p1</p> <p id="p2">p2</p> <p id="p3">p3</p> </div&am
2018-03-05 14:21:59
1923
原创 懒加载的demo
懒加载的列子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .im
2018-03-05 11:04:45
395
转载 手动收起ios机input的软键盘
//id是input框的id的名字，time是软键盘多少时间消失function objBlur(id,time){ if(typeof id != 'string') throw new Error('objBlur()参数错误'); var obj = document.getElementById(id), time = time || 300,
2018-02-01 10:45:33
1230
原创 jQuery只能输入数字并且最多允许两位小数
<input type="text" name="je" id="box">元<script src="plug/js/jquery-1.9.1.min.js"></script><script language="JavaScript" type="text/javascript"&a
2018-01-30 13:36:44
609
原创 wamp 的安装教程
1.打开安装包，可根据个人需要更改安装的路径，根据提示一步一步安装；2、安装完成后 ，左击小图标 选中Apache中的httpd.conf文件修改第一处 Options FollowSymLinks AllowOverride None Order deny,allow Deny from all把里面的
2018-01-30 12:22:53
497
原创 项目总结
1、ES6的箭头函数，不能兼容低版本手机；2、保留两位有效小数，可以用toFixed(2)，注意的是，该方法只适用于类型为Number的对象；3、类似淘宝购物车的价格联动，res为所用规格对应的数组，filterObj为选中的规格function getPrice(res, filterObj) { var newRes = res; for (var key in
2018-01-29 15:46:15
190
原创 HTML上传本地图片or拍照上传
HTML上传本地图片or拍照上传<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> #camera{ font-size: 100px; left: 0; top: 0;
2017-10-24 16:43:43
1483
原创 以node.js为列，介绍dos命令
dos常用命令：常用的内部命令有MD、CD、RD、DIR、PATH、COPY、TYPE、EDIT、REN、DEL、CLS、VER、DATE、TIME、PROMPT。 常用的外部命令有DELTREE、FORMAT、DISKCOPY、LABEL、VOL、SYS、XCOPY、FC、ATTRIB、MEM、TREE。node.js的命令首先 Windows+R，输入cmd 进去 可以看到下图的效果如果要进
2017-10-16 11:35:41
438
原创 bootstrap框架
Bootstrap基础知识1.1基本概念bootstrap是什么？ bootstrap是一个HTML、CSS和JavaScript的一个前端框架，应用非常广泛。用于响应式、移动设备优先的web项目。1.2 安装——http://www.bootcss.com/1.3 基本模板由于bootstrap是基于jQuery，所以引用bootstrap.js之前一定要引用jQuery.js.<head l
2017-10-16 11:10:35
805
原创 mui框架
1 MUI介绍=======1.1 MUI是什么，解决了什么问题。（1）性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题，这些都让HTML5开发者倍感挫败，尤其拿到Android低端机运行，摔手机的心都有（如果开发者需要解决这些问题，需要处理很多兼容性问题，需要花费大把的时间和精力）；
2017-10-16 10:29:06
18024
原创 MySQL数据库
1 数据库基本知识1.1基本概念数据库：多个存在一定联系的关系表的集合。关系表：一个二维的关系型数据的集合。记录：关系表中的一行数据，代表一个完整的信息。比如“梁艳丽”的信息就是一条记录。字段：关系表中的列，其包括字段名、字段类型等属性。比如：“手机号码”等字段，它的类型就是字符串。 华点H5-1703班国庆假期报道登记表姓名
2017-10-16 09:32:02
536
原创 swiper框架的使用教程
swiper之前用过jQuery的轮播插件nivo-slider，可以实现图片的轮播，但是还是不够方便。然后在网上看到了swiper这个方法，很好用。什么是swiper呢？swiper常用于移动端网站的内容触摸滑动，swiper是纯JavaScript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper常用于移动端网站的内容触摸滑动Swiper是纯java
2017-09-11 19:51:46
3721
1
转载 基于JQuery的轮播图插件nivo-slider使用教程
现在市面上基于jQuery的轮播图插件种类繁多，各具特色，这对于具有选择困难症的童鞋来说就痛苦了，不知道选哪个，那么，今天小编就来帮你选择一款，号称最好的jquery幻灯片插件，Nivo-Slider,这款插件无论是在交互效果，还是轮播效果，还是使用方法及功能都堪称完美。其效果可与Flash的幻灯片媲美，例如： 这个flash的幻灯显示主要特性：号称世界最棒的jQuery幻
2017-08-31 13:59:04
861
原创 jQuery
JQuery基础知识1.1基本概念JQuery是一个JS库，能够帮助我们轻松实现一些原本可能比较麻烦的功能。JQuery每个版本又有两个小版本：压缩版和未压缩版，压缩版文件较小，但没有排版和注释，所以不便于阅读；而未压缩版文件较大，有排版和注释，便于阅读。JQuery实际上就是一个js文件，加载到页面就可以直接使用了。也可以通过CDN（Content Distrib
2017-08-21 18:55:03
619
1
原创 JS——BOM
12 BOM12.1 常用对象概念：BOM ：Browser Object Model常用对象：Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法。vara = 1;function test(){ vara = 2; alert(a); alert(window.a)}全局变量
2017-08-15 19:09:22
577
原创 H5面试——Label的作用是什么？是怎么用的？
Label的作用是什么？是怎么用的？label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单内容上。 [html] view plain copy print?label for="Name">Number:label> input type=“text“name="Name"
2017-08-15 19:05:30
3309
原创 H5面试——如何阻止事件冒泡和默认事件
如何阻止事件冒泡和默认事件 捕获和冒泡的演示 捕获和冒泡的演示 //阻止冒泡的方法： // 方法一：event.stopPropagation(),该方法只能阻止click事件的冒泡。 var div1 = document.getElementById("div1"); var p1
2017-08-15 19:00:18
1450
原创 H5面试——在JS中typeof返回的结果有哪几种？
在JS中typeof返回的结果有哪几种？JS中typeof有六种：1）number （数字）2）boolean（布尔）3）string（字符串）4）object（对象）5）function（函数）6）undefined（未定义）
2017-08-15 18:51:57
1512
原创 H5面试--弹出的a和b分别是什么
下列代码的结果为： var a = 2; var b = 1; if(a%2&&b++);a++; alert(a); alert(b);结果：a为2；b为1结论：&& 与运算：如果出现了false，后面的语句将不再执行 || 或运算：如果出现了一个true，后面的语句将不再执行if语句()内容填什么可以弹出
2017-08-11 16:27:31
750
原创 JS——实现吹气球
题目：吹气球（圆圈），鼠标左键按下气球慢慢变大，放开则停止变化，右键按下则气球慢慢变小，放开则停止变化 #div1{ width:100px; height:100px; border-radius: 50%; background-color:
2017-08-11 09:57:19
885
原创 JS——DOM
11 DOM11.1 DOM概念DOM(Document object model):文档对象模型通过开发者工具的elements标签页页可以观察到 通过开发者工具的sources标签页页可以观察到 整个文档是由一系列节点对象组成的一棵树。节点（node）包括元素节点（1）、属性节点（2）和文本节点（3）varth1 =document.getElement
2017-08-10 13:54:47
467
原创 JS——事件
10 事件10.1 事件的概念事件源事件名事件注册事件处理以火灾为例：粤商大酒店201房间发生火灾，119电话报警，南湖区消防支队出警，赶赴现场通过喷水作业成功灭火。事件源：粤商大酒店201房间事件名：火灾事件注册：事先已经规划好片区，粤商大酒店所属片区归南湖区消防支队负责。事件处理：喷水 10.2 常用事件 鼠标常用事件：（1）clic
2017-08-08 20:06:59
596
原创 H5面试——Doyctype作用
Doctype作用1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2017-08-08 09:52:44
516
原创 H5面试——HTML语义化理解
HTML语义化的理解语义化的主要目的在于，直观的认识标签(markup)和属性(attribute)的用途和作用。可以概括为：1）用正确的标签做正确的事情；2）html语义化让页面的内容结构化，结构更清晰，便于浏览器解析，便于搜索引擎解析；3）即使在没有CSS样式的情况下也以一种文档格式显示，并且是容易阅读的；4）搜索引擎的爬虫也依赖于标记来确定
2017-08-08 09:46:07
894
原创 H5面试——CSS选择符有哪些
CSS 选择符有哪些1）id 选择器（#idname）根据元素的id属性来选择，比方下列中的选择器就是选中id=”tt”的目标，其书写格式为：#idname2）类选择器（.classname）根据元素class属性来选择，比方下列中的选择器就是选中class=”tt”的目标，其书写格式为：.classname3）标签选择器（div，h1，p）按照标签（元素）的名称来
2017-08-08 09:29:53
1151
原创 H5面试——HTTP状态码
HTTP状态码知道哪些？常见的有一下几种：100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理2
2017-08-08 09:27:02
1114
原创 H5面试——JS内置对象有哪些
JS内置对象有一下几种：Arguments 函数参数集合Array 数组Boolean 布尔对象Date 日期时间Error 异常对象Function 函数构造器Math 数学对象Number 数值对象Object 基础对象RegExp 正则表达式对象String 字符串对象
2017-08-08 09:03:13
515
原创 JS中常见的算法
常见算法1累加/累积累加：将一系列的数据加到一个变量里面。最后的达到累加的结果比如：将1到100的数求累加和。小球从高处落下，每次返回到原来的一半，求第十次小球落地时小球走过的路程。var h = 100;var s = 0;for(var i=0;i<10;i++){ h = h/2; s += h;}s = s*2 +100;累积：将一系
2017-08-08 08:54:54
1095
原创 递归——实现猴子选大王的问题
n个猴子围成一圈，从某个开始报数1-2-3-1-2-3-……报“3”的猴子就被淘汰，游戏一直进行到圈内只剩一只猴子它就是猴大王了。/* * 猴子选大王问题： * 功能：计算n个猴子选大王的解雇 * 输入参数：n个猴子的数量 * 返回结果：当选猴王的序号（从0号开始） * */ function selectKing(n){ if
2017-08-07 17:27:46
6517
2
原创 递归——实现汉诺塔问题
/* * 汉诺塔问题： * 函数功能：将n个盘子从源柱，借助于辅助柱、移到目标柱 * 输入参数： * n盘子的个数 * src 源柱 * aux 辅助柱 * dst 目标柱 * */ function hanoi(n,src,aux,dst){ if(1 == n){ documen
2017-08-07 16:38:53
671
原创 JS中常用的对象
常用对象9.1字符串字符串的定义：定义一个变量，然后直接将字符串赋值给它。Var str = “abc123”;字符串实际上是字符组成的数组。所以数组的方法它基本都有。（1）访问字符串里面的字符：a. 数组方式：（str[i]）b. 字符串特有的方式：charAt(i)（2）查找a. 数组方式：indexofb. 字符串方式：search (): 传入
2017-08-06 15:56:17
1772
原创 用JS实现冒泡排序、顺序排序、 折半查找
一、冒泡排序1思路：冒泡排序思路：每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置 要实现上述规则需要用到两层for循环，外层从第一个数到倒数第二个数，内层从外层的后面一个数到最后一个数2特点：排序算法的基础。简单实用易于理解，缺点是比较次数多，效率较低3代码实现var a = [3,7,11,43,8
2017-08-03 16:15:29
1060
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人