自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(170)
  • 收藏
  • 关注

原创 css简析

css选择器标签选择器:针对一类标签(如:body,div,p,ul,li)ID选择器:针对某一个特定的标签使用(如:id=“demo”)类选择器:针对你想要的所有标签使用(如:class=“demo”)通用选择器(通配符):针对所有的标签都适用(如:*号)后代选择器(继承选择器):用空格隔开(如:div p,注意两选择器用空格键分开)交集选择器(组合选择器):(如:.head .head_logo,注意两选择器用空格键分开)。并集选择器:(群组选择器):用逗号隔开伪类选择器:(如:就是链

2020-05-12 12:50:09 643

原创 常见的浏览器兼容性问题

常见的兼容性问题?不同浏览器的标签默认的margin和padding不一样。*{margin:0;padding:0;}IE6双边距bug:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大。hack:display:inline;将其转化为行内属性。渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用“9”这一标记,将IE浏览器从所有情况中分离出来。接着,再次使用“+”将IE8和IE7、IE6分离开来,这样IE8已经独立识别。{backgr

2020-05-12 10:28:04 283

原创 用css及parallax-scrolling插件分别实现视觉差效果

用css及parallax-scrolling插件分别实现视觉差效果视差滚动(Parallax Scrolling)通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。css实现视觉差效果css的background-attachment属性: 设置背景图像是否固定或者随着页面的其余部分滚动。注意: 任何版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。<!DOCTYPE html><htm

2020-05-11 21:05:04 229

原创 实现简单的全屏滚动

实现简单的全屏滚动原理: 有点类似于轮播,整体的元素一直排列下去,假设有5个需要展示的全屏页面,那么高度是500%,只是展示100%,剩下的可以通过transform进行y轴定位,也可以通过margin-top实现overflow:hidden;transition:all 1000ms ease;<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;

2020-05-11 17:00:09 217

原创 css实现满屏品字

css实现满屏品字第一种方法:上面那块用margin: 0 auto;居中;下面两块用float或者inline-block不换行;用margin调整位置使他们居中。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>满屏品字布局</title> <style type="text/css"> *{

2020-05-10 12:56:57 184

原创 css3为图片添加滤镜(filter)

css3为图片添加滤镜(filter)css3 filter语法解析filter: none | blur() | brightness() | contrast() | drop-shadow() |grayscale() | hue-rotate() | invert() | opacity() | saturate() |sepia() | url();属性解释举例...

2020-05-07 17:10:15 263

原创 jQuery中localStorage及sessionStorage的使用

jQuery中localStorage及sessionStorage的使用localStorage、sessionStorage理解localStorage:在HTML5中,新加入的一个l特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题,localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。sessio...

2020-05-07 16:38:59 138

原创 jQuery实现嵌套页面传参

jQuery实现嵌套页面传参实现嵌套页面的传参,首先要考虑的是父页面如何储存值,然后就是子页面如何获取值,最后就是如何显示在页面中。父页面存储值:parent.$("body").data("aintt_val", str);子页面获取值:var str = parent.$("body").data("aintt_val");页面显示内容:$("#bdiv").html...

2020-05-07 11:55:45 175

原创 vue常见指令

vue常见指令vue.js官方给自己的定为是数据模板引擎,并给出了一套渲染数据的指令。Vue.js 使用了基于 HTML 的模板语法,最简单的使用vue的方式是渲染数据,渲染数据最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。1.v-html双大括号语法无法渲染HTML标签,需要使用v-html。<!DOCTYPE html><html>...

2020-04-22 21:56:37 75

原创 Ajax简析

Ajax简析1、什么是Ajax和JSON,它们的优缺点Ajax是全称是asynchronous JavaScript andXML,即异步JavaScript和xml,用于在Web页面中实现异步数据交互,实现页面局部刷新优点: 可以实现异步通信效果,页面局部刷新,带来更好的用户体验JSON是一种轻量级的数据交换格式,看着像对象,本质是字符串优点: 轻量级、易于人的阅读和编写,便于...

2020-04-20 20:45:43 80

原创 jquery.pagination.js+Ajax动态分页

jquery.pagination.js+Ajax动态分页首先引入jquery组件 jquery.pagination.js,以及css样式pagination.css <link rel="stylesheet" type="text/css" href="css/pagination.css" /> <script src="./jquery.pagination.js...

2020-04-20 12:29:24 251

原创 ES6之Promise 对象

16 Promise 对象16.1 Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案 —— 回调函数和事件 —— 更合理和更强大。它由社区最早提出和实现, ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说, Promise 是...

2020-04-17 21:07:11 79

原创 vue之vuex

vue之vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension ,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。“状态管理模式”new Vue({ // state...

2020-04-12 10:50:10 62

原创 Android之滚动控件Recycler

Activity之滚动控件Recycler基本用法RecyclerView 不仅实现了和 ListView 同样的效果,而且还优化了 ListView 存在的各种不足。RecyclerView 也是新增的控件,以必须先在项目的 build.gradle 中添加相应的依赖库才能使用: compile 'com.android.support:recyclerview-v7:24.2.1'...

2020-04-10 21:15:37 44

原创 Android之Activity启动模式及其应用场景

Android之Activity启动模式及其应用场景任务栈:程序打开时就创建了一个任务栈, 用于存储当前程序的activity,所有的activity属于一个任务栈。一个任务栈包含了一个activity的集合, 去有序的选择哪一个activity和用户进行交互:只有在任务栈栈顶的activity才可以跟用户进行交互。任务栈可以移动到后台, 并且保留了每一个activity的状态. 并且有...

2020-04-10 20:37:41 99

原创 Android之广播机制

Android之广播机制广播机制简介Android提供了一套完整的API,允许应用程序自由的发送和接受广播,发送广播借助于我们之前学过的:Intent,而接收广播需要借助于广播接收器(Broadcast Receiver)广播的类型主要分为两种:标准广播和有序广播。标准广播:一种完全异步执行的广播,在广播发出之后,所有接收器几乎在同一时刻接收到这条广播消息,因此它们之间没有任何的先后顺序可...

2020-04-10 11:57:51 93

原创 Android之SQLite数据库存储

Android之SQLite数据库存储一. 创建数据库创建一个 “数据库管理器” 实体类来继承 SQLiteOpenHelper抽象类。其中需要重写两个方法用于创建数据库和升级数据库:onCreate()和onUpgrade()。数据库管理器的构造方法接收四个参数。第一个是context(环境),第二个是数据库名,第三个是查询数据返回的自定义的cursor、一般都是null,第四个是...

2020-04-10 11:31:11 51

原创 Android之数据存储

Android之数据存储Android中实现数据存储的三种方式:文件存储SharedPreference存储SQLite数据库存储三种方式的数据文件默认存储的位置:文件存储应用运行时需要的一些较大的数据/图片可以用文件保存到手机内部文件类型:任意文件存储的位置:/data/data/包名/files/可以设置数据只能当前应用读取,别的应用不可以应用卸载时,文件会被删除...

2020-04-10 11:08:56 45

原创 移动端自适应布局与字体大小

移动端自适应布局与字体大小vw, vh实现vw:根据可视区的宽度来计算的,100vw相当于宽度为100%,10vw则相当于10%。vh:根据可视区的高度来计算的,和vw换算方式一样。font-size:10vw。如果浏览器可视区宽度为320px的话,那么字体大小为32px,以此类推。<!DOCTYPE html> <html> <head> ...

2020-04-10 10:33:03 376

原创 JavaScript中的链(作用域链、原型链)

JavaScript中的链(作用域链、原型链)Js中存在两种老生常谈的链,作用域链和原型链。作用域链是为了访问变量而存在的链,原型链是访问对象的属性而存在的链。作用域链说到作用域链,首先来说下作用域的概念:执行代码的上下文,也可以说是变量对象,是开始进入一个函数的执行环境的时候,形成的所有可访问变量,可以说变量对象是作用域的实体。作用域分类:全局作用域、函数作用域(块级作用域)、eval作...

2020-04-09 21:33:58 73

原创 Android之广播接收器

Android之广播接收器广播接收器用于响应来自其他应用程序或者系统的广播消息。这些消息有时被称为事件或者意图。例如,应用程序可以初始化广播来让其他的应用程序知道一些数据已经被下载到设备,并可以为他们所用。这样广播接收器可以定义适当的动作来拦截这些通信。有以下两个重要的步骤来使系统的广播意图配合广播接收器工作。创建广播接收器注册广播接收器还有一个附加的步骤,要实现自定义的意图,你必须...

2020-04-09 14:00:55 212

原创 Android之动态加载布局

Android之动态加载布局限定符的作用由于屏幕大小的区别,平板电脑为双页模式,手机为单页模式,使用限定符,可以在程序运行时判断应该是使用双页模式还是单页模式。常见的限定符分辨率限定符:限定符描述ldpi120 dpi 以下设备mdpi120 dpi ~ 160 dpi 设备hdpi160 dpi ~ 240 dpi 设备xhdpi240 d...

2020-04-09 11:54:16 372

原创 Android之碎片生命周期

public class RightFragment extends Fragment { public static final String TAG = "RightFragment"; @Override public void onAttach(Activity activity) { super.onAttach(activit...

2020-04-09 11:37:17 84

原创 css之flex 布局

flex 布局flex 布局的概念Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局,行内元素也可以通过 inline-flex 使属性值用 Flex 布局。inline-flex 和 inline-block 一样,对设置了该属性值的元素的子元素来说是个 display:flex 的容器,对外部元素来说是个 ...

2020-04-09 11:26:45 160

原创 Javascript之原始值与引用值,函数创建的三种方式

Javascript之原始值与引用值原始值(1)原始值指的是 原始类型 的值,也叫 基本类型,例如 Number、Stirng、Boolean、Null、Underfined 。(2)存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。(3)在许多语言中,字符串都被看作引用类型,而非原始类型,因为字符串的长度是可变的。ECMAScript 打破了这一传统。引...

2020-04-09 09:25:36 47

原创 css如何实现三角形

css实现三角形将一个div的宽度和高度设置为0,然后设置边框样式.triangle{ width: 0; height: 0; border-top: 50px solid black; border-right: 50px solid red; border-bottom: 50px solid green; border-left: 50p...

2020-04-08 23:12:03 109

原创 css实现两列布局,一列固定宽度,一列宽度自适应方法

css实现两列布局,一列固定宽度,一列宽度自适应方法固定宽度区浮动,自适应区不设宽度而设置 margin<div id="wrap"> <div id="sidebar" style="height:500px;background:red;color:#fff;">固定宽度区</div> <div id="content" style="he...

2020-04-08 22:43:08 171

原创 css之BFC块级格式化上下文

css之BFC块级格式化上下文BFC 定义BFC(块级格式化上下文),一个创建了新的BFC的盒子是独立布局的,盒子内元素的布局不会影响盒子外面的元素。在同一个BFC中的两个相邻的盒子在垂直方向发生margin重叠的问题BFC是指浏览器中创建了一个独立的渲染区域,该区域内所有元素的布局不会影响到区域外元素的布局,这个渲染区域只对块级元素作用。...

2020-04-08 22:15:15 58

原创 Ajax短轮询,长轮询,SSE(Server Sent Event)轮询 和 websocket轮询

Ajax短轮询,长轮询,SSE(Server Sent Event)轮询 和 websocket轮询AJAX轮询方式客服端以用户定义的时间间隔去服务器上查询最新的数据。短轮询,客服端会对服务器在短时间内发送出多个请求。长轮询或者COMET。服务器与客服端需要保持一条长时间的请求,它使得服务器在有数据时可以返回消息给客户端。长轮询在服务器没的返回信息的时候进入等待,减少了普通轮询服务器无数...

2020-04-08 21:53:09 265

原创 vue之slot插槽

vue之slot插槽原文链接:https://blog.csdn.net/qq_38128179/article/details/85273522slot的作用:假如父组件需要在子组件内放一些DOM元素,默认情况下是不会显示的,如下图所示,页面并没有显示父组件增加的< span>哈哈哈</ span> 元素内容。那么要加DOM元素到子组件上,这就用到了slot插...

2020-04-08 21:47:58 64

原创 前端跨域

前端跨域跨域:指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。资源跳转: A链接、重定向、表单提交资源嵌入: < link>、< script>、 < img>、< frame>等dom标签,还有样式中background:url()、@font-face()等文件外链脚本请求: js发起的ajax请求、dom和js对象...

2020-04-08 21:32:44 82

原创 移动端适配

移动端适配参考文章:https://segmentfault.com/a/1190000008767416https://www.jianshu.com/p/2c33921d5a68适配的目标在不同尺寸的手机设备上,页面“相对性的达到合理的展示(自适应)”或者“保持统一效果的等比缩放(看起来差不多)”。viewport视口viewport是严格的等于浏览器的窗口。v...

2020-04-08 11:34:49 118

原创 Vue常用指令

Vue常用指令详细参考原文链接:https://www.jianshu.com/p/c4a87e1b4ef7v-model 多用于表单元素实现双向数据绑定(同angular中的ng-model)v-for 格式: v-for=“字段名 in(of) 数组json” 循环数组或json(同angular中的ng-repeat),需要注意从vue2开始取消了$indexv-show 显...

2020-04-07 16:08:20 41

原创 css3新特性总览

css3新特性css3选择器选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素**选择所有元素elementp选择所有< p>元素element,elementdiv,p选择所有< div>元素和 <...

2020-04-07 15:36:46 321

原创 Html5新特性总览

Html5新特性总览1.HTML5 新元素标签描述< article>定义页面独立的内容区域。< aside>定义页面的侧边栏内容。< bdi>定义页面独立的内容区域。< command>定义命令按钮,比如单选按钮、复选框或按钮< details>用于描述文档或文档某个部分的细节...

2020-04-07 11:11:12 53

原创 Less与Sass简析

Less与Sassless和sass是css的预编译器,Bootstrop使用的是less。LessLess是一门css预处理语言,他扩展了css语言,增加了变量、Mixin、函数等特性,使css更容易维护和扩展。他不是一个直接使用的语言,而是一个生成css的语言。Less可以运行在Node或浏览器端。使用方法1.浏览器环境引入less文件,类似于css文件,单类型不一样。<L...

2020-04-06 20:15:41 81

原创 vue简析

vue简析vue的优点低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。可重用性:可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。独立开发:开发人员可以专注于业务逻辑和数据的开发(ViewModel),设...

2020-04-06 10:55:27 189

原创 cookie机制和session机制

cookieCookie 是在HTTP协议下,服务器或脚本可以维护客户工作站上信息的一种方式。Cookie 是由 Web服务器保存在用户浏览器(客户端)上的小文本文件(内容通常经过加密),它可以包含有关用户的信息。无论何时用户链接到服务器,Web站点都可以访问Cookie 信息,可以看作是浏览器缓存.cookie的使用是由浏览器按照一定的原则在后台自动发送给服务器。浏览器检查所有存储的cook...

2020-04-03 20:03:32 112

原创 Http简析

Http简析HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有:Apache服务器,IIS服务器(I...

2020-04-03 12:23:29 123

原创 什么是MVVM,MVC和MVVM的区别,MVVM框架VUE实现原理

什么是MVVM,MVC和MVVM的区别,MVVM框架VUE实现原理Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是...

2020-03-31 18:23:48 228

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除