文章库ARTICLE COLUMN

  • 使用GitHub(三):使用VSCode+GitHub进行版本控制

    使用GitHub(三):使用VSCode+GitHub进行版本控制

    摘要:步骤使用打开项目或代码的仓库点击侧边栏的源代码管理按钮,或者快捷键,这时并没有消息提示。这时我们新建一个文件,旁边会出现的符号,意思是更新尚未上传到再次打开源代码管理,发现多了更新提示。 使用GitHub(三):使用VSCode+GitHub进行版本控...

    jonh_felixjonh_felix 评论0 收藏0
  • 前端面试题-CSS选择器性能优化

    前端面试题-CSS选择器性能优化

    摘要:不要在编写规则时用标签名或类名不要在编写规则时用标签名把多层标签选择规则用规则替换,减少查找避免使用子选择器后代选择器在中是最昂贵的选择器。如果你关心页面性能的话,他们真不该被使用扩展阅读前端面试题选择器前端面试题优先级 一、CSS选择...

    ScottScott 评论0 收藏0
  • (知识)width、naturalWidth、clientWidth、offsetWidth区别整理

    (知识)width、naturalWidth、clientWidth、offsetWidth区别整理

    摘要:,属性表示元素的内部宽度,以像素计。该属性包括内边距,但不包括垂直滚动条如果有边框和外边距。该属性值会被四舍五入为一个整数。 今天在做图片裁剪功能的时候,参考了下网友的资料,发现大家对图片宽度的获取方式不尽相同,于是详细整理下各个属性...

    wenyiwebwenyiweb 评论0 收藏0
  • JavaScript数组方法

    JavaScript数组方法

    摘要:前言从事前端到现在也有快两年了,平时也会收集整理一些笔记放在印象笔记,不过收集过之后就在没有看过,经大佬指点,真正掌握一个知识点,最好的方式就是用自己的话把内容讲明白,就开始将以前零散的东西整合一下,和各位道友一起提高。 前言 从事前...

    kviccnkviccn 评论0 收藏0
  • js的浅拷贝和深拷贝和应用场景

    js的浅拷贝和深拷贝和应用场景

    摘要:而大多数实际项目中,我们想要的结果是两个变量初始值相同互不影响。所以就要使用到拷贝分为深浅两种深浅拷贝的区别浅拷贝只复制一层对象的属性,而深拷贝则递归复制了所有层级。 为什么会用到浅拷贝和深拷贝 首先来看一下如下代码 let a = b = 2 a = ...

    MartinDaiMartinDai 评论0 收藏0
  • less

    less

    摘要:一使用方法直接引入好处能获取客户端的数据,从而进一步计算。坏处在客户端解析造成性能浪费,不利于维护。五混合混合将一个定义好的引入到另一个中,从而简单实现继承中的所有属性。 一、使用方法 1.1直接引入less.js 好处:能获取客户端的数据,从而...

    everfighteverfight 评论0 收藏0
  • 前端面试题-clearfix(清除浮动)

    前端面试题-clearfix(清除浮动)

    摘要:一浮动的概念浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 一、浮动的概念 浮动的框可以向左或向右移动,直到它的外边缘碰...

    luckywluckyw 评论0 收藏0
  • 现代 CSS 进化史

    现代 CSS 进化史

    摘要:第一个主流的预处理器是年发布的,它提供了一个新的更简洁的语法缩进代替大括号,没有分号等等,同时增加了一些缺失的高级特性,像变量工具方法还有计算。 showImg("https://segmentfault.com/img/bV5u5I?w=533&h=300"); 简评:CSS 是一门入门比较简单...

    EastWoodYangEastWoodYang 评论0 收藏0
  • 用vue写一个仿简书的轮播图

    用vue写一个仿简书的轮播图

    摘要:写好样式,只需改变每张图片的即可实现轮播效果。可以将轮播图看成两个,如图所示写好每个的样式容器宽度容器高度大图片宽度小图片宽度小图片高度模板包含两个轮播图部分,设置一个,定时改变。 原文地址:Bougie的博客 先展示最终效果:showImg("http...

    TecodeTecode 评论0 收藏0
  • 前端基础知识学习记录(三)

    前端基础知识学习记录(三)

    摘要:前端基础知识学习记录三选择器的使用与选择器的简介选择器,即为在被选元素的内容前面插入内容,使用属性来指定要插入的内容。也可理解为通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 前端基础知识学习记录(三) 1.CSS ...

    shixinzhangshixinzhang 评论0 收藏0
  • almost最好的Vue + Typescript系列02 项目结构篇

    almost最好的Vue + Typescript系列02 项目结构篇

    摘要:源码文件夹,基本上我们的业务逻辑文件都应该放在这里定义了这个项目所需要的各种模块,以及项目的配置信息比如名称版本许可证等元数据。 基于vue-cli 3.x,配合typescript的环境构建的新vue项目,跟以前的结构相比,有了一些变化,下面我们来简单的了解一...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • 前端面试题-文本溢出显示省略号(...)

    前端面试题-文本溢出显示省略号(...)

    摘要:当文本溢出包含元素时,显示省略符号来代表被修剪的文本。文本不会换行,文本会在在同一行上继续,直到遇到标签为止。说明限制在一个块元素显示的文本的行数。将对象作为弹性伸缩盒子模型显示。,在多行文本的情况下,用省略号隐藏超出范围的文本。 一...

    AprilJAprilJ 评论0 收藏0
  • 浏览器内核、JS 引擎、页面呈现原理及其优化

    浏览器内核、JS 引擎、页面呈现原理及其优化

    摘要:浏览器内核又叫渲染引擎,主要负责的解析,页面布局渲染与复合层合成。页面呈现原理规范定义了的词法及语法文法。解析器使用和解析生成器从语法文件中自动生成解析器。回忆一下解析器的介绍,创建一个自底向上的解析器,使用自顶向下解析器。 浏览器内...

    weanwean 评论0 收藏0
  • React框架实现移动页面翻译是一种什么体验?

    React框架实现移动页面翻译是一种什么体验?

    摘要:但是可以做到将内容中的英文单词翻译出来,是怎么实现的呢一起来看一下吧。处理中的单词由于传给我的是一大段内容,里面的元素的类型不只一种类名也不止一种,有等等,但是我只处理面积最大的一块英文,也就是只处理中的英文单词这就好办了。 单词翻译...

    马永翠马永翠 评论0 收藏0
  • 细说css中的position属性

    细说css中的position属性

    摘要:块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。相对定位,相对于自己的初始位置,不脱离文档流。 有过css开发经验的同学,对于position这个属性一定不会陌生,然而这个熟悉的属性确是面试题中的常客...

    ssshooterssshooter 评论0 收藏0
  • 微信小程序学习简介

    微信小程序学习简介

    摘要:具体调用参考接口请求封装函数一般在中实现微信自带的网络请求方法调用接口请求函数如在中首先需要获取应用实例调用数据请求在函数中声明的一个全局变量,接下来使用点语法直接调用请求下来的值就可以了。 如何向微信小程序导入DEMO源码: 参考方法 参...

    BetaRabbitBetaRabbit 评论0 收藏0
  • 利用angular4和nodejs-express构建一个简单的网站(八)—注册之保存用户数据

    利用angular4和nodejs-express构建一个简单的网站(八)—注册之保存用户数据

    摘要:上一章通过用户注册讲解了响应式表单,这章主要讲解如何向服务器提交注册数据并导航到好友信息模块。利用的方法将这个凭证存储到本地。针对一个进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 上一章通过用户注册讲解了响应式表单ReactiveForm...

    haobowdhaobowd 评论0 收藏0
  • 基于VUE构建做题H5组件【附源代码】

    基于VUE构建做题H5组件【附源代码】

    摘要:做题区域自动补全剩下的高度代码如下时间转换的函数由秒转换的格式时间转换测试网址点我跳转手机打开或浏览器仿真仓库地址链接有用记得点个星扫码也可以上几张效果图 实现功能: 题目的加载 文章的上下滑动 做题模式 做题内容区域的上下滑动动态调整...

    DarkgelDarkgel 评论0 收藏0
  • CSS margin合并问题

    CSS margin合并问题

    摘要:两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,折叠结果是两者的相加的和。 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个多带带的外边距。这种合并外边距的方式被称为折...

    zhongmeizhizhongmeizhi 评论0 收藏0
  • 用python实现百度翻译

    用python实现百度翻译

    摘要:用实现百度翻译首先,需要简单的了解一下爬虫,尽可能简单快速的上手,其次,需要了解的是百度的的接口,搞定这个之后,最后,按照官方给出的,然后写自己的一个小程序打开浏览器打开百度翻译网页源代码我们可以轻松的找到百度翻译的请求接口为然后我们...

    cpuprocpupro 评论0 收藏0
  • 聊一聊几种常用web图片格式:gif、jpg、png、webp

    聊一聊几种常用web图片格式:gif、jpg、png、webp

    摘要:由于采用了无损压缩,相比古老的格式,尺寸较小,而且支持透明和动画。采用无损压缩,是基于直接色的位图格式。正是因为其高品质,无损压缩,非常适合用于源文件或需要二次编辑的图片格式的保存。 前言 在大多数的web页面中,图片占到了页面大小的60%-...

    leo108leo108 评论0 收藏0
  • 由float引发的思考

    由float引发的思考

    摘要:需要注意的是网上说的清楚浮动原理和这个一样当然清楚浮动还有另外一种方式原理是触发浮动元素的父元素形成块级格式化上下文亦即 最近工作中不时会遇到float使用问题,由于CSS是一系列属性叠加的结果,float经常会和BFC,外边距折叠等一起出现,故而原本简...

    lemonlemon 评论0 收藏0
  • css3+less随机动画总结

    css3+less随机动画总结

    摘要:前言有个动画需求,有几个,需要不同时,不同幅度移动,用了实现重点使用,内可嵌入代码,获得的内容可以做名字,也可以当作数字参与的其他计算,但是获得的内容不能当作名字编译前编译后总结在 前言 有个动画需求,有几个div,需要不同时,不同幅度移...

    MertensMertens 评论0 收藏0
  • 对height 100%和inherit的总结

    对height 100%和inherit的总结

    摘要:就算父元素未定位也是相对于直接父元素进行高度计算的。如果在绝对定位脱离文档流中,等于最近已定位父元素的的高度。下一步目前只是阐述和总结了现象,还未解释原理,希望大神能在留言区指点一下。接下来需要继续学习知识,弄明白这些现象背后的原因。...

    TychioTychio 评论0 收藏0
  • 【CSS基础】CSS常见概念

    【CSS基础】CSS常见概念

    摘要:在中主要通过四个部分来描述,分别为。对于元素,负值会完全覆盖前一个元素,会影响后面元素一起移动对于元素,元素脱离了普通文档流,对其他元素没有影响对于元素,可以通过负值进行覆盖,最常见的应用是三列布局。 浏览器渲染过程 不同的浏览器渲染...

    hsluoyzhsluoyz 评论0 收藏0

热门文章

<