- 博客(69)
- 收藏
- 关注
RSS订阅原创 记：css绘制小猪佩奇的项目及踩过的坑
下面是我项目的代码和预览链接，觉得项目好看又实用的小伙伴，随手给个star, 您的star是我最大的动力！！！项目源码 预览链接移动端实现效果的展示，点击download下载观看这一项目的主题的是画一只小猪佩奇给你贺新年，好了，废话不多说，我们进入正题：项目介绍为什么做这个项目：其实是因为今年是乙亥猪年，所以就想结合所学知识实践一下，所以想来想去，最终决定了画小猪佩奇给大家贺新年，小猪佩...
2019-02-16 13:58:35
510
2
原创 正确开启jquery滚动条插件jScrollPane的使用教程
说到这个使用jScrollPane滚动条插件，我有点火了，在网上找到的教程基本上都是像下面这张图片那样教你使用，然鹅没有实际的demo展示，只能是呵呵啦jScrollPane的简单介绍jScrollPane是一个jQuery插件，它允许用HTML结构替换浏览器的默认滚动条（在具有溢出的元素上：auto），可以在css中自定义html。jScrollPane的设计灵活但非常易于使用。在您 下...
2019-01-18 15:00:13
922
原创 计算机是如何存储数据的
前端为什么要学编程基础?操作系统运行在硬件之上浏览器运行在操作系统之上HTML/CSS/JS运行在浏览器之上HTML/CSS/JS和数据都来自服务器存在三层依赖,所以我们前端需要学习编程基础,我们才会知道CSS/JS是怎样运行的?JS的变量存储在哪里?数据怎么从服务器获取?计算机: 二进制的世界如何存储0和1如何存储数字如何存储字符如何存储中文如何...
2018-10-11 09:32:24
10482
2
原创 前端入门阶段怎么学
哪些东西必须学?搞清楚前端要学什么?需要学习的语言HTMLCSSJavaScriptHTTPHTML记住常用的标签,div span,input meta之后见到一个稍微记一下使用到才去了解一些标签CSS语法CSS选择器属性.xxx > .yyy + p{color: red;},学了语法就不要往下学,之后会经常使用HTML和CSS套路左中右布局...
2018-10-11 09:30:56
215
原创 常用命令行的使用及explainshell-com的使用技巧
##学习命令行explainshell.com的使用技巧金山词霸常用命令行的使用###explainshell.com的使用技巧###ls命令进入explainshell.com网站，然后搜索ls，直接按回车,详情请查看下图搜索的结果如图：这是作为一个英语不是很好的程序员，需要借助工具，正所谓“工欲善其事，必先利其器”。将上一张图片用矩形框起来的内容进行翻译。list di...
2018-10-08 11:17:48
416
原创 HTTP入门之请求与响应
##HTTP入门curl命令的使用HTTP请求HTTP响应###一、curl命令的使用####1. GET请求curl -s -v -H "xxx: yyy" -- "https://www.baidu.com"如果不清楚,如何使用curl命令的话,可以查看常用命令行的使用及explainshell.com的使用技巧,这里就不多讲,废话少说,直接进入正题。-s 不要显示进度...
2018-10-08 11:16:45
298
原创 git-入门
##git入门git initgit addgit commit -v###git init初始化本地仓库 .git下面通过操作展示一下打开git Bash,运行cd ~/Desktop/,进入电脑桌面通过mkdir demo,创建demo文件夹进入目录 cd demo运行git init,初始化仓库运行ls -al,查看本地仓库###git addgit add...
2018-10-08 11:15:48
174
原创 鼠标滑入图片切换
浮动文字样式背景图片兄弟选择器盒子模型效果图:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
2018-09-21 22:15:06
578
原创 04 - JavaScript(流程控制,比较运算符,for循环)
#if/for循环流程控制###比较运算符> < >= <= == != === !==== 表示等于!= 不等于=== 全等于(除了判断值,还会判断数据类型,下同)!==不全等于比较之后得到的结果都是booleanif条件语句当条件为真时,执行代码,条件为假时,不管if (条件) { console.log("条件为真");}两条分支i...
2018-09-20 22:11:39
159
原创 03 - JavaScript(函数,实参,形参,)
函数/实参/形参函数的分类匿名函数: 没有名字的函数 匿名函数不能独立存在有名/具名函数: 有名字的函数匿名函数的使用例子,通过事件触发&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;met
2018-09-19 22:19:37
163
原创 css3实现云彩动画
##css3实现云彩动画所需的知识:定位固定定位position: fixed相对定位position: relative绝对定位position: absolute静态定位position: static背景background-colorbackground-imagebackground-repeatbackground-positionbackground-...
2018-09-19 18:43:25
3564
原创 02 - JavaScript(获取元素的其他方式,字符串拼接,数据类型)
一个对象添加多个样式获取元素的其他方式得出获取元素的相关结论字符串拼接数据类型###一个对象同时添加多个样式<!doctype html><html> <head> <meta charset="UTF-8"> <style> *{ margin: 0; p...
2018-09-18 21:49:36
228
原创 01 - JavaScript(声明变量方式,变量,注释)
js的代码写在哪里?如何获取操作元素的权力(DOM)操作元素权力一次性,操作100次需要用到变量(给人起文字 = 变量名),变量的命名规范三种声明变量的方式的区别注释innerHTML /innerTextonload/deferjs代码写在哪里?行内,写在标签属性里面,不推荐使用内部,代码需要放在script(双标签)标签里面,script标签的位置任意,解析到scrip...
2018-09-18 21:44:20
730
原创 20 - HTML5新标签和响应式
HTML5新标签和响应式HTML5新标签代码规范响应式visibility的使用HTML5是什么HTML5:标准HTML的第五代版本新增功能:增加了许多移动端的支持,广义上讲HTML5提供了一套全新的界面设计制作的解决方案本地存储技术:可以制作基于网页的APP,代替普通APP兼容性:提供性的数据与应用的接口,可直接调用外部比如摄像头接口:连接推送: ...
2018-09-17 21:59:30
1213
原创 19 -iframe,iconfont,swiper
iframe/iconfont/swiperiframeiconfontswiperiframeiframe是什么?iframe是一个标签,可以在页面中插入另外的文本/页面内容类似于img,可以引入内容替换iframe标签iframe的特点属性:width/height 类似图片的宽高(无单位)frameborder = ‘1’/’0’ 是否...
2018-09-17 15:25:48
226
原创 18 - 弹性盒模型
弹性盒模型flex的兼容性什么是弹性盒模型flex容器与flex项目父元素控制子元素整体子元素的私有特性flex的兼容性旧版本的flex写法只支持旧的语法书写最早 display:box过渡display:flex box当今标准 display:flex兼容性与浏览器内核兼容性写法,针对老版本的浏览器不能识别最新版的,针对某一些样式,在浏览器中不支...
2018-09-17 15:24:16
206
原创 17 - 变换,阴影,遮罩
变换,阴影,遮罩一.2D变换transform scale缩放 取值 大于0小于1 是缩小 大于1是放大 translate 位移 translateX() / translateY 属性值第一个是X轴方向上,第二个是Y轴方向上 skew 倾斜 skewX() / skewY() 属性值第一个是X轴方向上,第二个是Y轴方向上 transf...
2018-09-16 22:14:31
363
原创 16 - 过渡
过渡和动画过渡是什么?写法和特点过渡的特性,使用环境动画是什么?关键帧是什么?动画的特性,使用环境过渡和动画的区别过渡和动画在不使用flash或者Javascript的情况下做出元素的规律运动的效果,可以使页面变得非常丰富,增强用户体验。过渡 transition过渡是使元素由一种样式变成另一种样式,为变化添加过程与效果,为元素添加transition样式...
2018-09-15 22:18:49
292
原创 15 - 高级选择器
高级选择器选择器复习伪类选择器结构性伪类选择器属性选择器伪元素before/after选择器复习 选择器 选择器的使用 ID选择器 `#box 类名选择器 .box 标签选择器 div 通配符选择器 * 多元素选择器 div,p 后代选择器 div ul li 毗邻选择器 ul...
2018-09-14 22:18:24
134
原创 14 - 表格
表格表格table的构成table默认特征table默认样式清除table-layouttable的合并display: table的特性表格具有display的类型表格的构成表格是以table标签定义: 表格下面的标签 组成的部分 caption 表格的标题文字 thead 整个表格的表头部分(头部) tbody ...
2018-09-14 21:23:59
242
原创 13 - 表单
表单form表单form表单的属性表单控件表单的伪类表单表单元素时允许用户在表单中输入信息的元素(比如:文本域,下拉列表,单选框,复选框等等),可以提交信息form是一个载体,规划一系列提交信息的控件集合体form表单的属性action 处理当提交表单时向何处(url)发送表单数据,谁响应我们的提交method 规定用于发送form-data的HTT...
2018-09-13 22:01:16
144
原创 12 - 定位
定位定位是什么?定位的特性定位的类型相对定位与绝对定位的区别固定定位z-index绝对定位元素居中的方式定位是什么定位可以准确控制元素的位置状态,定位允许你从正常的文档流布局中取出元素,并使她们具有不同的行为,比如放在另一个元素的上面参照物与坐标参照物:你在哪我就在哪,我就远远的望着你,不离不弃坐标方向:left: 左到右为正/top: 上到下为...
2018-09-12 14:10:56
193
原创 11 - css3渐变
css3渐变鼠标样式透明度的使用以及兼容性写法(针对IE的大傻逼)线性渐变径向渐变鼠标样式(cursor)规定当鼠标进入元素呢内容区域显示的光标类型只需要修改cursor的对应的值cursor指针样式cursor: default;/* 箭头 */cursor: auto;/* 默认,根据浏览器设置的光标 */cursor: move:/* 可拖拽...
2018-09-12 11:20:29
882
原创 10 - 浮动
浮动floatcss标准文档流布局脱离文档流浮动float是什么?浮动的特性与对文字的影响与inline-block的对比清除浮动的意义与解决办法min-width的运用css标准文档流布局页面布局的默认状态特点:从左到右从上往下流式排列,最终窗口自上而下分成一行一行,每行从左往右顺序(依代码)排放元素,块元素独占一行,内联元素并列。脱离文档流将元素...
2018-09-11 08:16:53
145
原创 09 - vertical-align和line-height
vertical-align和line-height文本水平对齐方式text-align.para{ width: 500px; background-color: #ccc; text-align: justify;/*左右均分对齐,文字必须不是处于最后一行,必须有换行*/}<p class='para'>页面的主体内容展示区域</p&g...
2018-09-11 08:14:51
132
原创 08 - hover初讲与文字属性初讲
鼠标悬浮伪类hover状态是什么,页面中的元素的状态会变化吗?状态是在不同的情况下,页面的元素表现出现不同的效果,可以理解为简单的交互页面的元素会发生常见的状态的变化就是:鼠标悬浮效果叫做hover伪类页面都是存在某种状态hover的使用方法1.在选择器中选择某些元素2.并添加状态判断,满足条件就能加载样式p{/* 满足某种条件的元素 */ color:...
2018-09-11 08:10:24
357
原创 06 - 元素的显示类型转换与样式初始化
元素类型与样式初始化1. 样式初始化样式为什么要初始化?这个世界上有很多浏览器firefox/chrome/ie/opera等等,不同浏览器,不同浏览器版本对于页面的解析效果不相同,甚至同一个浏览器不同的版本都不一致,直接导致我们做出的布局会乱掉我们做出的页面做不同的浏览器上展示有可能是不同的,重点是影响布局,不要让浏览器污染我们的布局浏览器的内核: 浏览器 内...
2018-07-27 22:16:56
164
原创 05 - 标准盒模型和怪异盒子模型
两种盒子模型普通盒模型:普通盒模型触发方式:box-sizing: content-box;宽高到底怎样计算?正常情况:(普通盒模型)内容盒子盒子的整体宽度 = width + border + padding/左border+左padding+width+右padding+右border盒子的整体高度 = height+ border + padding/上b...
2018-07-27 21:55:31
1004
原创 04 - 盒子模型解析
04 - 盒子模型解析1.class补充两个或以上*class类名中间需要空格*间隔,代码如下:&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;style&amp;amp;gt; .list li{ color:red; } .blue{/*可复用性*/ baclground-color:
2018-07-27 21:26:05
1285
原创 零基础入门学习Python 015字符串:格式化
知识点总结format()format()方法接受位置参数和关键字参数(),二者均传递一个叫做replacement字段位置参数:"{0} love {1}.{2}".format("I","FishC","com")关键字参数:"{a} love {b}.{c}".format(a="I",b="FishC",c="com") 综合
2018-07-25 22:10:44
287
原创 03 - 常用css和css规范
03 - 常用css和css规范在我们的实际开发过程中,不会直接通过strong标签(em标签)调整元素,用css去调整页面中元素的样式1.CSS-层叠样式表（Cascading Style Sheets）层叠:css的样式存在,有一定的样式规则,根据样式规则的优先级决定是否覆盖样式表:描述元素在页面中的展示效果,将页面的元素的展示效果分离出来单独控制,结构和样式分离，用css...
2018-07-25 21:48:45
544
原创 零基础入门学习Python 014字符串:各种奇葩的内置方法
知识点总结字符串分片str1[:6]和访问字符串str1[2]更新字符串跟元组差不多字符串的内置方法 方法 定义 capitalize() 把字符串的第一个字符改为大写,PS,是返回一个新的字符串,没有改变旧的字符串 caseflod() 把整个字符串的所有字符改为小写 center(width) 把字符串居中,并使用空格填充至长...
2018-07-21 21:27:37
594
原创 零基础入门学习Python 013元组:戴上了枷锁的列表
知识点总结元组和列表是近亲,但是元组不可改变创建一个元组tuple1 = (1,2,3,4,5,6,7,8,9)访问一个元组tuple1[1]元组的标志性符号是逗号(,)tuple1 = (1,),tuple1 = ()经典例子:8* (8,)更新和删除一个元组元组相关的操作符更新和删除一个元组:#更新元组temp = ("小甲鱼","黑夜","小不点")temp =...
2018-07-21 20:59:24
477
原创 零基础入门学习Python 012列表:一个打了激素的数组3
知识点总结列表的一些常用操作符 比较操作符逻辑操作符not and or连接操作符+重复操作符*成员关系操作符in not in列表类型的内置函数 list2.count(123) 统计123出现的次数 ,计算它的参数在列表中出现的次数list2.index(元素,start,end) list2.index(123,3,7),返回它的参数在列表中位置list2.reve...
2018-07-20 22:46:51
1099
1
原创 零基础入门学习Python 011列表:一个打了激素的数组2
知识点总结从列表中获取元素 通过元素的索引值(index)从列表中获取单个元素,注意:列表索引值从0开始的利用中间值,把两者进行交换,x,y=2,7;temp = y;y=x;x=tempname = ['鸡蛋','鸭蛋','鹅蛋','李狗蛋'];name[1],name[3] = name[3],name[1]从列表删除元素 menber.remove("艺睛"),删除不在列表中...
2018-07-19 22:09:08
735
原创 零基础入门学习Python 010列表:一个打了激素的数组1
知识点总结创建列表(大仓库) 创建一个普通列表menber = [“小甲鱼”,”小不点”,”黑夜”]创建一个混合列表mix = [1,”小甲鱼”,3.14],可以放任何的数据类型创建一个空列表 empty = []向列表添加元素 menber.append(“福禄娃娃”),括号里面的参数只能放一个参数,添加一个元素,不能同时添加多个元素menber.extend([“竹林小溪”,...
2018-07-19 22:00:10
409
1
原创 零基础入门学习Python 009了不起的分支与循环3
知识点总结for循环:变量range() 语法:range([start,],stop[,step=1]),range(5)包含0但不包含5有三个参数,其中用中括号括起来的两个表示这两个参数是可选的step = 1 表示第三个参数的值默认是1range这个BIF的作用是生成一个从start参数的值开始到stop参数的值结束的数字序列break:终止当前循环,跳出循环体conti...
2018-07-18 15:27:09
501
原创 零基础入门学习Python 008了不起的分支与循环2
知识点总结python有效避免”悬挂else”条件表达式(三元/三目操作符),多少操作符是关于多少个操作数,语法:x if 条件 else y断言(assert),当这个关键字后边的条件为假的时候,程序自动崩溃并抛出AssertionError的异常,assert 3 > 4,目的保证某个条件为真例子:按照100分制,90分以上成绩为A,80到90为B,60到80为C,6...
2018-07-17 22:40:36
370
原创 零基础入门学习Python 007了不起的分支与循环1
知识点总结首先我们进入了游戏，很容易我们可以发现其实我们是进入了一个大循环里边，为什么这么说呢？大家看到只要我们没有触发死亡机制，也就是我没有拿我自己的飞机去撞这些小飞机，那么这些小飞机都会不断的生成的，这就可以证明我们是在一个循环里边实现的。只有在循环里面，当条件成立的时候，我就生成了一个小飞机。那么接下来，我们来看下分支概念：分支呢也就是我们所习惯用的if条件判断，只要...
2018-07-17 22:30:08
297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人