勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
热衷于研究前端新知识，学习新技术。精通HTML5+CSS3，Javascript，jQuery，Angular，Bootstrap。
-
发表了文章 2017-11-26
第96天：CSS3 背景详解
一、背景大小 background: url("images/bg.jpg") no-repeat;控制背景的大小1、具体数值background-size: 500px 500px;2、百分比background-size: 50% 50%;3、cover、contain参数 cover 完全覆...
-
发表了文章 2017-11-25
第95天：CSS3 边框、背景和文字效果
1、CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。
-
发表了文章 2017-11-24
第94天：CSS3 盒模型详解
CSS3盒模型详解 盒模型设定为border-box时 width = border + padding + content 盒模型设定为content-box时 width = content所谓定盒模型即可以指定 属性width的计算方式
-
发表了文章 2017-11-23
第93天：CSS3 中边框详解
CSS3 边框详解 其中边框圆角、边框阴影属性，应用十分广泛，兼容性也相对较好，具有符合渐进增强原则的特征，我们需要重点掌握。 一、边框圆角 border-radius 每个角可以设置两个值 ，x 值，y值 圆角处理时，脑中要形成圆、圆心、横轴、纵轴的概念，正圆是椭圆的一种特殊情况。
-
发表了文章 2017-11-22
第92天：CSS3中颜色和文本属性
一、颜色的表示方式 1、 rgba(255,0,0,0.1) rgba是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha透明度。虽然它有的时候被描述为一个颜色空间 新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继承性，即不会影响子元素的透明度。
-
发表了文章 2017-11-21
第91天：CSS3 属性选择器、伪类选择器和伪元素选择器
一、属性选择器 其特点是通过属性来选择元素，具体有以下5种形式： 1、E[attr] 表示存在attr属性即可； div[class] 2、E[attr=val] 表示属性值完全等于val； div[class=mydemo] 3、E[attr*=val] 表示的属性值里包含val字符并...
-
发表了文章 2017-11-20
第90天：HTML5中文件API和拖放操作
一、文件API File API：提供客户端本地操作文件的可能 multiple是让文件域可以多选 1 DOCTYPE html> 2 3 4 5 文件API 6 7 8 9 10 11 12 ...
-
发表了文章 2017-11-19
第89天：HTML5中 访问历史、全屏和网页存储API
一、访问历史 API 通过history对象实现前进、后退和刷新之类的操作 history新增的两个方法history.replaceState()和history.pushState()方法属于HTML5浏览器新增的属性，所以IE9以下的是不支持的。
-
发表了文章 2017-11-18
第88天：HTML5中使用classList操作css类
在HTML5 API里，页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类。
-
发表了文章 2017-11-17
第87天：HTML5中新选择器querySelector的使用
一、HTML5新选择器 1、document.querySelector("selector");selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;支持： Chrome 4.
-
发表了文章 2017-11-16
第86天：HTML5应用程序标签和智能表单
一、HTML5应用程序标签 1、datalist需要数据载体 input list属性指向数据源 2、progress进度条 -webkit-appearance: none; /*如果要改默认样式 要先取消默认样式 */ .
-
发表了文章 2017-11-15
第85天：HTML5语义化标签
一、语义标签 语义标签对于我们并不陌生，如表示一个段落、表示一个无序列表 ~ 表示一系列标题等，在此基础上HTML5增加了大量更有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。 传统的做法我们或许通过增加类名如class="header"、class="footer"，使HTML页面具有语义性，但是不具有通用性。
-
发表了文章 2017-11-14
第84天：jQuery动态创建表格
jQuery动态创建表格 1 DOCTYPE html> 2 3 4 5 动态创建表格 6 7 8 table { 9 border-collapse: collapse; 10 ...
-
发表了文章 2017-11-13
第83天：jQuery中操作form表单
操作form表单 1、 属性操作 设置属性： // 第一个参数表示：要设置的属性名称 // 第二个参数表示：该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获取属性： // 参数为：要获取的属性的名称，改操作会返回指定属性对应的值 $(selector).attr(“title”); 此时，返回指定属性的值 移除属性： // 参数为：要移除的属性的名称 $(selector).removeAttr(“title”); 注意：checked、selected、disabled要使用.prop()方法。
-
发表了文章 2017-11-12
第82天：jQuery中prop()和attr()的区别
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
-
发表了文章 2017-11-11
第81天：jQuery 插件使用方法
在追求页面互动效果的时代，大家都想把页面效果做的美轮美奂，这一切都离不开前端技术脚本Javascript，而最近常被人用到的Javascript库文件则是jQuery。 jQuery的使用具体步骤如下： 一、调用库文件 使用jQuery必须链接jQuery的库文件，无论是压缩版还是正常版，必须至少在网页中链接一个，如： 或者 二、启动Jquery效果 链接好jQuery库文件后，还要在使用jQuery效果的页面中启动效果，如： $(document).ready(function(){ // 书写代码处 }); 在网页中加入以上两处，jQuery效果就能被调用出来了。
-
发表了文章 2017-11-10
第80天：jQuery插件使用
jQuery其他补充+ 4.1 链式编程： end()补充 * 补充五角星 评论案例 * 第一步：鼠标移入，当前五角星和前面的五角星变实体。后面的变空心五角星 * 第二步：鼠标点击的时候，为当前元素添加clicked类，其他的移除clicked类 * 第三步：当鼠标移开整个评分控件的时候，把clicked的之前的五角星显示实心 + 4.2 隐式迭代 * 默认情况下，会自动迭代执行jQuery选择出来所有dom元素的操作。
-
发表了文章 2017-11-09
第79天：jQuery事件总结（二）
上一篇讲到jQuery中的事件，深入学习了加载DOM和事件绑定的相关知识，这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。 一、合成事件 jQuery有两个合成事件——hover()方法和toggle()方法，同ready()方法一样，这些都是jQuery自定义的方法。
-
发表了文章 2017-11-08
第78天：jQuery事件总结（一）
jQuery事件总结（一） 现在就一点一点积累自己的知识体系，记录自己学到的和自己所理解的jQuery。 JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。
-
发表了文章 2017-11-07
第77天：jQuery事件绑定触发
一、元素操作 1、 高度和宽度 $(“div”).height(); // 高度 $(“div”).width(); // 宽度 .height()方法和.css(“height”)的区别： 返回值不同，.
-
发表了文章 2017-11-06
第76天：jQuery中的宽高
Window对象和document对象的区别 1、window对象表示浏览器中打开的窗口 2、window对象可以省略，比如alert()也可以写成window.alert() Document对象是window对象的一部分 浏览器的HTML文档成为dicument对象 Window.
-
发表了文章 2017-11-05
第75天：jQuery中DOM操作
一、基础操作 1.html() 使用html()方法读取或者设置元素的innerHTML。 就是相当于javascript里头的innerHTML。 2.text() 使用text()方法读取或者设置元素的innerText。
-
发表了文章 2017-11-04
第74天：jQuery实现图片导航效果
图片导航效果 1 DOCTYPE html> 2 3 4 5 Title 6 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ...
-
发表了文章 2017-11-03
第73天：jQuery基本动画总结
一、DOM对象跟jQuery对象相互转换 jQuery对象转换成DOM对象: 方式一：$(“#btn”)[0] 方式二：$(“#btn”).get(0) DOM对象转换成jQuery对象： $(document) -> 把DOM对象转成了jQuery对象 var btn = document.getElementById(“bt n”); btn -> $(btn); 二、jQuery基本动画 Jquery的动画效果能够轻松的为网页添加动画效果，为网页带来了新的活力。
-
发表了文章 2017-11-02
第72天：jQuery实现下拉菜单
jQuery实现下拉菜单 一、居中 1、块元素居中：给块元素本身设置：margin:0 auto;，块元素必须设置宽度 2、行内块元素居中：给元素父级设置text-algin:center; 1 DOCTYPE html> 2 3 4 5 Title ...
-
发表了文章 2017-11-01
第71天：jQuery基本选择器（二）
jQuery选择器 一、内容过滤选择器 选择器 描 述 返 回 示 例 :contains(text) 匹配含有文本内容text的元素 集合元素 $(“p:contains(今天)”) :empty 匹配不含子元素或文本元素的空元素 ...
-
发表了文章 2017-10-31
第70天：jQuery基本选择器（一）
一、jQuery基本选择器 jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到。
-
发表了文章 2017-10-30
第69天：jQuery入口函数
一、jQuery入口函数 1、$(document).ready(function(){}); 2、$(function(){}); 二、事件处理程序 1、事件源 Js方式：document.getElementById(“id”) jQuery方式：$(“#id”) 2、事件 Js方式 :document.
-
发表了文章 2017-10-29
第68天：原型prototype方法
一、原型prototype方法声明 构造函数有一个prototype属性，指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。经常使用原型对象来实现继承 1 DOCTYPE html> 2 3 4 5 Title 6 7 8 ...
-
发表了文章 2017-10-28
第67天：面向对象的声明、封装
一、声明对象 有两种声明对象的方式. 1、var obj = new Object(); 但是我们更提倡用第二种方法： 字面量式声明对象 2、var obj = {}; 1 DOCTYPE html> 2 3 4 5 Title 6 7 8 ...
-
发表了文章 2017-10-27
第66天：闭包的原理和函数传参
一、闭包的原理 在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值。
-
发表了文章 2017-10-26
第65天：仿网易轮播图
仿网易轮播图 1、HTML部分 1 DOCTYPE html> 2 3 4 5 仿网易轮播图 6 7 8 9 10 11 12 13 14 ...
-
发表了文章 2017-10-25
第64天：CSS常用命名规范，有用！
CSS常用命名，必须记住 一、常用命名 标题：title 摘要：summary 箭头：arrow 商标：label 网站标志：logo 转角/圆角：corner 横幅广告：banner 子菜单：subMenu 搜索框：searchBox 登录：login 登录条：loginbar 工具条：toolb...
-
发表了文章 2017-10-24
第63天：json的两种声明方式
一、 json 两种声明方式 1、 对象声明 var json = {width:100,height:100} 2、 数组声明 var man = [ // 数组的 json { name:"刘德华", age : 16, ...
-
发表了文章 2017-10-23
第62天：手风琴效果
手风琴效果： 1 DOCTYPE html> 2 3 4 5 手风琴效果 6 7 *{ 8 margin: 0; 9 padding: 0; 10 list-s...
-
发表了文章 2017-10-22
第61天：json遍历和封装运动框架（多个属性）
一、json 遍历 for in 关键字 for ( 变量 in 对象) { 执行语句; } 例如： var json = {width:200,height:300,left:50}console.log(json.width);for(var k in json){ console.log(k); // k 遍历的是json 可以得到的是 属性 console.log(json[k]); // json[k] 得到 是属性的 值} 二、回调函数 等动画执行完毕再去执行的函数 回调函数 很简单 当定时器停止了。
-
发表了文章 2017-10-21
第60天：js常用访问CSS属性的方法
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性，比较常用的有两种： 1. 利用点语法 box.style.width box.style.top 点语法可以得到 width 属性 和 top属性 带有单位的。
-
发表了文章 2017-10-20
第59天：缓动动画封装函数
一、三个取整函数 这三个函数都是 数学函数 Math Math.ceil() 向上取整 天花板 比如说 console.log(Math.ceil(1.01)) 结果 是 2 console.
-
发表了文章 2017-10-19
第58天：简单焦点轮播图
一、轮播图无缝滚动 1、获取元素，动态生成节点 2、匀速运动动画 3、调用动画函数 4、添加定时器，自动播放 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
-
发表了文章 2017-10-18
第57天：匀速运动封装函数
一、动画的原理 动画的基本原理 ： 让盒子的 offsetLeft + 步长 Math.abs(-5) 取绝对值函数 二、匀速运动封装函数 1 DOCTYPE html> 2 3 4 5 匀速动画封装 6 7 div...
-
发表了文章 2017-10-17
第56天：选中文字弹出提示框
一、选中文字弹出提示框 选择文字： 这个弹出的层 选中的时候不出来，弹起鼠标的时候才出现 。 所以这个的事件一定是 onmouseup ，盒子显示而且盒子的位置 在 鼠标的 clientX 和 clientY 一模一样 用来判断选择的文字 二、获得用户选择内容 window.
-
发表了文章 2017-10-16
第55天：简单冒泡方法原理
一、冒泡原理 事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。
-
发表了文章 2017-10-15
第54天：原生js实现轮播图效果
一、轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。 二、Html布局 首先父容器container存放所有内容，子容器list存放图片。
-
发表了文章 2017-10-14
第53天：鼠标事件、event事件对象
-->鼠标事件-->event事件对象-->默认事件-->键盘事件（keyCode）-->拖拽效果 一、鼠标事件 onclick ---------------鼠标点击事件oncontextmenu------鼠标右键点击onmouseover --------鼠标移上onmouseout ----...
-
发表了文章 2017-10-13
第52天：offset家族、scroll家族和client家族的区别
一、offset家族 1、offsetWidth offsetHeight offsetLeft offsetTop offsetParent共同组成了offset家族，用来获取元素尺寸。 offsetWidth = width + padding + border offsetHeight = height + padding + border 2、offsetLeft 和 offsetTop: 返回距离上级带有定位的盒子左边的位置，如果父级元素没有定位，则以body为准 offsetLeft从父亲的padding开始算，父亲的border不算。
-
发表了文章 2017-10-12
第51天：封装可视区域大小函数client
一、client 可视区域 offsetWidth: width + padding + border （披着羊皮的狼） clientWidth： width + padding 不包含border scrollWidt...
-
发表了文章 2017-10-11
第50天：scrollTo小火箭返回顶部
scrollTo(x,y)//可把内容滚动到指定的坐标scrollTo(xpos,ypos)//x,y值必需 1、固定导航栏 1 DOCTYPE html> 2 3 4 5 固定导航栏 6 7 8 *{ 9 ...
-
发表了文章 2017-10-10
第49天：封装自己的scrollTop
一、scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候，网页隐藏在屏幕上方的距离二、页面滚动效果事件window.
-
发表了文章 2017-10-09
第48天：垂直滚动条
垂直滚动条 1 DOCTYPE html> 2 3 4 5 6 7 .box { 8 width: 300px; 9 height: 500px; 10 ...
-
发表了文章 2017-10-08
第47天：拖动弹出框
假期结束，继续学习！ 拖动弹出框效果 1 DOCTYPE html> 2 3 4 5 6 7 *{margin:0;padding:0;} 8 .
-
发表了文章
2021-12-24
React---新扩展Hooks和Fragment
-
发表了文章
2021-12-24
React---新扩展Context和组件优化
-
发表了文章
2021-12-24
React---新扩展RenderProps和ErrorBoundary
-
发表了文章
2019-06-02
小程序---本地存储的方法
-
发表了文章
2019-04-16
小程序入门---开发工具的使用
-
发表了文章
2019-02-22
js数组去重五种方法
-
发表了文章
2019-01-15
Vue项目部署问题及解决方案
-
发表了文章
2018-12-22
Vue---导航守卫使用方法详解
-
发表了文章
2018-11-29
深入理解Vue的生命周期
-
发表了文章
2018-11-18
Bootstrap中datetimepicker日期控件1899年问题解决
-
发表了文章
2018-11-03
基于Vue-cli 快速搭建项目
-
发表了文章
2018-10-14
Vue-router的基本用法
-
发表了文章
2018-10-10
js保留两位小数方法总结
-
发表了文章
2018-09-27
Vue---父子组件之间的通信
-
发表了文章
2018-09-23
Vue---自定义组件
-
发表了文章
2018-09-02
Vue---从后台获取数据vue-resource的使用方法
-
发表了文章
2018-08-28
Vue入门---属性、style和class绑定方法
-
发表了文章
2018-08-25
Vue入门---事件与方法详解
-
发表了文章
2018-08-19
Vue入门---常用指令详解
-
发表了文章
2018-08-11
入园1周年---从小白到大白的经历
-
回答了问题
2019-07-17
python IDLE 怎么换行
建议你先在文本编辑软件里编写代码，代码换行的话可以在行末使用 '',再用python IDLE 打开赞0 踩0 评论0 -
回答了问题
2019-07-17
手机卡被封
发送违规信息被封是正常的。赞0 踩0 评论0 -
回答了问题
2019-07-17
python如何将字符串变量转化为不可转义状态
当得到的字符串在还没有绑定给Python变量时，这个时候对它进行操作，就不会发生转义赞0 踩0 评论0 -
回答了问题
2019-07-17
Atlas钉钉或微信技术群是多少？
在qq上搜索一下，就有许多。赞0 踩0 评论0 -
回答了问题
2019-07-17
九九乘法表c语言程序代码怎么写？
include void main(){ int i=1,j=1; for(i=1;i }赞0 踩0 评论0 -
回答了问题
2019-07-17
python什么时候加括号
一 函数带不带括号: print(a) #不带括号调用的结果：print(a(3)) #带括号调用的结果：3 1.不带括号时，调用的是这个函数本身 2、带括号（此时必须传入需要的参数），调用的是函数的return结果 二. class实例化带不带括号: 1 class clseest():2 y = '我 '3 def __init__(self):4 self.y = '你'5 x = clseest6 print(x.y) #我7 8 x = clseest() 9 print(x.y)#你 即:带括号的实例化方法是调用了__init__()函数, 此时必须传入需要的参数赞0 踩0 评论0 -
回答了问题
2019-07-17
python中的%r表示什么
%r用rper()方法处理对象赞0 踩0 评论0 -
回答了问题
2019-07-17
python import是什么
是指在当前目录，相对路径下import某个模块。 import 非常规的常见的用法有在sys.path里加入你要引用的目录，甚至 ../的绝对目录都可以。 、absolute_import,可以按绝对路径import某个模块， 实际上这个东西好象不起作用。至于from .XXX import yyy这种用法，在老的代码里还是常见。其实没有必要。因为import 本身就有这个功能。或者是你用更直观的方法importlib.import_module(module,parent)这样不容易犯错误。你可以看一下importlib.import_module这个函数的帮助，就会明白。比如一个工程，它有两个目录modules和common_lib，如果modules目录的脚本想引用common_lib里的内容，通常我会使用sys.path.add(os.path.abspath('../modules'))from .xxxx import yyyy 这种用法，我试验后发现只有在python -m parent.py的时候才起作用。而且功能与from xxxx import yyyy的功能完全相同。赞0 踩0 评论0 -
回答了问题
2019-07-17
python有什么颜色
红、绿、蓝赞0 踩0 评论0 -
回答了问题
2019-07-17
python中input是什么
python中的input()方法是在控制台可以自己输入数据比如 ：定义变量a = 2 现在可以写成 a = input() 可以自己输入变量a的值注意：input()返回的值是str字符型的赞0 踩0 评论0 -
回答了问题
2019-07-17
python什么字体好看
微软雅黑赞0 踩0 评论0 -
回答了问题
2019-07-17
python中变量怎么用
在 Python 中，每个变量 在使用前都必须赋值，变量 赋值以后 该变量 才会被创建等号（=）用来给变量赋值= 左边是一个变量名= 右边是存储在变量中的值变量名 = 值赞0 踩0 评论0 -
回答了问题
2019-07-17
python怎么计算分数
a = 5.1b = 4.2print a/bprint '%.3f' % (a/b)如果只是获得普通的百分数，就直接a/b如果是要保留小数点后面几位，就要用下面的那种，比如保留小数点三位，就是'%.3f'赞0 踩0 评论0 -
回答了问题
2019-07-17
python 删除语句怎么写
在删除列表元素的时候，解释器内有一个隐式的指针，指向下一个要删除的元素的位置。当准备要删除的时候，指向第一个元素1，然后把这个1删掉，同时指针指向第二个数组元素。但这时候元素1已经被删除了，元素2是第一个元素，第二个元素是3，这时候3被删除了。并不是想象中的那样把所有的元素都删除。也不应该这样写程序。Python这种非常注重格式的语言，请以后在提问的时候，把空格、换行都打清楚。赞0 踩0 评论0 -
回答了问题
2019-07-17
python中指数怎么表示什么
import mathmath.eN或import numpy as npnp.eN。赞0 踩0 评论0 -
回答了问题
2019-07-17
python的库是什么
库的概念是具有相关功能模块的集合。这也是Python的一大特色之一，即具有强大的标准库、第三方库以及自定义模块。赞0 踩0 评论0 -
回答了问题
2019-07-17
怎么学习 python
可以看视频自学赞0 踩0 评论0 -
回答了问题
2019-07-17
python输入数组怎么表示什么
手动定义一个空数组：arr =[]，链表数组：a = [1,2,[1,2,3]]。Python, 是一种面向对象的解释型计算机程序设计语言，由荷兰人Guido van Rossum于1989年发明，第一个公开发行版发行于1991年。Python是纯粹的自由软件， 源代码和解释器CPython遵循 GPL(GNU General Public License)协议[2] 。Python语法简洁清晰，特色之一是强制用空白符(white space)作为语句缩进。Python具有丰富和强大的库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块（尤其是C/C++）很轻松地联结在一起。常见的一种应用情形是，使用Python快速生成程序的原型（有时甚至是程序的最终界面），然后对其中[3] 有特别要求的部分，用更合适的语言改写，比如3D游戏中的图形渲染模块，性能要求特别高，就可以用C/C++重写，而后封装为Python可以调用的扩展类库。需要注意的是在您使用扩展类库时可能需要考虑平台问题，某些可能不提供跨平台的实现。赞0 踩0 评论0 -
回答了问题
2019-07-17
python关键字怎么用
exec的用法是可以识别字符串内的关键词语句并运行它。比如这里的'print 3'已经是一个字符串了，但是使用exec就可以识别print并执行print语句打印出3。不过这个其实基本很少用，不过要用的时候就能派上用场。赞0 踩0 评论0 -
回答了问题
2019-07-17
python 用什么 服务器
Web服务器赞0 踩0 评论0