- 博客(12)
- 收藏
- 关注
RSS订阅原创 js判断错误类型的分析
进一步理解js中的错误（error）和错误处理对于错误的处理应该是程序员必备的技能推荐：mdn文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript1、错误类型：Error ：所有错误的父类型ReferenceError：引用的变量不存在TypError：数据类型不正确RangeError：数据值不在其所在的范围内SyntaxError：语法错误2、错误准备：捕获错误：try…catch抛出错误：throw error
2020-05-31 10:43:09
2491
原创 CSS3渐变、过渡、2D、3D和动画
渐变线性渐变就是“一个方向” 向 “另一个方向”渐变（或从一个颜色到另一个颜色平稳得过渡（颜色逐渐得变化））语法：background：liner-gradient（directon ，color-stop1，color-stop2，…）说明：directon：方向，默认值是to bottom 即从上向下的渐变；color-stop：颜色的分布位置，默认均匀分布，例如有三个颜色，各个颜色为33.33%解释方向：to right 是到右，就是从左到右，同理 to left （从右到左）
2020-05-26 18:00:24
657
原创 继承和原型链
继承本来想先说说原型链，但是感觉先说一下继承会更好的理解原型链，那好，废话不多说，开始！！这里的继承是面向对象里面的范畴；注明：以下举例比较随意，看个人理解比如，现在有一个"动物"构造函数 function Animal(){ this.type="动物"; }要求：怎么才能让"猫"继承"动物"呢？继承的第一种方法：使用call和apply方法，将父元素的构造函数绑定到子对象上，即在第一行加一个function函数名.call（this）；<script&g
2020-05-25 19:22:11
264
原创 写页面几个常见版心构思
导航栏版块先看几组企业站导航栏样式图：发现大部分导航栏无外乎包括有logo、介绍栏、搜索框、登录信息等等下面我就写一款简单，先了解下这部分在页面中如何书写代码 （注意仅是简单展示方法，暂时不作其他交互效果，以便初学者参考，大佬可忽略。。。）简单实现原理：这里我用的是 ul>li>a 的方式（有更好的话可以交流，也更方便学习）用无序列表ul写外围结构给ul嵌套li和a样式给li添加浮动给li添加大小调整文本大小html结构 <!-- nav的版心 --&g
2020-05-19 08:36:27
1988
原创 杂记—JavaScript梳理（1）
面向对象篇创建对象 //1、利用字面量 创建对象 var obj={ uname:'小白', age:18, sex:'男', sayhi:function (){ console.log('hi'); } } console.log(o...
2020-05-17 19:40:01
192
原创 响应式页面布局、移动端布局
首先实现页面响应式布局需要认真了解以下两点：弹性盒模型媒体查询1、弹性盒模型介绍：弹性盒布局模型是css3规范中提出的一种新的布局方式。目前：提供一种更加高效的方式来对容器中的条目进行布局、对其和分配空间。优势：这种布局模型已被主流浏览器所支持，可以在web应用开发中使用。注意需设置盒子为弹性的：display：flex;flex相关的属性：设置主轴的方向：flex-direction：row（水平方向）flex-direction：column（垂直方向）设置主轴的对齐
2020-05-17 14:29:42
339
原创 梳理浮动和BFC
浮动：float：定义网页中其他文本如何环绕该元素显示CSS float 属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止浮动的添加float的属性值：left （元素左浮动）right （元素右浮动）none （默认值，不浮动）inherit （将会从父元素获取float值）浮动的特点：浮动的元素脱离文档流的，不占据空间如果让多个元素横向排列，这些元素都要添加浮动如果添加浮动的子元素总宽超过父元素的宽度，那么最后一个
2020-05-12 20:43:07
271
原创 html和rem的适配
html和rem的适配：1、rem基础单位有px，pt，em，%em：相对大小（相对于父元素的font-size的值），比如div里面有一个p元素，当div设置font-size为12px，p元素的width：10em，此时p的width相对大小为120px；rem（root em）：是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小，比如...
2020-05-10 18:33:28
1916
原创 前端技术之ajax篇
ajax篇ajax的应用：能够实现 局部数据 实时更新 的技术百度搜索关键字股票、黄金、期货、基金、币圈市场数据实时更新偷菜游戏，网页游戏美团骑手、车来了、导航、新闻翻页效果、懒加载(上拉，加载更多)，按需加载地图：滚动滑轮放大缩小，地图的数据会发生变化表单验证：第一层的：非空，第二层：正则，第三层：ajax正确性验证ajax的优点：1、增加速度，减轻服务器的负担，按需加载...
2020-05-10 09:53:20
389
原创 康康Less相关使用——直接上手写
Less基础1、维护css的弊端css是一门非编程的语言，没有变量，函数，scope（作用域）等概念css需要书写大量的看似没有逻辑的代码，css冗余度是比较高的不方便维护及扩展，不利于复用css没有很好的计算能力非前端开发来讲，往往会因为缺少css编写经验而很难组织良好且易于维护的css代码项目2、less介绍less（leaner style sheets）是一门css扩展...
2020-05-05 08:55:43
148
原创 JS开发中高阶函数之filter、map、reduce
高阶函数之filter、map、reduce<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...
2020-05-02 15:19:40
367
原创 原生js手机号登录验证页面
手机号登录验证 <div class="modal_content"> <h5>绑定用户信息！</h5> <div> <label for="phone1">注册手机号：</label><br /> <input id="phone1" type="text" a...
2020-05-02 09:32:08
1444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人