才不是小弱鸡
码龄7年
关注
提问 私信
  • 博客：88,687
    88,687
    总访问量
  • 67
    原创
  • 2,321,820
    排名
  • 25
    粉丝
  • 0
    铁粉

个人简介：一起学习~

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：湖南省
  • 加入CSDN时间： 2017-11-09
博客简介：

才不是小弱鸡的博客

博客描述：
一个向往ctf的萌新
查看详细资料
个人成就
  • 获得40次点赞
  • 内容获得10次评论
  • 获得111次收藏
创作历程
  • 2篇
    2021年
  • 49篇
    2020年
  • 7篇
    2019年
  • 9篇
    2018年
成就勋章
TA的专栏
  • git
    1篇
  • react
  • HTML
    1篇
  • fish
    5篇
  • nodejs
    1篇
  • ctf
    7篇
  • web
    42篇
  • css
    19篇
  • javascript
    25篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6前端框架
  • 后端
    node.js
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

177人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

windows下sourceTree解决url无效问题

0x00 前言在正式入职后，因为工号更换了，导致soureTree打开克隆直接报了url无效，查看报错发现是因为账号密码错误，于是在网上查找解决办法，找到的都是mac的解决办法，而windows下的一个没找到，并且找到的博客基本都没用。研究了好久发现了这个解决办法，希望写出来能对有同样困惑的人一些帮助0x01适用情况在确保url地址正确并且gitlab开发者权限已经拥有，在sourceTree中输入url后没有弹出输入账号密码的框，直接报了url无效的错误。0x02解决方法打开sou..
原创
发布博客 2021.07.13 ·
1953 阅读 ·
1 点赞 ·
1 评论 ·
6 收藏

JS中属性为字符串数字的对象数组排序

0x00 前言 做项目时需要对数组对象进行排序，但是因为需要排序的数组对象的属性为字符串数字，例CO001Z01-01，网上找的博客文章根本没讲到点子上，后来翻阅mdn找到了解决办法，遂写出来与大家分享一下。0x01 代码 还是用的sort函数排序，但是因为js中字符串比较是使用charAt()进行一个个字符的比较，所以数字无法正常比较大小，比如2是要比12大的，所以这里比较函数中使用了localeCompare来返回值，localeCompare中的第三个参数为一个对象，其中的nu...
原创
发布博客 2021.04.20 ·
1402 阅读 ·
4 点赞 ·
1 评论 ·
3 收藏

jQuery学习-01

0x00 入口函数 入口函数是等dom元素加载完毕后再执行函数内的代码$(function (){ $('.box').hide();})0x01 顶级对象 $就是jquery的顶级对象，$=jquey；像0x00的例子一样，就是将.box这个对象包装成了jquey对象，所以可以调用jquey方法。 jquery对象就只能使用jquery方法，而DOM对象就只能使用原生js方法。 jquery对象转换为dom对象的方法：$('.box')...
原创
发布博客 2020.11.10 ·
224 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

王者荣耀手风琴效果实现

0x00 网页地址 http://pvp.qq.com/strategy/0x01 代码 HTML <div class="demo"> <p class="title">周免英雄(10月26号-11月1号)</p> <ul> <li class="active"> <img sr...
原创
发布博客 2020.10.30 ·
1021 阅读 ·
1 点赞 ·
1 评论 ·
3 收藏

移动端开发插件（持续更新）

0x00 Swiper插件 中文站https://www.swiper.com.cn/ H5网页需要引入一个css与一个js文件即可引入此插件 此插件主要用于插入网页轮播图，也可用于制作各种推送，新闻网页。0x01 iscroll插件 https://github.com/cubiq/iscroll 用于定义滚动条0x02 富文本编辑器 https://ckeditor.com/ckeditor-4 用于在网页中加入富文本编辑器...
原创
发布博客 2020.10.29 ·
214 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js查漏补缺-14

0x00 scroll scroll与client十分相似，都是返回值不带边框且不带单位，与client不同的一点就是，当元素超出盒子之后，client返回的值仍是盒子的大小，scroll返回的大小则是加上了超出盒子元素的大小。0x01 offset client scroll三大系列的对比总结 offset系列主要用于获取元素位置offsetLeft offsetTop； 另外需要注意的是以上两个方法兼容性差，只兼容ie9及以上的浏览器。offsetWidth和offse...
原创
发布博客 2020.10.29 ·
97 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

携程移动端静态页面仿写

0x00 写在最前 这次并没有完全复刻，首先是顶图用svg做遮罩层的部分没做，然后是页脚也用到了svg，这部分也没做，之后学习了svg可能会重新更新一下本博客吧 携程移动端网址m.ctrip.com0x01 HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...
原创
发布博客 2020.10.14 ·
1121 阅读 ·
4 点赞 ·
0 评论 ·
14 收藏

移动端布局day02

0x00 flex布局 flex布局为弹性布局，可以为任意盒子指定
原创
发布博客 2020.10.13 ·
104 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

京东移动端仿写

0x00 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <link rel="
原创
发布博客 2020.10.10 ·
559 阅读 ·
1 点赞 ·
3 评论 ·
5 收藏

移动端布局day01

0x00 视口 移动端有三种视口，第一种是布局视口，它将页面宽度设为980px，未做移动端的网页会自动缩放为980px，所以很多网页我们打开看到的都是缩小了的。第二中是视觉端口，也就是用户看到的视口；第三种视口是理想视口，需要通过meta视口标签来设置布局视口来使其和理想视口宽度一致。 meta视口标签0x01 二倍图 因为像素比的原因，pc网页的图片在移动端会被放大，具体放大多少倍看设备，所以在准备图片时一般会准备更大的图片，比如宽高都为两倍的图片，然后指定大小为正常...
原创
发布博客 2020.10.10 ·
98 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

3d导航栏

0x00 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div class="topBar"> <img src="img/baidu.png" class="logo">
原创
发布博客 2020.09.29 ·
569 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

css查漏补缺day07

0x00 tranform translate（）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div class="box"> </div></body><style...
原创
发布博客 2020.09.25 ·
143 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css查漏补缺day06

0x00 h5新增语义标签 ie中需要将其转换为块元素0x01 H5新增多媒体标签 video标签 audio0x02 h5新增表单属性 input0x03 css3新增特性 属性选择器，可以根据属性选择元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
原创
发布博客 2020.09.25 ·
207 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css实现京东的价格标签

0x00 京东效果图0x01 原理及代码 京东这个实质上是分为了三个部分，左边盒子中间盒子右边盒子 这个效果主要是通过中间盒子来实现，中间盒子的代码如下
原创
发布博客 2020.09.24 ·
846 阅读 ·
0 点赞 ·
0 评论 ·
6 收藏

css查漏补缺day05

0x00 css三角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div class="box"> </div></body><style> .box {
原创
发布博客 2020.09.24 ·
203 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

图片底部的空白缝隙的消除办法

0x00 问题实例 有时候在div中设置图片时会发现图片底部存在一个空白缝隙，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div class="box"> <img src="tes...
原创
发布博客 2020.09.23 ·
650 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

css精灵图技术

0x00 为什么要用精灵图sprites 网页所使用的小图标很多，如果分开储存，则会多次向服务器发送请求，增大服务器的负载，降低页面的加载速度。0x01 精灵图原理 精灵图主要针对背景图片，将多个背景图片整合到一张图片中 精灵图的本质就是通过bgc-position来移动图片位置，达到显示想要的背景图片的效果 因此，使用精灵图需要精确测量各背景图片位置...
原创
发布博客 2020.09.23 ·
271 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css查漏补缺day04

0x00 定位 相对定位不脱标，偏移量是根据本身来移动的； 绝对定位在移动位置的时候，是相对它的祖先元素来移动的。当没有祖先元素或者祖先元素无定位时，以document为祖先元素 当祖先元素有定位时，则已最近的有定位的祖先元素来进行偏移。 绝对定位脱标，不占有原有的位置 当子元素需要用绝对定位时，父元素需要用相对定位 固定定位fixed也是脱标的，可以看成特殊的绝对定位 fixed的元素一般left和margin-left配合使用，可以做...
原创
发布博客 2020.09.22 ·
118 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css查漏补缺day03

0x00 盒子模型 边框简写没有顺序border: 1px solid red; border-collaspe属性表示绘制表格边框的格式border-collapse: collapse; // 表示相邻边框合并 padding的复合写法
原创
发布博客 2020.09.22 ·
154 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

块元素塌陷问题解决方案

0x00 嵌套块元素塌陷问题复现 首先是基础代码<body> <div class="father"> <div class="son"> </div> </div></body><style>.father { width: 400px; height: 400px; background-color: black;}.son { width: 200px...
原创
发布博客 2020.09.21 ·
430 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多