- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 3.4 数据类型
ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number 和 String。以及一种复杂数据类型：Object （Object 本质上是由一组无序的名值对组成的）3.4.1 typeof操作符对一个值使用 typeof 操作符可能返回下列某个字符串： "undefined"——如果这个值未定义；...
2019-06-11 17:44:48
205
原创 display:inline-block;会使得两个标签之间显示空隙怎么解决
注释：display:inline-block;让块级元素变成行内块级元素，ie6、ie7以及一些老的浏览器不支持/**父元素设置font-size:0;*移除标签之间的换行和空格*使用margin负值**letter-spacing为每个字符之间的空白距离，**word-spacing为单词之间的空白距离/***...
2019-05-27 10:09:51
278
原创 盒模型——IE盒模型和W3C盒模型
W3C盒模型.box{ margin: 10px; padding: 20px; border: 5px solid pink; width: 120px; height: 120px; box-sizing: content-box; /*是W3C盒模型*/}可以看到得到的盒子宽度和高度是120+20+20+5+5+10+10 = 190pxIE...
2019-05-27 10:04:01
310
转载 HTML设置页面自动刷新
页面自动刷新<meta http-equiv="refresh" content="10;url=#">10指的是10s，URL指的是要跳转的页面，当为#时候是自动刷新。当为一个URL地址时候如："http://www.51jfgou.com"，就会在10s后跳转到这个页面。 ...
2018-11-13 18:27:17
2894
翻译 echarts ——折线图
效果图： <!DOCTYPE html><html><head><title>折线图</title><link rel="stylesheet" type="text/css" href="../base/base.css"><script ty
2018-10-15 14:28:10
499
原创 2018.7.19——js有关函数的几种写法
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/><title>函数</title><style
2018-07-19 09:39:00
195
转载 2018.7.06——初始化字体
/*谷歌字体最小限制为12px*//*初始化字体*/ (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = f...
2018-07-19 09:26:42
718
原创 2018.7.19——获取标签值
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/><title>获取标签值</title><scr
2018-07-19 09:20:47
155
转载 2018.6.20——渐进增强和优雅降级
1.什么是渐进增强？在页面开发中，一开始对低版本浏览器构造页面，满足基本的功能，再针对高版本浏览器进行效果，交互，追加各种功能以达到用户体验（就是以最低要求，实现最基本功能为基础，向上兼容）2.什么是优雅降级优雅降级指的是一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能 就好，低级浏览器被认为“简陋却无妨 (poor, bu...
2018-07-02 10:12:06
242
原创 2018.6.28——循环遍历
// 循环遍历const arr1 = [1,2,5,4,6,8,99,88,52,624]const obja = {a: 1,b: 2,c: 3}const str = "stringThings"// for 语句用于创建一个循环，它包含了三个可选的表达式，三个可选的表达式包围在圆括号中并由分号分隔， 后跟一个在循环中执行的语句// 最原始的写法就是for循环for (var i...
2018-06-28 15:53:16
193
原创 function* name([param[, param[, ... param]]]) { statements }
function* name([param[, param[, ... param]]]) { statements }name是函数名称，param是要传递的一个参数，一个函数最多可以传递255个参数，statements是普通的js语句。描述：生成器函数在执行时能暂停，后面又能从暂停处继续执行。调用一个生成器函数并不会马上执行它里面的语句，而是返回一个这个生成器的 迭代器（iterator ）...
2018-06-26 13:59:38
407
转载 2018.6.19——关于webAPP和原生APP
原生APP（Native APP）（基于本地操作系统运行）：智能手机本地操作系统如Android、IOS和Windows优点：原生APP是针对不同的平台为用户提供不同的体验、原生应用可以节约宽带成本、访问本地资源、打开的速度更快并为用户提供最佳的用户体验和优质的用户界面等缺点：多少个地方官Web APP（基于高端机浏览器运行）：优点：H5可跨平台使用，开发成本相对更低，H5可随时上线就更新版本，适...
2018-06-22 15:47:26
459
转载 2018.6.21——原型和原型链、闭包
什么是原型在JavaScript中原型是一个prototype对象，用于表示类型之间的关系；通过原型可以实现对象的属性继承，javascript的对象中都包含了一个prototype内部属性，这个属性对应的就是该对象的原型原型链是什么？JavaScript万物都是对象，对象和对象之间也有关系，并不是孤立存在的。对象之间的继承关系，在JavaScript中是通过prototype对象指向父类对象，直...
2018-06-22 15:46:23
202
原创 2018.6.19——前端用到的几个单位：rem/em/px/vh/vw
1.单位：rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数2.单位：emem是相对父级元素；相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。3.单位：px相对长度单位。像素（Pixels）。4.单位：vh相对于视口的高度。视口被均分为100单位的vh5.单位：vw相对于视口的宽度。视口被均分为...
2018-06-19 16:43:24
689
原创 模板引擎template-native.js传入的数据中包含HTML标签，如何让页面直接识别标签而不是显示在标签？
输出的含有标签如图想要的结果是：解决方法：<%=#data.title[0]%>在数据前加 # 就解决了。
2018-06-19 14:47:07
2580
原创 ios手机滚动不流畅问题 或者 IOS端input无法输入
iOS手机滚动区域在滑动的手指松开后，滚动立刻停止，失去了原本的流畅滚动特性在css部分加上：-webkit-overflow-scrolling: touch;
2018-06-05 16:28:19
2326
原创 使用vue做的音乐播放器crabMusic（接口用的网易云音乐）
主要技术：使用Vue.js实现单页应用使用vue-router处理路由使用axios请求数据使用vue-lazyload对图片进行懒加载使用better-scroll制作轮播图，（加载更多等后续更新...）用Vuex实现数据存储，管理组件间的状态，实现非父子组件之间的通信已完成情况：歌曲的搜索页面（search.vue）歌曲播放页面（play.vue）歌曲精选、分类、电台、MV页面better-s...
2018-06-05 14:16:43
3440
1
转载 数组去重的几种方法
1.利用对象属性的特性去重function delRepeat1(item){ var newArr = []; var temp = {}; for(var i = 0; i < item.length; i++){ if(!temp[item[i]]){ newArr.push(item[i]); temp[item[i]] = 66;...
2018-05-25 15:57:16
480
原创 CSS一行或者多行文字超出部分用省略号
一行文字超出部分用 ' ... ' 代替overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文字超出部分用 ' ... ' 代替display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;强制打断换行： wo...
2018-05-17 17:51:42
230
crabMusic播放器
2018-06-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人