对我来说,博客首先是一种知识管理工具,其次才是传播工具。我的技术文章,主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西,那些我精通的东西,往往没有动力写。炫耀从来不是我的动机,好奇才是。
localStorage: 在浏览器端存储数据(存储在浏览器内部,不会跨浏览器)直接通过这个对象就可以访问或者修改这个数据 Cookie: 什么是Cookie Cookie意为“甜饼”,是由W3C组织提出,最早由Netscape社区发展的一种机制。
一、简介 (1)将异步操作的写法写成了同步的。并没有真正将异步变成同步,而是将异步回调函数的写法写成了同步的写法,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。
HTTP(超文本传输协议)是一个基于请求与响应模式的、无状态的、应用层的协议,常基于TCP的连接方式,HTTP1.1版本中给出一种持续连接的机制,绝大多数的Web开发,都是构建在HTTP协议之上的Web应用。
二分查找,也称为折半查找,是指在有序的数组里找出指定的值,返回该值在数组中的索引。查找步骤如下: (1)从有序数组的最中间元素开始查找,如果该元素正好是指定查找的值,则查找过程结束。
一、理解BFC 1、Box:css布局的基本单位 box是css布局的对象和基本单位几个,直观点说,就是一个页面由很多到 box组成,元素的类型和display属性,决定了box类型,不同类型的box会参与不同的formatting context(决定如何渲染文档的容器),因此box内的元素会以不同的方式渲染。
递归两个要素 1.递归边界 2.递归的逻辑——递归"公式" 递归的过程一定有参数的变化,并且参数的变化,和递归边界有关系. 在难度较大的题目中,这两者均不容易直接得到.
1、输出今天的日期以YYYY-MM-DD的方式,比如今天是2014年9月26日,则输出2014-09-26 2、为了保证页面输出安全,我们经常需要对一些特殊的字符进行转义,[if !supportLists]1. [endif]请写一个函数escapeHtml,将, &, “进行转义 3、用js实现随机选取10–100之间的10个数字,存入一个数组,并排序。
zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件,在网上随便就可以下载到。 使用zyupload插件的时候,只需要注意替换js中的 URL 路径,就是后台给的接口地址。
方法一、H5的属性 online和offline online,offline事件用来监测浏览器处于在线或离线状态。HTML5提出的离线存储,web应用程序可以在不连接互联网的情况下满足用户的部分需求,比如在线记事本。
基于框架:vue 一、基于http库:axios 基本用法: 1.通过node安装:npm install axios 2. 在项目目录的src文件夹下新建apis文件夹,在该文件夹内新建index.
安装:npm install wangeditor 代码引入 wangEditor (vue环境) 编写组件代码 父组件: 子组件: html js css 更多信息请参考wangEditor官网:https://www.
一、img-vuer 一个简单易用的图片浏览组件,支持滑动换图,支持手势缩放,不支持显示当前时第几张和总共多少张 使用说明: 安装 ; npm install img-vuer --save 使用: import gallery from 'img-vuer ' Vue.
一、水平滑动,记录当前状态 当水平内容在一屏展示不全的时候,需要使用属性,white-space:no-wrap,来强制内容在同一行,同时使用overflow-x:scroll来让元素在水平方向可以滑动。
一、h5动画 (一)h5中动画的实现方式有2种: 1、css动画:能够实现2D/3D位移、缩放、颜色和透明度变换以及简单的滤镜效果(模糊)。体积小,效率高是优先考虑的动画实现方式 (1)位移动画(translate):因为位置变化而产生的动画称为位移动...
我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。 第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示: 第二步,最好是电脑和安卓手机都连接了谷歌浏览器 第三步,打开电脑上的谷歌浏览器,调出控制台, 我们点击More tools,再选择 在之后的页面中,如图所示选项必须打对勾。
navigator对象包含有关浏览器的信息,通常用于检测浏览器和操作系统版本 navigator的对象属性包括: appCodeName:浏览器代码名的字符串表示; appName:返回浏览器的名称; appVersion:返回浏览器的操作系统平台; ...
二维码的应用在现在生活和项目中应用的越来越多,下面就对二维码的生成及使用做一下总结。 一、二维码的生成 qrcode.js及jquery-qrcode.js实现生成二维码: qrcode.
最近用echrts做了一个电视大屏的项目,总结一下。 实际项目中初始化定义图表的简单使用 1.新建一个 test.html 并放置一个 div 来承载图表: 2.
一、首先需要在项目中引入better-scroll 1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准(目前最新) 2.cpnm install 在node_modules 可以查看版本是否安装 3.直接在你的组件里面写入import BScroll from 'better-scroll'; 二、better-scroll优点 1.体验像原生:滚动非常流畅,而且没有滚动条。
一、网格布局 最简单的网格布局,就是平均分布,在容器里面平均分配空间,但是要设置项目的自动缩放。 比较简单不做过多解释,代码如下 二、百分比布局 某个网格的宽度是固定的百分比,其余网格平均分配剩余空间 flex 属性,是以下三个属性的简...
sticky footers解决的问题是,当页面的内容不够长的时候,页脚块粘贴在视窗底部,如果内容足够长的话,页脚块会被内容向下推送。 我现在介绍的是相对复杂,但是兼容性最好的方案 首先看布局 重点说一下css detail是最外层的包裹...
一、图片的预览效果 本次实现是在vue-cli中实现的路由来实现图片的预览效果 第一步定义两个组件命名为HelloWorld.vue和Layer.vue 第二步需要配置两个组件的前端路由 代码如下: 第三步在HelloWorld的组件中...
最近在git上看到了这样一个文件https://github.com/chokcoco/iCSS,关于css实现的一些很不错的样式,所以准备自己总结一下自己项目中用到的一些样式。
目前有很多方式可以实现上拉刷新下拉加载的功能 基于vue2.0并参考网上的一些实例完善了一个vue的组件来实现上拉刷新,下拉下载的功能。 下拉刷新 下拉加载更多 暂无数据 以下为代码 scroll.
我们知道vue的精华就在于组件话开发,第一次看vue的时候懵懵懂懂,只是大概了解了怎么去用。今天闲来无事第二次去看发现了很多精华的东西,现在写出来与大家分享下。
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.
jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。 错误写法 复制代码代码如下: $(“#uploadImg”).
种类 父组件跟子组件通信 子组件跟父组件通信 兄弟组件之间的通信 父组件如何将数据传到子组件中 可以通过prop将数据传递给子组件 需要注意的是 prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是反过来不会。
春天来了,分享我拍的一些照片! 图片发自简书App 图片发自简书App 图片发自简书App 图片发自简书App 图片发自简书App 图片发自简书App 图片发...
图片发自简书App + URL中+表示空格 / 分隔目录和子目录 ? 分隔实际的URL和参数 % 指定特殊字符 # 表示书签,打开浏览器会滑到哪个位置 & 指定的参数间的分隔符 = 指定参数的值
2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
CSS中可以和不可以继承的属性 一、无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果...
H5页面做多了,自然就会做到页面上的返回功能,返回功能大致有两种:history.back(-1)和history.go(-1),今天我们来说说两种方法的区别。
1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width:10px; height:10px; background-color:red; } /*定义滚动条轨道 内阴影+圆角*/ ::-web...
好插件推荐 插件描述:支持多图片上传、拖拽上传、剪辑、编辑,上传预览,编辑获取默认值等功能,并且每一个功能对应一个demo,简单易懂,方便学习修改 多图上传预览 图片发自简书App 删除 图片发自简书App 拖拽上传 图片发自简书App 插件下载 :http://www.
js+css实现手机端的多图片上传,为了方便使用,css和js都未内联,为性能建议使用时改为外联; 如要用到pc端,直接去掉px转换为rem的js代码,修改单位即可; 因multiple在安卓手机中不兼容,所以在安卓上只能一次选中一张图片,在iOS系统...
一、在开发的过程中会可能会遇到下图这样的评分效果,下面就来看看这种效果用vue如何实现 效果图 图片发自简书App HTML部分 图片发自简书App CSS部分 图片发自简书App JS部分 图片发自简书App 二、项目的开发过程,经常会遇到评价分数的展示,下边我们就来实现以下,不同类型不同大小,可以在任意使用的分数展示的vue组件,计算属性来动态添加不同的样式。
在识别二维码的时候,我们需要判断用户的行为是点击事件还是长按,如果是点击事件不做操作,如果是长按事件,就识别二维码 git地址:https://github.