- 博客(43)
- 收藏
- 关注
RSS订阅原创 用CSS写各种简单图形
1、正方形最终效果：CSS代码如下：#square { width: 100px; height: 100px; background: red;} 2、长方形最终效果：CSS代码如下：#rectangle { width: 200px; height: 100px; background: red;...
2018-12-12 13:40:58
313
6
原创 前端开发者一定要会的知识点4
**["1", "2", "3"].map(parseInt) 答案是多少？parseInt() 函数能解析一个字符串，并返回一个整数，需要两个参数 (val, radix)，其中 radix 表示要解析的数字的基数。【该值介于 2 ~ 36 之间，并且字符串中的数字不能大于radix才能正确返回数字结果值】;但此处 map 传了 3 个 (element, index, array)...
2018-08-23 11:41:24
295
原创 前端开发者一定要会的知识点3
**介绍JS基本的数据类型Undefined、Null、Boolean、Number、String、ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 )**介绍JS有哪些内置对象？Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：...
2018-08-23 10:27:08
212
原创 前端开发者一定要会的知识点2
CSS**介绍一下标准的CSS盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种，IE盒子模型、W3C盒子模型；（2）盒模型：内容（content）、填充（padding）、边界（margin）、边框（boeder）（3）区别：IE的content部分把border和padding计算了进去；**CSS选择符有哪些？哪些属性可以继承？ （1）选择符id选择器（...
2018-08-22 23:29:59
312
原创 前端开发者一定要会的知识点1
HTML**Doctype的作用？标准模式与兼容模式各有什么区别？（1）<!DOCTYPE>声明位于HTML文档的第一行，处于<html>标签之前。告知解析浏览器的解析器用什么文档标准解析这个文档，DOCTYPE不存在或格式不存在会导致文档以兼容模式呈现。（2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式...
2018-08-22 18:26:25
279
原创 JavaScript之隐式类型转换
JavaScript的数据类型非常弱，在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算，是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的，如下是数值类型和布尔类型的相加：3 + true; // 结果：4结果是一个数值型！如果是在C或者Java环境的话，上面的运算会因为运算符两边的数据类型不...
2018-08-11 13:42:28
167
原创 JavaScript之基础面试题
1.javascript的typeof返回哪些数据类型Ｏbject number function boolean underfind string;2.强制类型转换强制（parseInt（），parseFloat（），number（），string（），Boolean（））3.数组方法pop() push() unshift() shift()Push()尾部添加 pop...
2018-08-11 13:41:36
200
原创 JavaScript之闭包
1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。注意点：在函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明的是一个全局变量！2、如何从外部读取函数内部的局部变量？出于...
2018-08-09 17:28:30
135
原创 CSS之清除浮动
方法一（使用空标签带clear属性）标签可以是div br hr在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。优点：简
2018-08-09 16:49:27
183
原创 CSS之基础面试题
1.简要说一下CSS的元素分类块级元素：div,p,h1,form,ul,li;行内元素 : span,a,label,input,img,strong,em;2.CSS隐藏元素的几种方法*——Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;*——Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，...
2018-08-09 13:10:55
194
原创 CSS之居中方案（内联元素、块级元素）
内联元素居中方案水平居中设置：1、行内元素设置 text-align:center;2、Flex布局设置 display:flex; justify-content:center;（灵活运用，支持Chroime Firefox IE9+）垂直元素居中：1、父元素高度确定的单行文本（内联元素）：设置 height=line-height;.d...
2018-08-08 14:16:22
855
原创 HTML基础简答题
1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：*——XHTML 元素必须被正确地嵌套。*——XHTML 元素必须被关闭。*——标签名必须用小写字母。*——XHTML 文档必须拥有根元素。2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3....
2018-08-08 13:35:26
5396
原创 前端之HTTP、HTML和浏览器(1)
1、http和httpshttps的SSL加密是在传输层实现的（1）http,https基本概念http:超文本传输协议，是互联网上应用最广的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP）用于从WWW服务器传输超文本到本地浏览器的传输协议，使浏览器更加高效，使网络传输减少。https:是以安全为目标的HTTP通道，即HTTP的安全版，即HTTP下加入SSL层，HTT...
2018-08-06 13:27:10
549
原创 JS回文算法
palindrome(回文)是指一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样。如果给定的字符串是回文，返回true，反之，返回false。注意:首先需要删除字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是不是回文。1、先将字符串全部转换为小写 str1 = str.toLowerCase(); 2、删除所有非字母数字字符和下划线 re...
2018-08-03 18:14:08
4303
1
原创 JavaScript 综合运用开发老虎机游戏
1、首先我们生成3个随机数，范围在1到3之间。分别用 slotOne、slotTwo、slotThree来存储着3个随机数。Math.floor(Math.random() * (3 - 1 + 1)) + 1;2、现在我们的老虎机每次生成3个随机数，我们得去检查随机数是否全部相等的情况。如果全部相等，我们应该提示用户他们赢了，并返回中奖号码，否则我们应该返回null。当这3个随机...
2018-08-03 12:57:18
4882
原创 JavaScript 使用循环语句查找通讯录
我们有一个联系人列表，里面存储着不同联系人的数组对象。函数 lookUpProfile 有两个预定义参数：firstName值和prop属性 。该函数应检查firstName是实际联系人的firstName，给定的属性（prop）是该联系人的属性。如果firstName 值、prop 属性都存在，函数返回prop属性对应的值。如果firstName 值不存在，返回 "No such...
2018-08-03 11:37:56
406
原创 JSON.parse()和JSON.stringify()用法解析
1、JSON.parse用于从一个字符串中解析出json对象var str = '{"name":"zhanghaiyan","age":"21"}'结果：JSON.parse(str)Objectage: "21" name: "zhanghaiyan" __proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。2、
2018-08-03 10:52:54
325
原创 JavaScript JSON集合操作
有一个JSON对象，代表着你的专辑集。每一张专辑由一个唯一的id标识，并具有多种属性。但并非所有的专辑都有完整的信息。写一个函数，它有个三个参数，id、prop、 value。如果 value !='' 而且prop != 'tracks' ，collectionCopy[id][prop]=value;。如果 value !='' 而且prop == 'tracks' ，collec...
2018-08-03 10:28:09
2256
2
原创 JavaScript对象操作
1.对象属性的访问方式（1）、点操作符访问对象属性(.)（2） 、中括号操作符访问对象属性([])（如果要使访问的属性的名称有一个空格，只能使用中括号操作符）2. 中括号操作符：用变量来访问一个属性。（需要遍历对象的属性列表或查表）3.更新对象的属性：点操作符或中括号操作符4.给对象添加属性：点操作符或中括号操作符5. 删除对象的属性例如：delet...
2018-08-01 18:06:58
1816
原创 JavaScript 使用对象进行查找值
对象和字典一样，可以用来存储键/值对。如果你的数据跟对象一样，你可以用对象来查找你想要的值，而不是使用switch或if/else语句。当你知道你的输入数据在某个范围时，这种查找方式极为有效。这是简单的反向字母表:var alpha = {1:"Z",2:"Y",3:"X",4:"W",...24:"C",25:"B",26:"A"};alp
2018-08-01 17:23:33
5949
1
原创 JavaScript条件判断算法综合实战之21点游戏
在赌场21点游戏中，玩家可以通过计算牌桌上已经发放的卡牌的高低值来让自己在游戏中保持优势，这就叫21点算法。根据下面的表格，每张卡牌都分配了一个值。如果卡牌的值大于0，那么玩家应该追加赌注。反之，追加少许赌注甚至不追加赌注。Count Change Cards +1 2, 3, 4, 5, 6 0 7, 8, 9 -1 10, 'J', 'Q', 'K'...
2018-08-01 16:11:29
2046
1
原创 JavaScript<四>
1、DOM getAttribute(“属性名”) 获取属性值 setAttribute(“属性名“，”新的属性值 “) 设置属性值 <body><a href="www.baidu.com" target="_blank">百度</a><button class="btn">获取/改变值</button><script> var
2017-12-21 10:43:12
174
原创 JavaScript<三>
1.Date对象 年月日小时分钟秒new Date() 获取当前系统日期，年月日小时分钟秒 .toLocaleString()日期时间同时出来 .toLocaleTimeString()时间 .toLocaleDateString()日期<script> var m=new Date().toLocaleString(); document.write(m);</scrip
2017-12-21 10:05:47
122
原创 JavaScript<二>
1.parseInt() 强制转换为整型parseFloat() 强制转换为浮点型Number() 转换为数字String() 转换为字符串Boolean() 转换为布尔型2.找对象： (通过ID，通过class，通过标签名) var obj=document.getElementById()干什么？<1>、获取值： innerHTML,innerText,valueobj.innerHTML
2017-12-20 11:02:11
125
原创 JavaScript<一>
1.<script type="text/javascript">alert("这是一个测试")</script>链接外部js文件时：<script src="js文件名"></script>js文件中：alert("这是一个测试")注意：文件右下角，类型为UTF-82.三种弹框 alert() 弹框（警告框）——只有一个”确定”框 confirm() 确认框——有”确认”和”取消”两
2017-12-20 10:36:38
273
原创 H5/C3之自定义动画+多媒体查询
1.自定义动画（@keyframes 动画）定义 @keyframes bjxg { from{background:blue；} to{background:orange；}引用： animation:bjxg 6s linear;多种颜色：@keyframes bjxg { 0%{ backg
2017-11-21 19:08:31
2105
原创 H5/C3之2D转换
一、2D转换 1.translate 移动（左负右正，上负下正）用法：（1）transform：translate（300px,200px）; 表示水平向右平移300px,竖直向下平移200px（2）transform：translateX（300px）；/ transform：translateY（200px）； 表示只有一个方向的移动<html><head lang="en">
2017-11-21 18:36:27
709
原创 HTML5&CSS3（2）
1.边框 border：solid/dashed/dotted/double 线宽 颜色2.盒阴影 box:shadow h-shadow水平位置（左负右正） v-shadow垂直位置（下正上负） blur模糊距离 spread阴影大小 color阴影颜色 inset内/外阴影（如果是外阴影，不用写inset）<html><head lang="en"> <meta
2017-11-14 20:57:06
210
原创 CSS3选择器
1.关系选择器E F——选择所有被E素包含的F元素。E>F——选择所有作为E素的子元素F。E+F——选择紧贴在E元素之后元素。E~F——选择E元素所有兄弟元素F。2.结构伪类选择器E:root——匹配E元素在文档的根元素。E:first-child——匹配父元素的第一个子元素E last-child——匹配父元素的最后一个子元素E:only-child——匹配父元素仅有的一个子元素E:nth-chi
2017-11-14 20:13:23
190
原创 HTML5&CSS3（1）
1.HTML5=HTML5.0+CSS3+Javascript+API.2.HTML5的DTD声明为：.3.新增的HTML5标签——结构标签(块状元素) 有意义的div<article>—标记定义一篇文章 <header>—标记定义一个页面或一个区域的头部 <nav>—导航链接 <section>—一个区域 <aside>—标记定义页面内容部分的侧边栏 <hgroup
2017-11-14 18:56:57
290
原创 HTML&CSS&DIV基础<2>
1.盒子模型宽=margin-left+margin-right+border-left+border-right+padding-left+padding-right+contenWidth即宽=margin+border+padding+width同理：高=margin+border+padding+height<html><head lang="en"> <meta charset=
2017-11-09 16:41:49
365
2
原创 HTML&CSS&DIV
1.style=”text-align:center;文本对齐方式：居中对齐// left左对齐，right右对齐，justify两端对齐，center居中对齐font-size:25px;字体大小为25像素color:red;字体颜色为红色background-color:背景色”2.行内样式调用方式：<any style="…….."></any>3.text-indent:2em;首行缩进4.
2017-11-07 08:26:45
189
原创 HTML&CSS基础
1.网站，网页2.com盈利性组织 .cn 中国.edu教育机构 .gov 政府机构3.域名 dns域名解析4.html 超文本标记语言——控制结构5.css 层叠样式表——控制样式标题基本结构： <head> <title>题目</title> </head> <body> …………内容 </body>6.浏览文件快捷键：alt+f2刷新：F57.放图片
2017-11-06 22:30:49
209
原创 PS入门基础<3>
如何切图C，切片工具，把所有的网页切好，按住ctrl+shift+alt+s存储为网络所住格式，按住shift,把需要的切片都选起来，右上角选择jpeg中，要看左上角的大小，点击右下角存储，会告诉你路径哪里放，选择存储选中的切片，存储，桌面，自动生成imags,确定。做网页规范1.做网页，大的颜色不要超过三种，背景色不要用纯色2.万能背景色：黑白灰3.相同的两个颜色如何区分：<1>加投影 <2>加
2017-11-04 23:22:17
277
原创 PS入门基础<2>
1.ctrl+】图层逐个向上移动 ctrl+【图层逐个向下移动 ctrl+shift+】图层直接到达最顶层 ctrl+shift+【图层到达最底层2.alt+delete快速填充前景色 ctrl+delete快速填充背景色 3.shift+u/m/w等等可以快速选择用同一个快捷键的工具4.再次进行编辑：首先ctrl+j复制图层，ctrl+t编辑，按住shift键，单击鼠标左键，往右边移动，
2017-11-04 23:04:47
241
原创 PS之钢笔工具
1.p钢笔工具，单击鼠标左键，左右手松开，在单击鼠标左键，不要松开，左键，来回移动可以画出一条曲线，按住alt键，把光标放在描点上面 ，出现小于号，单击鼠标左键，可以去掉一个杠杆，按住ctrl键，可以移动描点和路径。2．如何结束钢笔工具：ctrl+alt键，单击鼠标左键，可以结束钢笔工具。 3.如何进行激活继续这条路径：把光标放在描点上面会出现连接符号，单击鼠标左键可以进行连接。4.我们把钢笔
2017-11-04 22:56:47
1045
原创 PS之平行透视与成角透视
1.构图的规律，正面前面的面积要大点，背面的面积要小点，宁上勿下。 2.ctrl+w关闭图像 ctrl+alt+w关闭所有图像3.平行透视：只有一个消失点，只要有一条线是平行于地平线。4.成角透视，有两个消失点，没有一条线是平行于地平线的。
2017-11-04 22:46:23
2853
原创 PS之汽车广告制作
步骤： 1.新建图像， ctrl+n 新建一层 ， 填充颜色 0（0 0 0） 84（9 96 111）（渐变填充，0点和84点的颜色已给出）。2.按下shift 线性渐变 ， 从上往下拖动， 画好背景 。3.新建一层， 按下p钢笔工具， 画出形状 ， 填充白色 ， 结束选区， 增加蒙版 ， 前景色为黑色， 按下g渐变黑到白， 线性渐变， 从下面往上面拖动， 图层混合模式为叠加 ， 不透明
2017-11-04 22:37:53
1505
原创 PS之卡通徽章制作
步骤： 1.ctrl+n新建图像，21cm.21cm，分辨率是300px，确定。2.新建图层，按下u椭圆工具，按住shift键，单击鼠标左键，做出一个正圆；双击图层，增加图层样式，渐变叠加，0点上面 RGB：(255 186 0 )，100点上面RGB:(255 225 0)；增加斜面浮雕，大小，深度，关闭全局观，调整阴影模式里面不透明度，暗部变的透亮点，增加投影，也是要调整上面的不透明度。
2017-11-04 22:23:57
1275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人