- 博客(10)
- 收藏
- 关注
RSS订阅原创 简单的逻辑思维题分享1（附详细答案）
逻辑思维对于学编程的人来说都是非常重要的，有些人天生逻辑清晰，思维敏捷，对于这些人，普通人只能抱以羡慕的态度。但是逻辑思维也是可以通过后天练习的。多做多看一些逻辑思维题，对于提高我们的逻辑思维是有很大帮助的。我收集了一些逻辑思维题，分享给大家。后期收集到有趣的逻辑推理还会继续跟大家分享1.一天,小赵的店里来了一位顾客,挑了20元的货,顾客拿出50元,小赵没零钱找不开,就到隔壁小韩的店里把 这50...
2019-11-12 17:01:28
5764
3
原创 两种方式实现圣杯布局
圣杯布局又被称为双飞布局，比较简单，今天我给大家分享一下，如何用两种方式来实现双飞布局。那什么是双飞布局呢，其实就是两侧宽度固定，中间宽度自适应的三栏布局。1.第一种相对来说比较容易想到，就是利用定位来实现实现原理就是既然两侧需要固定宽度，那索性就用定位中的绝对定位，让其固定在两侧，然后中间那块只要定位在合适的为置就可以了。<!doctype html><html>...
2019-11-08 09:41:38
146
原创 书写html页面时的一些小技巧
当我们在书写静态页面时，有时一些简单的小技巧可能会提高我们的效率，今天为大家总结一些，希望可以帮助到大家。1.当我们需要图片水平居中时 1.水平方向：text-align:center 垂直方向：line-height:X(X为父元素高度) 2.text-align:vertical 2.有水平就有垂直，图片垂直居中1.先设置和父元素同样的宽度：line-height:XXpx 再在...
2019-11-05 10:20:59
151
原创 俄罗斯方块
最近看到有朋友在玩俄罗斯方块，瞬间引起了我的童年回忆。理论上来说，学了HTML+CSS+JS是可以写出游戏代码的，我就回去试了下，样式没那么好看，但基本功能已经实现了这是HTML部分<style type="text/css"> .c { margin: 1px; width: 19px; height: 19px; background: r...
2019-11-01 09:14:58
131
原创 搭建react框架
最近在学习react，首先就是搭建react框架。网上找了些资料，不过比较零散，我做了一下总结。 首先在谷歌浏览器上加载React Developer Tools,可以直接去https://github.com/2442763606/react下载已经打包过的程序。下载解压完了之后，找到浏览器的设置功能，如下图...
2019-10-21 17:23:26
315
原创 原生实现画布功能
以电脑为画板，以鼠标为画笔的画布功能<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>画布</title> <style> #pos{position:absolute;left:0;bottom:0;} em{bor...
2019-09-23 14:08:26
194
原创 关于高度塌陷的解决方法及优缺点
1.给父元素设置一个固定高度缺点：违背高度自适应原则，不够灵活，不推荐使用。2.给父元素添加属性：overflow：hidden；优点：浏览器好支持，简单；缺点：当子元素有定位属性时，设置了之后，超出部分会被隐藏掉3.在最后一个浮动元素之后添加一个块元素 来清浮动：clear:both;优点：所有浏览器都支持，并且容器溢出不会被裁剪；缺点：在页面中添加无意义的div，容易造成代码冗余...
2019-09-21 16:31:26
627
原创 小球的运动
今天跟大家分享一个比较简单的好玩的小球的运动。按键盘上的上下左右键可以控制小球的上下左右运动。废话不多说，直接上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...
2019-09-15 13:51:58
189
原创 用原生实现轮播图效果
轮播图有很多插件，自己试着用原生写了一个，用来加深对原生的印象。有点小瑕疵，但插入图片可以实现1.首先先分析轮播图有什么效果：点击左右按钮能转换图片2.那么为什么能实现切换效果呢：点击按钮之后，有个唯一的值让其识别——索引，点击右箭头，图片索引++，点击左箭头，图片索–3.但是如果点右箭头时，图片就是最后一张，那怎么办呢？可以强行将图片索引变为0好了，那就来实现轮播图的效果吧<!...
2019-09-02 09:22:35
128
原创 正则表达式
正则：用于表单验证正则的字符串调用函数：search：语法：字符串对象.search(待查找的字符串|正则)作用：用于搜索字符串中指定元素返回值：返回符合条件的第一个元素下标，没找到返回-1match：语法：字符串对象.match(待匹配的字符串|正则)作用：匹配符合条件的内容返回：返回一个数组replace：语法：字符串对象.replace(待匹配的字符串|正则，替换的内容...
2019-08-26 14:30:31
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人