- 博客(74)
- 收藏
- 关注
原创 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
1223
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
1257
原创 css 文字超出部分自动换行,并且文字两端对齐
text-align: justify;text-justify: newspaper;word-break: break-all;
2018-09-03 11:32:49
24377
原创 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
3578
原创 小知识点
1、点击的input框的时候,不让页面出现黑色的框,可以对你点击的那个input设置这两行样式 -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none;
2018-05-31 14:29:52
177
原创 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
1956
原创 懒加载的demo
懒加载的列子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .im
2018-03-05 11:04:45
403
转载 手动收起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
1243
原创 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
626
原创 wamp 的安装教程
1.打开安装包,可根据个人需要更改安装的路径,根据提示一步一步安装;2、安装完成后 ,左击小图标 选中Apache中的httpd.conf文件修改第一处 Options FollowSymLinks AllowOverride None Order deny,allow Deny from all把里面的
2018-01-30 12:22:53
516
原创 项目总结
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
201
原创 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
1497
原创 以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
447
原创 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
831
原创 mui框架
1 MUI介绍=======1.1 MUI是什么,解决了什么问题。(1)性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有(如果开发者需要解决这些问题,需要处理很多兼容性问题,需要花费大把的时间和精力);
2017-10-16 10:29:06
18115
原创 MySQL数据库
1 数据库基本知识1.1基本概念数据库:多个存在一定联系的关系表的集合。关系表:一个二维的关系型数据的集合。记录:关系表中的一行数据,代表一个完整的信息。比如“梁艳丽”的信息就是一条记录。字段:关系表中的列,其包括字段名、字段类型等属性。比如:“手机号码”等字段,它的类型就是字符串。 华点H5-1703班国庆假期报道登记表姓名
2017-10-16 09:32:02
549
原创 swiper框架的使用教程
swiper之前用过jQuery的轮播插件nivo-slider,可以实现图片的轮播,但是还是不够方便。然后在网上看到了swiper这个方法,很好用。什么是swiper呢?swiper常用于移动端网站的内容触摸滑动,swiper是纯JavaScript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper常用于移动端网站的内容触摸滑动Swiper是纯java
2017-09-11 19:51:46
3744
1
转载 基于JQuery的轮播图插件nivo-slider使用教程
现在市面上基于jQuery的轮播图插件种类繁多,各具特色,这对于具有选择困难症的童鞋来说就痛苦了,不知道选哪个,那么,今天小编就来帮你选择一款,号称最好的jquery幻灯片插件,Nivo-Slider,这款插件无论是在交互效果,还是轮播效果,还是使用方法及功能都堪称完美。其效果可与Flash的幻灯片媲美,例如: 这个flash的幻灯显示主要特性:号称世界最棒的jQuery幻
2017-08-31 13:59:04
866
原创 jQuery
JQuery基础知识1.1基本概念JQuery是一个JS库,能够帮助我们轻松实现一些原本可能比较麻烦的功能。JQuery每个版本又有两个小版本:压缩版和未压缩版,压缩版文件较小,但没有排版和注释,所以不便于阅读;而未压缩版文件较大,有排版和注释,便于阅读。JQuery实际上就是一个js文件,加载到页面就可以直接使用了。也可以通过CDN(Content Distrib
2017-08-21 18:55:03
634
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
591
原创 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
3323
原创 H5面试——如何阻止事件冒泡和默认事件
如何阻止事件冒泡和默认事件 捕获和冒泡的演示 捕获和冒泡的演示 //阻止冒泡的方法: // 方法一:event.stopPropagation(),该方法只能阻止click事件的冒泡。 var div1 = document.getElementById("div1"); var p1
2017-08-15 19:00:18
1477
原创 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
1523
原创 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
765
原创 JS——实现吹气球
题目:吹气球(圆圈),鼠标左键按下气球慢慢变大,放开则停止变化,右键按下则气球慢慢变小,放开则停止变化 #div1{ width:100px; height:100px; border-radius: 50%; background-color:
2017-08-11 09:57:19
899
原创 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
478
原创 JS——事件
10 事件10.1 事件的概念事件源事件名事件注册事件处理以火灾为例:粤商大酒店201房间发生火灾,119电话报警,南湖区消防支队出警,赶赴现场通过喷水作业成功灭火。事件源:粤商大酒店201房间事件名:火灾事件注册:事先已经规划好片区,粤商大酒店所属片区归南湖区消防支队负责。事件处理:喷水 10.2 常用事件 鼠标常用事件:(1)clic
2017-08-08 20:06:59
606
原创 H5面试——Doyctype作用
Doctype作用1)声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。2)严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。3)在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4)DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2017-08-08 09:52:44
532
原创 H5面试——HTML语义化理解
HTML语义化的理解语义化的主要目的在于,直观的认识标签(markup)和属性(attribute)的用途和作用。可以概括为:1)用正确的标签做正确的事情;2)html语义化让页面的内容结构化,结构更清晰,便于浏览器解析,便于搜索引擎解析;3)即使在没有CSS样式的情况下也以一种文档格式显示,并且是容易阅读的;4)搜索引擎的爬虫也依赖于标记来确定
2017-08-08 09:46:07
906
原创 H5面试——CSS选择符有哪些
CSS 选择符有哪些1)id 选择器(#idname)根据元素的id属性来选择,比方下列中的选择器就是选中id=”tt”的目标,其书写格式为:#idname2)类选择器(.classname)根据元素class属性来选择,比方下列中的选择器就是选中class=”tt”的目标,其书写格式为:.classname3)标签选择器(div,h1,p)按照标签(元素)的名称来
2017-08-08 09:29:53
1164
原创 H5面试——HTTP状态码
HTTP状态码知道哪些?常见的有一下几种:100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求,但尚未处理2
2017-08-08 09:27:02
1171
原创 H5面试——JS内置对象有哪些
JS内置对象有一下几种:Arguments 函数参数集合Array 数组Boolean 布尔对象Date 日期时间Error 异常对象Function 函数构造器Math 数学对象Number 数值对象Object 基础对象RegExp 正则表达式对象String 字符串对象
2017-08-08 09:03:13
525
原创 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
1118
原创 递归——实现猴子选大王的问题
n个猴子围成一圈,从某个开始报数1-2-3-1-2-3-……报“3”的猴子就被淘汰,游戏一直进行到圈内只剩一只猴子它就是猴大王了。/* * 猴子选大王问题: * 功能:计算n个猴子选大王的解雇 * 输入参数:n个猴子的数量 * 返回结果:当选猴王的序号(从0号开始) * */ function selectKing(n){ if
2017-08-07 17:27:46
6535
2
原创 递归——实现汉诺塔问题
/* * 汉诺塔问题: * 函数功能:将n个盘子从源柱,借助于辅助柱、移到目标柱 * 输入参数: * n盘子的个数 * src 源柱 * aux 辅助柱 * dst 目标柱 * */ function hanoi(n,src,aux,dst){ if(1 == n){ documen
2017-08-07 16:38:53
683
原创 JS中常用的对象
常用对象9.1字符串字符串的定义:定义一个变量,然后直接将字符串赋值给它。Var str = “abc123”;字符串实际上是字符组成的数组。所以数组的方法它基本都有。(1)访问字符串里面的字符:a. 数组方式:(str[i])b. 字符串特有的方式:charAt(i)(2)查找a. 数组方式:indexofb. 字符串方式:search (): 传入
2017-08-06 15:56:17
1788
原创 用JS实现冒泡排序、顺序排序、 折半查找
一、冒泡排序1思路:冒泡排序思路:每一次对比相邻两个数据的大小,小的排在前面,如果前面的数据比后面的大就交换这两个数的位置 要实现上述规则需要用到两层for循环,外层从第一个数到倒数第二个数,内层从外层的后面一个数到最后一个数2特点:排序算法的基础。简单实用易于理解,缺点是比较次数多,效率较低3代码实现var a = [3,7,11,43,8
2017-08-03 16:15:29
1068
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人