文章库ARTICLE COLUMN

  • 小程序项目-总结

    小程序项目-总结

    摘要:小程序线上代码线上地址小程序技术点官方提供的是不可少的。小程序事件的区分,和的区别,事件冒泡。一定要注意以及单个的生命周期,只会在小程序生成的时候执行一次。 小程序-线上代码 github线上地址 小程序-技术点 官方提供的API 是不可少的。常用...

    BaoyuanBaoyuan 评论0 收藏0
  • 【CSS基础】Flex弹性布局

    【CSS基础】Flex弹性布局

    摘要:容器首先实现布局需要先指定一个容器,任何一个容器都可以被置顶为布局,这样容器内的元素就可以使用来进行布局。当存在多条轴线时,多条轴线在垂直方向上的布局。 在flex容器中默认存在两条轴,水平主轴和垂直的交叉轴,这是默认设置,当然可以通过修...

    CoderStudyCoderStudy 评论0 收藏0
  • 用CSS3实现钟表效果

    用CSS3实现钟表效果

    摘要:背景最近在学习,看到了一个小案例,通过自己的学习,动手实现了它,现在把它分享出来。效果图实现过程首先我们需要在页面中写出一个静态的钟表效果。并对其进行简单样式设置。 背景:最近在学习CSS3,看到了一个小案例,通过自己的学习,动手实现了它...

    1treeS1treeS 评论0 收藏0
  • 看完你也想编写自己的 react 插件

    看完你也想编写自己的 react 插件

    摘要:清楚自己想要什么样的组件,就自己动手撸呗。咱们先来看看它的效果吧如果大家有时间,窝还是鼓励大家自己动手实现一些小插件。于是自己就琢磨能否继承使用方法同时保持特有组件特性。需要确保已安装。 副标题----为什么我要写这个 react 插件 图片懒加...

    VixbVixb 评论0 收藏0
  • 【CSS基础】CSS常见问题

    【CSS基础】CSS常见问题

    摘要:常见的布局两列布局两栏布局一栏定宽,一栏自适应,自适应的一栏作为内容主体。三列布局三列布局也是经常使用到的一种布局,它的特点是两边两列固定,中间自适应。左右两栏使用属性,中间栏使用属性。 垂直居中 单行文本垂直居中 父元素高度为auto 一...

    villainhrvillainhr 评论0 收藏0
  • [笔记] 当在 Vue 中不得不用全局样式时...

    [笔记] 当在 Vue 中不得不用全局样式时...

    摘要:有时候基于的单文件组件开发项目时不得不使用全局样式这时有一些需要注意的地方当遇到需要使用全局样式时下列几种情况样式在项目各处均有使用样式只在当前组件内的上使用样式需要应用到当前组件的外部下面详细记录一下需要注意的问题样式在项目各处均有...

    马龙驹马龙驹 评论0 收藏0
  • 总结开发过程踩到的坑(三)

    总结开发过程踩到的坑(三)

    摘要:本文章旨在总结开发过程中碰到的容易忘记或者比较重要的坑,一方面加深自己对于该部分的理解,另一方面希望能够分享给大家,知识在于分享,当然踩过的坑也不例外滑稽。 在日常工作中,时常会碰到各种各样的坑,有时真的觉得很多时候开发的经验都是踩坑...

    AprilApril 评论0 收藏0
  • 前端面试题-BFC(块格式化上下文)

    前端面试题-BFC(块格式化上下文)

    摘要:一的概念规范解释块格式化上下文,是页面的可视化渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互限定区域。我们可以使用实现清除浮动,这里就不多介绍了,想要了解的可以阅读前端面试题清除浮动。 一、BFC 的概念 1.规...

    Ryan_LiRyan_Li 评论0 收藏0
  • Css Secret 案例全套

    Css Secret 案例全套

    摘要:案例全套地址案例地址去年买了一本揭秘的专题书,该书揭示了个鲜为人知的技巧,主要内容包括背景与边框形状视觉效果字体排印用户体验结构与布局过渡与动画等。去年买入时,就决定将里面所有案例全部撸一遍,作为自己年学习清单中的首项。 Css Secret ...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • [翻译]CSS变量让你轻松制作响应式网页

    [翻译]CSS变量让你轻松制作响应式网页

    摘要:原文地址作者摘要这是一篇年制作响应性网页的快速教程。首先,我们要声明需要更改或复用的变量然后,我们只需要在中使用它们就可以了。总之,变量可以定义为未来的响应式。 原文地址:https://medium.freecodecamp.org/how-to-make-responsiveness-sup...

    GitChatGitChat 评论0 收藏0
  • CSS 盒模型

    CSS 盒模型

    摘要:盒模型盒模型基本概念标准模型模型标准模型和模型的区别标准模型模型二者区别,前者的宽度是内容宽度,后者的宽度是内容内边距如何设置这两种模型标准模型模型如何设置获取盒模型对应的宽和高仅兼容兼容性好用于获得页面中某个元素的左, CSS 盒模型 C...

    wizChenwizChen 评论0 收藏0
  • 侧边栏的固定与自适应原来是这样实现的(持续更新)

    侧边栏的固定与自适应原来是这样实现的(持续更新)

    摘要:规范文档,行内非替换元素背景高度由字体和字体大小决定的,默认处理和行高没关系,不过这只是浏览器现在的处理方法摘自参考。不过实际上这个对样式的影响不是很大或者设置。的值除了也是可以为数值的。的区域不会与重叠。 摘要 刚看了一个关于前端面...

    sarvasarva 评论0 收藏0
  • BFC浅谈

    BFC浅谈

    摘要:两个兄弟盒之间的竖直由属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直会合并。在一个块格式化上下文中,每个盒的外边挨着包含块的边。即使存在浮动,这也成立。功能一用包住浮动元素。功能二兄弟之间划清界限。 一:什么是BFC? 在W3C规范中...

    leoneleone 评论0 收藏0
  • CSS selector

    CSS selector

    摘要:选择直接父元素为元素的元素选择元素同级的第一个选择元素同级的所有,选择所有和选择元素内部的所有第一个编号为匹配父元素下仅有的一个子元素,匹配父元素下使用同种标签的唯一一个子元素, div>p(选择直接父元素为div元素的p元素)div+p(选择div...

    zorpanzorpan 评论0 收藏0
  • 一行代码实现一个简单的模板字符串替换

    一行代码实现一个简单的模板字符串替换

    摘要:需求描述实现一个方法,将中的占位符用填充。通过文档里面写的,我们可以发现方法可以传入回调函数,一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果。所以这行代码的意思就很清楚,正则匹配到,分组获取,然后把替换成。...

    Ryan_LiRyan_Li 评论0 收藏0
  • 使用css实现任意大小,任意方向, 任意角度的箭头

    使用css实现任意大小,任意方向, 任意角度的箭头

    摘要:使用实现任意大小,任意方向,任意角度的箭头网页开发中,经常会使用到下拉箭头,右侧箭头这样的箭头。的和就是箭头的边长,通过调整可以获取任意边长的箭头。 使用css实现任意大小,任意方向, 任意角度的箭头 网页开发中,经常会使用到 下拉箭头show...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • 一次搞清楚移动端适配这几个坑爹的单位慨念

    一次搞清楚移动端适配这几个坑爹的单位慨念

    摘要:真的是给我们新手学习移动端适配造成不少困惑英语真的很重要呀。细节高清屏上的处理其实并不是所有做移动端适配的人都一定会遇到这个问题。 一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、...

    objc94objc94 评论0 收藏0
  • 我终于理解了伪类和伪元素

    我终于理解了伪类和伪元素

    摘要:伪类和伪元素,对于绝大多数同学来说,都是耳熟能详的名字,但确实又有很多人搞不清楚它们之间的区别,以致于混淆概念。除了上面这个本质区别以外,在中,伪类用单冒号表示而伪元素用双冒号表示。 showImg("https://segmentfault.com/img/bV4WC1?w=510...

    张迁张迁 评论0 收藏0
  • 腾讯御安全深度解析暗云Ⅲ

    腾讯御安全深度解析暗云Ⅲ

    摘要:到目前为止,腾讯反病毒实验室发现的暗云攻击目标大多为各类棋牌游戏服务器。 【关键词:腾讯御安全,APK漏洞扫描,APP保护,Android防破解】 前面对暗云的分析报告中,腾讯电脑管家安全团队和腾讯御安全基本摸清暗云Ⅲ的感染方式和传播方式,也定位到被...

    cangck_Xcangck_X 评论0 收藏0
  • css命名和书写规范

    css命名和书写规范

    摘要:前言在项目开发中对于名字的命名和书写老是感觉很混乱,这对于代码的可读性以及维护提出了挑战,所以在闲暇之余看了一些这方面的内容,现总结如下命名规则说明所有的命名最好都小写属性的值一定要用双引号括起来,且一定要有值如每个标签都要有开始和结...

    wua_wua2012wua_wua2012 评论0 收藏0
  • CSS布局解决方案(终结版)

    CSS布局解决方案(终结版)

    摘要:代码实例等分布局公式转化因此,我们需要解决两个问题如何让总宽度增加即如何让每个宽包含即使用原理用法原理增大父框的实际宽度后,使用属性进行布局的辅助。 前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又...

    BlackMassBlackMass 评论0 收藏0
  • 自适应/响应式的功课.....

    自适应/响应式的功课.....

    摘要:请开始清算市面上的电子产品得有百八十种的屏可以供君挑选这其实对在前端一线工作的程序员而言挺灾难的自适应响应式概念解决不同终端的适配问题我们一般有两套方案一是自适应布局二设置响应式布局所谓的自适应就是屏幕变大或是变小它的内容也要做到同步...

    FourierrFourierr 评论0 收藏0
  • JavaScript实现 满天星 导航栏

    JavaScript实现 满天星 导航栏

    摘要:说明分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果图吧。解释实现这个效果,需要掌握的知识不用很多,知道简单的,会用获取元素,能绑定事件基本就足够了。 说明 分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果...

    pumpkin9pumpkin9 评论0 收藏0
  • CSS系列之常用布局

    CSS系列之常用布局

    摘要:流式布局特点等宽不等高参考链接纯实现瀑布流多列及布局原生实现瀑布流效果 参考链接: 干货!各种常见布局实现+知名网站实例分析前端布局基础概述https://juejin.im/post/599970...https://juejin.im/post/5bbcd7...http://elevenbeans.github.io/......

    qylostqylost 评论0 收藏0
  • 自定义input上传图片组件

    自定义input上传图片组件

    自定义input上传图片组件,美化样式 前段时间因为项目需求,做过一个上传图片组件,这里分享下大致思路,希望对有需要的人有所帮助~~~ 功能需求:1.上传图片限制大小、分辨率、类型 2.上传图片支持自由裁剪 3.图片上传后支持预览和删除 ...

    marekmarek 评论0 收藏0

热门文章

<