前端
关注
分享
扫一扫
uncle_Huang
No pains,no gains.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js闭包
js闭包作用域链词法作用域原创 2019-08-20 22:31:23 · 115 阅读 · 0 评论 -
html+css网站首页实战
html+css网站首页实战html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2019-08-18 18:28:52 · 4930 阅读 · 9 评论 -
js对象之一
一、对象的可扩展性1.所有内置对象和自定义对象都是显示可扩展的，宿主对象的可扩展性由JavaScript引擎定义的2.可以通过Object.preventExtensions()将对象设置为不可扩展的，而且不能再转换为可扩展的了。Object.isExtensibke()检测对象是否是可扩展的3.preventExtensions()只影响到对象本身的可扩展性，如果给一个不可扩展的对象的原...原创 2019-08-22 22:59:59 · 127 阅读 · 0 评论 -
js对象之二
js中对象分为内建对象和自定义对象。内建对象分为数据封装对象、工具类对象和错误对象。数据封装对象分为Object对象、Object。prototype、Number对象、Boolean对象、String对象、Array对象和Function对象。Object对象定义：Object对象是JavaScript中所有对象的父级对象，我们创建的所有对象都继承于此，包括内建对象。语法：new Ob...原创 2019-08-27 14:58:40 · 117 阅读 · 0 评论 -
js对象之三
Number对象定义：number对象是一个允许处理数字值的包装对象。语法：new Number(value)描述：如果参数无法被转换成数字，则返回NaN在非构造器上下文中（如：没有new操作符），Number能被用来执行类型转换属性：MAX_VALUE：最大的正数MIN_VALUE:最小的正数NaN：特殊的非数字值MEGATIVE_INFINITY：特殊的负无穷大值，在溢出时返回...原创 2019-08-29 10:52:31 · 126 阅读 · 0 评论 -
js对象之四
function对象定义：JavaScript中的Function对象，就是我们常说的函数对象。在js中，所有的函数也是以对象的形式存在的语法：充当Function对象的构造函数使用，用于结合new关键字构造一个新的Function对象充当普通函数使用，其行为与用法（与使用new关键字）完全一致，相当于用法省略了new关键字返回值：function（）的返回值是Function类型，返回一...原创 2019-08-29 14:27:42 · 149 阅读 · 0 评论 -
布局相关的样式
布局相关的样式1. 多栏布局column-count属性将一个元素的内容分成多栏进行显示用法：column-count:多栏数;column-width属性指定栏目的宽度来生成分栏column-gap属性‘指定栏目与栏目之间的距离’column-rule属性栏目与栏目之间的一条分割线 column-count: 3; column-width: 20p...原创 2019-07-25 21:38:32 · 230 阅读 · 0 评论 -
css3动画功能
css3动画功能transition用法：-moz-transition:-webkit-transition:-o-transition:transition:property duration timing-function delaytransition-property属性规定应用过渡效果的css属性的名称none没有属性获得过渡效果all所有属性都将获得过渡效果pr...原创 2019-07-19 22:50:34 · 204 阅读 · 0 评论 -
影音多媒体
影音多媒体video元素（视频）<video controls="controls" width="500" height="300" src="" autoplay="autoplay" ></video>audio元素（音频）<audio controls="controls" src="" autoplay="autoplay"></aud...原创 2019-07-15 22:45:19 · 398 阅读 · 0 评论 -
CSS3属性选择器
CSS3超级选择器属性选择器【att*=val】含有val、【att^=val】开头、【att$=val】结尾原创 2019-07-18 14:48:57 · 260 阅读 · 0 评论 -
使用选择器在页面中插入内容
使用选择器在页面中插入内容before、after插入文字<元素>:before{content:“文字”;}插入图片<元素>:before{content:url(1.jpg);}多个标题前加上连续符号<元素>:before{content:counter(计数器);}在字符串两边嵌套文字符号open-quote、close-qu...原创 2019-07-18 15:30:25 · 166 阅读 · 0 评论 -
文字阴影与自动换行
文字阴影与自动换行1. text-shadowtext-shadow:length length length color第一个length表示的是阴影离开文字的横坐标距离第二个length表示的是阴影离开文字的纵坐标距离第三个length表示的是阴影模糊半径color表示阴影颜色2. word-break值换行规则normal 使用浏览器默认的规则k...原创 2019-07-18 16:37:38 · 217 阅读 · 0 评论 -
服务器端字体和@font-face属性
服务器端字体和@font-face属性@font-face{font-family:webFont;src:url('font/字体名称.otf)format(“opentype”);}字体格式字体属性otfopentypettftruetypeeotembedded-opentype1.font-family设置文本的字体名称2.font...原创 2019-07-18 17:26:40 · 1008 阅读 · 0 评论 -
canvas绘制图形
canvas绘制图形简单了解canvas创建一个canvas画布引入绘画脚本使用draw函数进行绘画html<html> <head lang="en"> <meta charset="utf-8"/> <title>canvas绘制矩形</title> <script type="text/jav...原创 2019-07-14 23:09:03 · 370 阅读 · 0 评论 -
HTML5拖放
HTML5拖放拖放的步骤draggable属性设置为truedraggable = “true”;2 编写与拖放有关的事件处理代码事件/产生事件的元素描述dragstart /被拖放的元素开始拖放元素drag /被拖放的元素拖放过程中dragenter/拖放过程中鼠标经过的元素被拖放的元素开始进入本元素的范围之内dragover/拖放过程中...原创 2019-07-16 22:12:39 · 360 阅读 · 0 评论 -
盒布局(1)
盒布局inline-block类型inline-block类型盒属于block盒的一种，但是在显示时具有inline类型盒的特点用法：display:inline-block；使用inline-block类型可以直接将两个div元素进行并列显示，不需要使用float属性，也不需要使用clear属性。默认情况下使用inline-block类型时并列显示的元素的垂直对齐方式是底部对齐，为了...原创 2019-07-19 10:59:16 · 159 阅读 · 0 评论 -
盒布局（2）
盒模型（2）1.显示文本的内容overflow属性值说明hidden超出容纳范围的文字将被隐藏起来scroll在div元素中出现水平与垂直的滚动条，超出的内容被滚动显示auto当文字超出div元素的容纳范围时，根据需要出现水平滚动条或者是垂直滚动条，滚动显示超出的范围visible和不使用的overflow时候的显示一样，超出容纳范围的文字按原样...原创 2019-07-19 14:16:20 · 110 阅读 · 0 评论 -
JavaScript事件
JavaScript事件初步认识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...原创 2019-07-29 09:38:24 · 118 阅读 · 0 评论 -
背景和边框的相关样式
背景和边框的相关样式1.新增的背景属性属性功能background-clip指定背景的显示范围background-origin指定绘制背景图像时的起点background-size指定背景中图像的尺寸background-break指定内联元素的背景图像进行平铺时的循环方式background-clip用法：background-cli...原创 2019-07-19 15:48:57 · 192 阅读 · 0 评论 -
js表单验证
js表单验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-07-29 10:51:54 · 167 阅读 · 0 评论 -
js的一些概念
全局预处理与执行处理函数声明有冲突，会覆盖处理变量声明时有冲突，会忽略闭包闭包是词法闭包的简称，是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境变量也不例外。所以，有另一种说法认为闭包是由函数和与之相关的引用环境组合而成的实体。function f1(){ var a=10; var b=20; ...原创 2019-07-29 15:12:53 · 131 阅读 · 0 评论 -
对象之一
对象之一对象的种类1.js内置的（如Number）2.宿主环境（如window）3.自己创建对象的创建1.对象字面量形式属性 方法 get set型属性2.成员访问 var p={ name:"modao", work:function(){ console.log("working..."); },...原创 2019-07-29 17:25:43 · 146 阅读 · 0 评论 -
本地存储
Web StoragesessionStorage临时保存保存：sessionStorage.setItme(‘key’,‘value’);或sessionStorage.key=‘value’;读取：变量=sessionStorage.getItem(‘key’);或变量= sessionStorage.key;index.html<html> <...原创 2019-07-18 16:41:00 · 169 阅读 · 0 评论