自定义博客皮肤

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

H5存储方案——cookie、session、SessionStorage和LocalStorage

1.简述 浏览器端存储网页中的数据有三种存储方案:cookie、SessionStorage和LocalStorage。 其中:SessionStorage和LocalStorage是H5新增的存储方案。 而cookie经常同session一并提起,它们的主要区别: cookie:会话跟踪技术 ...

2019-09-20 13:40:27

阅读数 1

评论数 0

适配移动端解决思路

阅读本文前,先了解一篇文章 移动端视口 1.适配移动端方法一:PC+ 移动端使用媒体查询 PC端,移动端使用媒体查询,使用同一套代码 html头部添加 <meta name="viewport" content="width=device-width, ...

2019-09-16 12:41:10

阅读数 5

评论数 0

移动端视口

1.什么是视口? 视口简单理解就是可视区域大小我们称之为视口 在PC端,视口大小就是浏览器窗口可视区域的大小(窗口多大,可视区域/视口就多大) 在移动端, 视口大小并不等于窗口大小, 移动端视口宽度被人为定义为了980 2.为什么是980而不是其他的值? 因为过去网页的版心都是980 乔布斯为了...

2019-09-16 12:17:00

阅读数 57

评论数 0

前端页面适配移动端常用方案

本文写作顺序是按照实际编写移动端适配的顺序编写的。 想要充分理解,需要童鞋们有rem,像素,媒体查询,的基础知识。 若顺序阅读理解较为困难。可以按照标题3、2、1的顺序阅读。 理解困难,可留言。 1.js添加如下三行代码——解决设备像素同逻辑像素不同的问题 let scale = 1.0 / wi...

2019-09-16 12:01:48

阅读数 11

评论数 0

设备(物理)像素和CSS(逻辑)像素

1.什么是设备像素和CSS像素? 1.1、设备像素又称为物理像素, 是"物理屏幕"上真实存在的发光点,只有屏幕一经出厂就固定不会改变 1.2、CSS像素又称为逻辑像素,是编程世界中虚拟的东西, 我们通过代码设置的像素都是逻辑像素 例如: iPhone3G/iPhon...

2019-09-16 11:46:39

阅读数 8

评论数 0

前端开发常用单位

1.像素 什么是像素(Pixel)? 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的, 一个小方格就是一个像素 例如div尺寸是100 x 100, 那么水平方向就占用100个小方格, 垂直方向就占用100个小方格 像素特点 不会随着视口大小的变化而变化, 像素是一个固定的单位(...

2019-09-12 12:05:34

阅读数 20

评论数 0

bootstrap基本使用,快速了解bootstrap

本文只涉及bootstrap基本使用,不提供代码案例。以便于快速了解bootstrap是什么。详细使用规则还是要看官方文档。

2019-09-04 11:42:00

阅读数 20

评论数 0

使用webstrom自定义快捷键

使用webstrom自定义模板: 1.打开webstrom 2.点击file——setting 3.查询“live templates后,点击”右侧“+” 4.Template text中填写快捷方式内容。 下方“Noapplicable contexts yet”后有按钮:点...

2019-09-03 13:05:32

阅读数 10

评论数 0

SVG基本使用(五、脚本编程)

svg脚本编程:通过js操作svg 企业开发中均使用框架进行脚本编程 脚本编程推荐自学svg框架 https://svgjs.com/ http://snapsvg.io/docs/ 可以做搜狗浏览器官网特效。多看看svg在线编辑器 使用js绘制svg注意点: 绘制画布注意点: 创建SVG时必须...

2019-09-03 12:54:08

阅读数 5

评论数 0

SVG基本使用(四、动画、动画常用属性、复合动画/往返动画/形变动画/路径动画、脚本编程

一、动画 1.SVG动画 在SVG中提供了三种常用动画标记 animate:基础动画 animateTransform:形变动画 animateMotion:路径动画 2.SVG动画属性 attributeType: CSS/XML 规定的属性值的名称空间 attributeName: 规...

2019-09-02 17:09:23

阅读数 14

评论数 0

SVG基本使用(三、剪裁/蒙版、渐变色、画笔、形变、ViewBox)

一、裁剪与蒙版 1.clipPath 只有路径范围内的内容会被显示, 路径范围外的内容不会被显示 2.mask mask和clipPath差不多 2.1.裁切路径是可见与不可见的突变 2.2.蒙版则是可见与不可见的渐变 注意点: 在指定裁剪和蒙版的时候需要通过url(#id)来指定 1...

2019-09-02 13:34:32

阅读数 11

评论数 0

SVG基本使用(二 常用属性、绘制路径/文本/超链接/图片、结构标签)

一、SVG常用属性 1.fill: 修改填充颜色 2.fill-opacity: 0~1 设置填充颜色的透明度 3.stroke: 修改描边颜色 4.stroke-width: 修改描边宽度 5.stroke-opacity: 0~1 设置描边透明度 6.stroke-linecap: butt...

2019-09-01 18:36:03

阅读数 21

评论数 0

SVG基本使用(一、基本概念、使用方法、绘制矩形/圆/椭圆/直线/折现/多边形/)

一、SVG概念 1.什么是SVG? SVG英文全称为Scalable Vector Graphics,意思为可缩放的矢量图 2.位图和矢量图 在计算机中有两种图形, 一种是位图, 一种是矢量图 2.1 位图: 传统的 jpg / png / gif图都是位图 位图是一个个很小的颜色小方块...

2019-08-19 16:39:02

阅读数 80

评论数 0

Canvas基本使用1

1.什么是Canvas Canvas是H5新增的一个标签,我们可以通过JS在这个标签上绘制各种图案 Canvas拥有多种绘制路径、矩形、圆形、字符以及图片的方法 2.绘制基本步骤 2.1.在body中创建一个canvas标签 <canvas></can...

2019-07-22 11:51:50

阅读数 5

评论数 0

promise对象基本使用。——使用同步流程表示异步操作

0.为什么要介绍promise 因为js是串行,单线程语言。是同步流程,代码只能顺序执行。(详见:简述进程、线程、串行、并行基本概念,便于快速理解) 企业开发中为了保存异步代码的执行顺序, 那么就会出现回调函数层层嵌套 如果回调函数嵌套的层数太多, 就会导致代码的阅读性, 可维护性大大降低 pr...

2019-06-24 15:56:03

阅读数 102

评论数 0

简述进程、线程、串行、并行基本概念,便于快速理解

1.静态数据、动态数据 静态数据: 静态数据是指一些永久性的数据,一般存储在硬盘中。 计算机关闭之后再开启,这些数据依旧还在,只要你不主动删掉或者硬盘没坏,这些数据永远都在 静态数据一般是以文件的形式存储在硬盘上,比如文档、照片、视频等。 动态数据: 动态数据指在程序运行过程中,动态产生的临时数...

2019-06-24 14:25:51

阅读数 38

评论数 0

同源策略、跨域

访问资源时遇到问题,报错:No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 原因:访问的资源不是同源的。 1.什么是同源策略? 同源策略(Same origin policy)是一种约定,它是...

2019-06-21 17:17:49

阅读数 19

评论数 0

JSONP解决跨域问题

同源策略、跨域 1.什么是JSONP? JSONP让网页从别的地址(跨域的地址)那获取资料,即跨域读取数据。本质上就是script标签 2.JSONP实现跨域访问的原理 2.1、在同一界面中可以定义多个script标签 2.2、同一个界面中多个script标签中的数据可以相互访问 <...

2019-06-21 17:15:51

阅读数 21

评论数 0

javaScript同PHP基础语法对比(快速掌握php基础语法)

写这篇文章是为了刚入门前端的童鞋快速了解一门后端语言,选择php是因为php的大部分语法同js很相似,可以快速掌握。 本人使用php是为了快速实验ajax的一些基本原理。 1.php基本格式 <?php 所有php代码都必须写在这里 ?> 2.注释 1.JS中有两...

2019-06-14 13:19:21

阅读数 25

评论数 0

jQuery基础原理及案例

一、初识jquery 1.1、初识jQuery 1.jQuery是什么? jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途是用来做查询(jQuery=j(javascript)+Query). 在jQuery官方(www.jquery.com)...

2019-06-14 11:28:59

阅读数 57

评论数 0

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