1 Cao_Mary

尚未进行身份认证

暂无相关简介

等级
TA的排名 9w+

javascript判断对象是否是空对象

使用javascript判断对象是否是空对象

2019-10-17 17:27:24

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

1.简述浏览器端存储网页中的数据有三种存储方案:cookie、SessionStorage和LocalStorage。其中:SessionStorage和LocalStorage是H5新增的存储方案。而cookie经常同session一并提起,它们的主要区别:cookie:会话跟踪技术客户端(浏览器)session;会话跟踪技术服务端也就是说session一般用于服务器端进行会...

2019-09-20 13:23:30

适配移动端解决思路

阅读本文前,先了解一篇文章移动端视口1.适配移动端方法一:PC+移动端使用媒体查询PC端,移动端使用媒体查询,使用同一套代码html头部添加<metaname="viewport"content="width=device-width,initial-scale=1.0">内容区域:采用媒体查询的方式布局页面。主要是通过查询设备的宽度来执行不同的css代码,最终达...

2019-09-16 12:18:44

移动端视口

1.什么是视口?视口简单理解就是可视区域大小我们称之为视口在PC端,视口大小就是浏览器窗口可视区域的大小(窗口多大,可视区域/视口就多大)在移动端,视口大小并不等于窗口大小,移动端视口宽度被人为定义为了9802.为什么是980而不是其他的值?因为过去网页的版心都是980乔布斯为了能够让网页在移动端完美的展示,所以将iOS手机视口的大小定义为了980后来谷歌也觉得这是一个非常牛...

2019-09-16 12:11:18

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

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

2019-09-16 11:05:59

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

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

2019-09-16 11:39:48

前端开发常用单位

1.像素什么是像素(Pixel)?在前端开发中视口的水平方向和垂直方向是由很多小方格组成的,一个小方格就是一个像素例如div尺寸是100x100,那么水平方向就占用100个小方格,垂直方向就占用100个小方格像素特点不会随着视口大小的变化而变化,像素是一个固定的单位(绝对单位)2.百分比什么是百分比?百分比是前端开发中的一个动态单位,永远都是以当前元素...

2019-09-11 18:49:51

bootstrap基本使用,快速了解bootstrap

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

2019-09-04 10:26:07

使用webstrom自定义快捷键

使用webstrom自定义模板:1.打开webstrom2.点击file——setting3.查询“livetemplates后,点击”右侧“+”4.Templatetext中填写快捷方式内容。下方“Noapplicablecontextsyet”后有按钮:点击“define”选择应用场景。Abbreviation:设置快捷键为bt35.点击“ap...

2019-09-03 13:05:32

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

svg脚本编程:通过js操作svg企业开发中均使用框架进行脚本编程脚本编程推荐自学svg框架https://svgjs.com/http://snapsvg.io/docs/可以做搜狗浏览器官网特效。多看看svg在线编辑器使用js绘制svg注意点:绘制画布注意点:创建SVG时必须指定命名空间(用于告诉浏览器,此文件不是普通xml文件,而是用来表示SVG图形的。svg内所有标签都...

2019-09-03 12:54:08

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

一、动画1.SVG动画在SVG中提供了三种常用动画标记animate:基础动画animateTransform:形变动画animateMotion:路径动画2.SVG动画属性attributeType:CSS/XML规定的属性值的名称空间attributeName:规定元素的哪个属性会产生动画效果from/to:从哪到哪dur:动画时长fill:动画结束之...

2019-09-02 17:09:23

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

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

2019-09-02 13:34:32

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

一、SVG常用属性1.fill:修改填充颜色2.fill-opacity:0~1设置填充颜色的透明度3.stroke:修改描边颜色4.stroke-width:修改描边宽度5.stroke-opacity:0~1设置描边透明度6.stroke-linecap:butt(两边都没有)/square(两边为方块)/round(两边为圆形)设置线段两端帽子7.strok...

2019-09-01 18:36:03

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

一、SVG概念1.什么是SVG?SVG英文全称为ScalableVectorGraphics,意思为可缩放的矢量图2.位图和矢量图在计算机中有两种图形,一种是位图,一种是矢量图2.1位图:传统的jpg/png/gif图都是位图位图是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px2.2位图的优点和缺点:优点:色彩丰富逼真缺点:放...

2019-08-19 16:39:02

Canvas基本使用1

1.什么是CanvasCanvas是H5新增的一个标签,我们可以通过JS在这个标签上绘制各种图案Canvas拥有多种绘制路径、矩形、圆形、字符以及图片的方法2.绘制基本步骤2.1.在body中创建一个canvas标签<canvas></canvas>canvas标签有默认的宽高,默认width=300,默认height=150不能通过CSS设置画布的宽...

2019-07-22 11:51:50

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

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

2019-06-24 15:56:03

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

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

2019-06-24 14:25:51

同源策略、跨域

访问资源时遇到问题,报错:No‘Access-Control-Allow-Origin’headerispresentontherequestedresource.原因:访问的资源不是同源的。1.什么是同源策略?同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能所谓同源是指:协议,域名(一级、二级域名),端口都相同,就是同源,...

2019-06-21 17:17:49

JSONP解决跨域问题

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

2019-06-21 17:15:51

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

写这篇文章是为了刚入门前端的童鞋快速了解一门后端语言,选择php是因为php的大部分语法同js很相似,可以快速掌握。本人使用php是为了快速实验ajax的一些基本原理。1.php基本格式<?php 所有php代码都必须写在这里?>2.注释1.JS中有两种注释(php的注釋和js长相、功能都相同)1.1单行注释://1.2多行注释:/**/3.定义变量...

2019-06-14 13:19:21

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。