木习习C
码龄8年
求更新 关注
提问 私信
  • 博客:61,614
    61,614
    总访问量
  • 23
    原创
  • 14
    粉丝
  • 20
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:上海市
加入CSDN时间: 2017-12-19
博客简介:

木习习的博客

查看详细资料
个人成就
  • 获得44次点赞
  • 内容获得9次评论
  • 获得231次收藏
  • 博客总排名766,813名
创作历程
  • 10篇
    2019年
  • 13篇
    2018年
成就勋章

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

88人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

CSS 文本过长时显示…

一个比较常见的需求,当一段文本过长时,不换行,显示…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test57</title></head><
原创
博文更新于 2018.10.15 ·
2293 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

CSS动画

CSS的动画效果主要是由transition和animation实现一、transition
原创
博文更新于 2019.08.19 ·
320 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

JS函数柯里化

什么是柯里化?柯里化,即Curring。是指将一个接收多个参数的函数改造成接收单个参数的函数。这个函数每次返回一个新的函数来处理下个参数,类似fn(param1)(param2)(param3)的形式,直到最后一次执行时输出希望的结果。举个具体点的例子。两个变量相加改造成柯里化函数,当然这种写法不具有通用性,后面改造。 function add(x,y) { return x...
原创
博文更新于 2019.08.18 ·
317 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript数组去重

整理了一些数组去重相关的知识例1定义一个简单的一维数组 let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8];方法一使用ES6的Set let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8]; let result = [...new Set(myArr)].sort((a, b)=>{ return a...
原创
博文更新于 2019.07.21 ·
242 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript 闭包和作用域链

又重新回顾了下闭包的知识什么是闭包?根据《JavaScript高级程序设计》一书中的定义,闭包是指有权限访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另一个函数。...
原创
博文更新于 2019.07.21 ·
342 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

CSS float浮动详解

整理一些对于float的理解一、float的定位方式当一个元素浮动之后,它会被移出正常的文档流,然后向左或者向右平移,一直平移直到碰到了所处的容器的边框,或者碰到另外一个浮动的元素。同样是脱离正常的文档流,float和absolute还是有区别的,float定位的元素允许文本和内联元素环绕它。像下面这个例子:<!DOCTYPE html><html lang="...
原创
博文更新于 2019.07.04 ·
861 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

BFC(Block Formatting Context)块级格式化上下文

平时用到的一些布局方法,例如给父元素加overflow:hidden清除子元素浮动,例如给同级的两个块级元素一个加上浮动,另一个加上overflow:hidden来实现一侧定宽,一侧自适应。这些都是对BFC的应用。BFC规定了内部的块级元素的布局方式,默认情况下只有根元素(即body)一个块级上下文。BFC布局规则浮动元素会计入BFC的高度。属于同一个BFC的两个相邻的块级元素会发生...
原创
博文更新于 2019.07.02 ·
380 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

布局-左侧固定宽度,右侧自适应

一种非常常见的布局需求,简单归纳下多重实现方式。先来个简单的html结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> &...
原创
博文更新于 2019.07.01 ·
400 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

CSS中position详解

一些关于定位和叠加的理解一、position属性position有5个值,分别为static,relative,absolute,fixed,sticky。1.1 staticstatic是position的默认属性,元素会按正常的文档流进行排序,不会受到top,bottom,left,right的影响。1.2 relativerelative相对定位的元素会较正常文档流中的位置进...
原创
博文更新于 2019.06.26 ·
23138 阅读 ·
36 点赞 ·
0 评论 ·
178 收藏

js遍历对象顺序问题

遍历对象的方法常用的方法是通过Object.keys()或for…in去遍历对象的key值,然后通过key值取到对应的value值,这两种方法获取到的key的顺序是一样的。例如:let x = { name:"Aiden", age:100, sex:"male", 2:"2", 1:1, "0":123, 0.1:333};Object.keys(x).f...
原创
博文更新于 2019.06.11 ·
7865 阅读 ·
0 点赞 ·
1 评论 ·
4 收藏

js深度拷贝

数据类型深浅拷贝的问题根源是js中不同的数据类型在内存中的存储方式不一样。1、基本数据类型number、boolean、string、null、undefined、symbol基本数据类型是以名值得形式存储在栈内存中的。let a = 1;NameValuea1进行赋值操作时会新开辟一片栈内存存储新的名值。let a = 1;let b = a;...
原创
博文更新于 2019.04.11 ·
1512 阅读 ·
0 点赞 ·
1 评论 ·
3 收藏

rem布局的实现

什么是rem?rem是指相对于html根元素字体大小的一个比例单位。例如html默认的font-size是16px,此时你想把元素的高度定义为32px就可以写height:2rem。这里需要区分一下rem和em,这是两个不同的单位。em是相对于父元素的大小比例,rem是相对于根元素的。为什么要使用rem?rem是一种适配各种设备尺寸的一种布局方案。只要在页面每次加载时获取当前设备的尺寸,重...
原创
博文更新于 2018.11.06 ·
473 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

自定义input type=checkbox

一个比较常见的需求,自定义checkbox那个箭头的样式核心思想是用一个lable和checkbox绑定,将css加到label上,然后隐藏原来的checkbox先写个checkbox加label,给label前加个伪元素 &lt;div&gt; &lt;input type="checkbox" id="test"&gt; &lt;label fo...
原创
博文更新于 2018.11.06 ·
5561 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

CSS画三角箭头

使用css来绘制一个简单的三角箭头使用了border这个属性,首先来看正常情况下的border&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/
原创
博文更新于 2018.11.05 ·
523 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

Vue页面切换滑动效果

试着用Vue做了个页面切换时滑动的效果,如下示例源码 https://github.com/Aiden1204/VueAnimateDemo这里使用了Vue的transition组件,具体可见文档https://cn.vuejs.org/v2/guide/transitions.html直接看实现过程先在本机安装vue-clinpm install -g @vue/cli初始...
原创
博文更新于 2018.11.01 ·
11076 阅读 ·
3 点赞 ·
7 评论 ·
26 收藏

前端常见面试问题整理

阐述清除浮动的几种方式使用伪元素:after.clearfix:after{ content: &amp;amp;amp;amp;quot;020&amp;amp;amp;amp;quot;; display: block; height: 0; clear: both; visibility: hidden; }在浮动元素的后一个元素上添加clear:both;或者在后面加一个空元素,再加上clear:both;
原创
博文更新于 2018.10.25 ·
362 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

前端缓存相关

前端缓存复习了一下前端常用的缓存相关知识顺便做了一次整理,有错误的地方还请大家多多指教。HTTP缓存浏览器缓存1. HTTP缓存 HTTP缓存是第二次请求资源开始的。 第一次请求时,资源正常返回,status为200,浏览器拿到资源的Response Header,其中包含了缓存的参数。 第二次请求时,浏览器先根据参数判断是否击中强缓存,击中则status...
原创
博文更新于 2018.10.25 ·
367 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js判断对象是否为空

整理了几个js判断对象是否为空的方法1)将对象转为字符串 var x = {}; var y = { name:'xxx', age:20 }; function test(obj) { var flag = JSON.stringify(obj); if(flag === '{}'){ return true; }else { ...
原创
博文更新于 2018.10.18 ·
2251 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

js继承的相关问题

整理了一些js继承相关的内容使用call或apply继承(构造继承)call和apply的作用是一样的,都是改变一个函数运行时this的指向,只是两者接受的参数有些差别,这里就不多说了。 function parent() { this.name = 'Aiden'; this.say = function (){ console....
原创
博文更新于 2018.10.18 ·
200 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

CSS link和@import的区别

整理了下关于link和@import的区别在页面中CSS的引入方式有三种1)内联样式&lt;p style="color: sienna; margin-left: 20px"&gt;2)内部样式&lt;head&gt;&lt;style type="text/css"&gt; hr {color: sienna;} p {margin-left: 20px;} bo...
原创
博文更新于 2018.10.16 ·
326 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏
加载更多