文章库ARTICLE COLUMN

  • 谈谈Js前端模块化规范

    谈谈Js前端模块化规范

    摘要:依赖全部加载完成后,调用回调函数规范异步加载模块规范和很相似,简单,并与和的规范保持了很大的兼容性在规范中,一个模块就是一个文件。 抛出问题: 在开发中在导入模块时经常使用require和import; 导出模块时使用module.exports/exports或者expo...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • css 3D动画

    css 3D动画

    摘要:无非就是通过轴来进行操作可以帮助理解三维坐标则可以帮你理解透视位置。我们成为基点在水平方向改变观看的位置缩放旋转移动倾斜通过这些来进行效果代码如下正方体代码如下星球持续更新,欢迎大家收藏指教 一、今天让我们来学习一下css 3D吧! 1.首先...

    TaonceTaonce 评论0 收藏0
  • 前端每日实战:105# 视频演示如何用纯 CSS 创作一只玉免

    前端每日实战:105# 视频演示如何用纯 CSS 创作一只玉免

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。增加兔子跳动的动画增加兔子的腿的伸缩动画增加云朵飘动的动画大功告成 showImg("https://segmentfa...

    coolpailcoolpail 评论0 收藏0
  • web  移动端  横向滚动的阻尼感很强,滑动不灵敏

    web 移动端 横向滚动的阻尼感很强,滑动不灵敏

    在添加 overflow-x: scroll的元素里增加如下style overflow-x: scroll; -webkit-overflow-scrolling: touch; //关键点

    imtianximtianx 评论0 收藏0
  • Flex实现九宫格

    Flex实现九宫格

    摘要:写一个靠谱的布局关键点利用了和,当设置时,是包括盒子模型中的和的,但是为什么不设置呢因为父元素没有高度,所以定义是没有用的,且若想每个都为正方形,最好的方式就是设置,因为此时的百分比是父元素宽度的百分比,而也为父 写一个靠谱的flex布局...

    klinsonklinson 评论0 收藏0
  • Are you sure you understand the responsive layout?

    Are you sure you understand the responsive layout?

    摘要:我们推荐使用作为字体单位默认情况下我们标签的为,我们可以利用媒体查询,设置在不同设备下的字体大小百分比布局用过的同学都知道,它里面有个栅格系统,说白了就是利用百分比来定义我们元素宽高,而不直接使用。 曾几何时我认为使用了媒体查询就是响...

    ShisuiShisui 评论0 收藏0
  • css3过渡

    css3过渡

    摘要:即该两个状态变化的过渡曲线一个过渡函数其取值是一个三次方的贝塞尔曲线的值。分别有四个点,对应于三次方的贝塞尔曲线。规定过渡效果开始作用之前需要等待的时间。如下过渡总写 css过渡css过渡为一种状态到另外一种状态的变换 transition 过渡 trans...

    SoarkeySoarkey 评论0 收藏0
  • 前端每日实战:101# 视频演示如何用 CSS 和 D3 创作一组摆线

    前端每日实战:101# 视频演示如何用 CSS 和 D3 创作一组摆线

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。最后,把摆线的数量调整为个。 showImg("https://segmentfault.com/img/bVbe6re?w=400&h=301"); 效...

    gaomysiongaomysion 评论0 收藏0
  • 重温HTML和CSS3

    重温HTML和CSS3

    摘要:不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。何为一种脚本语言,是一种动态类型弱类型基于原型的语言,内置支持类型。二代码规范在之前很多开发人员对的代码规范知之甚少,在年至年,许多开发人员从转换到。 重温We...

    TaonceTaonce 评论0 收藏0
  • vue  个人积累(使用工具,组件)

    vue 个人积累(使用工具,组件)

    摘要:代码已全部提交各种控件,工具将持续集成,如果感兴趣收藏一下,由于本人技术不够神,所以写的控件简单易懂,方便大家使用分页控件使用说明引入组件到页面注册组件添加到页面中 代码已全部提交git https://github.com/itwdy/vue-tools 各种vue控件,工...

    _Zhao_Zhao 评论0 收藏0
  • css选择器总结

    css选择器总结

    摘要:一选择器选择器选择器选择器和区别在不指定类型时,选中的是父元素下的第个子元素。在指定具体元素时要求不仅仅是第个子元素,并且这个子元素的标签是。 一.选择器 1. css1选择器 showImg("https://segmentfault.com/img/bVbe6RS?w=1199&h=577"); 2.c...

    MagicerMagicer 评论0 收藏0
  • 解决 Highcharts 中 yAxis 的 max 设置无效的问题

    解决 Highcharts 中 yAxis 的 max 设置无效的问题

    摘要:问题场景通过上图我们可以发现,即使在中将设置成了,但是最终生成的图表仍然以作为轴的最大值解决方案为了解决这个问题,我们需要为同时添加刻度总数属性这样子就能看到正确的以作为轴最大值的结果了就目前的测试结果而言,所设置的最大值要能够被刻度...

    WrBugWrBug 评论0 收藏0
  • 前端每日实战 2018 年 7 月份项目汇总(共 29 个项目)

    前端每日实战 2018 年 7 月份项目汇总(共 29 个项目)

    摘要:过往项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份发布的项目前端每日实战专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码解读,是学习前端开发的活的参考书视频演示如何用纯创作一台咖啡机视频演示...

    ghnorghnor 评论0 收藏0
  • 2019届校招前端面试题整理——HTML、CSS篇

    2019届校招前端面试题整理——HTML、CSS篇

    摘要:前言届校招陆陆续续开始了,整理了一些高频的面试题。标签提供给页面的一些元信息名称值对,有助于。开启缺点一个是不支持,另一个是一旦子元素的大小超过父容器的大小,就会出显示问题。用于设置或检索元素的缩放比例,值为即使用元素的实际尺寸。 前...

    TurboTurbo 评论0 收藏0
  • 《CSS世界》笔记五:CSS层叠规则及元素隐藏

    《CSS世界》笔记五:CSS层叠规则及元素隐藏

    摘要:元素层叠顺序补充说明位于最下面的特指层叠上下文元素后面会详解的边框和背景色。界中可能有其他的层叠结界,而自身也可能处于其他层叠结界中。 上一篇:《CSS世界》笔记四:流的保护与破坏 写在前面 《CSS世界》这本书还剩六章,但是这本书的精华部分...

    godruoyigodruoyi 评论0 收藏0
  • CSS flex 布局属性详解

    CSS flex 布局属性详解

    摘要:简介是的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。注意,设为布局以后,子元素的和属性将失效。基本概念采用布局的元素,称为容器,简称容器。它的所有子元素自动成为容器成员,称为项目,简称项目。负值对该属性无效。后两个属性可选。 ...

    voyagelabvoyagelab 评论0 收藏0
  • css 动画

    css 动画

    摘要:动画首先要明白动画是一帧一帧的,由多个帧拼起来的动画此为动画样式中的关键帧,用关键帧来控制动画中的关键样式。将会遵守倒序还是正序的停留正序倒序总写按照上方顺序即可如下关键帧动画演示效果 css动画首先要明白动画是一帧一帧的,由多个帧拼起...

    fishfish 评论0 收藏0
  • 使用min-content实现容器宽度自适应于内部元素

    使用min-content实现容器宽度自适应于内部元素

    摘要:到目前为止,有几种方法可以实现。通过设置浮动,可以实现元素折叠。将元素写死一个宽度,但这使得元素固定并失去响应特性。用来帮忙我们最终就是要找到最优的图片容器的宽度以最达到最好的适应内部图片的目的。 前言 设计师可以分为如下两类: 先做...

    lpjustdoitlpjustdoit 评论0 收藏0
  • mpvue实现微信小程序(欢迎踩坑)

    mpvue实现微信小程序(欢迎踩坑)

    摘要:最近刚使用完成了微信小程序的开发,写点东西,做个记录。专门用于外链跳转但是外链跳转还是个坑,微信仅能支持跳到在它那边注册过的的网址,其他还是不行,暂时没有找到好的方式看了知乎,它的外链直接转成了文本,不可点击了。 最近刚使用mpvue完成...

    jas0njas0n 评论0 收藏0
  • 自定义属性--和calc

    自定义属性--和calc

    摘要:自定义属性带有前缀的属性名,比如,表示的是带有值的自定义属性,其可以通过函数在全文档范围内复用的。自定义属性是可以级联的每一个自定义属性可以多次出现,并且变量的值将会借助级联算法和自定义属性值运算出来。 >>>点击获取更多文章...

    pepperwangpepperwang 评论0 收藏0
  • element ui table render-header自定义表头信息使用

    element ui table render-header自定义表头信息使用

    摘要:在使用自定义组件内容过程之中我们绝大多数情况下都是通过预先写好不同的模板,再通过传入不同的值来渲染不同的模板。 在使用vue自定义组件内容过程之中,我们绝大多数情况下都是通过预先写好不同的html模板,再通过props传入不同的值来渲染不同的模板...

    zonezone 评论0 收藏0
  • 在React中跨组件分发状态的三种方法

    在React中跨组件分发状态的三种方法

    摘要:在中跨组件分发状态的三种方法当我问自己第一百次时,我正在研究一个典型的屏幕我应该将状态保留在这个组件中还是将其移动到父组件。如果需要对子组件的状态进行轻微控制。前两种方法是常见的做法,第三种方法不太常规。 在React中跨组件分发状态的三...

    My_Oh_MyMy_Oh_My 评论0 收藏0
  • 如何用node开发自己的cli工具

    如何用node开发自己的cli工具

    摘要:新建文件夹这是一个规范,可执行工具的老家。然后输入接下来会以问答的形式向你了解你的用户名密码以及公开的邮箱,之后输入注意发布的源别是淘宝源,否则哦然后看到进度条走,之后组件发布成功,可以到上搜索自己的包了。 如何用node开发自己的cli工...

    pkwendapkwenda 评论0 收藏0
  • 前端每日实战:100# 视频演示如何用纯 CSS 创作闪闪发光的霓虹灯文字

    前端每日实战:100# 视频演示如何用纯 CSS 创作闪闪发光的霓虹灯文字

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbe2O1?w=400&h=299"); 效果预览 按下右侧的点击预览...

    noONEnoONE 评论0 收藏0
  • 《CSS世界》笔记四:流的保护与破坏

    《CSS世界》笔记四:流的保护与破坏

    摘要:和可以看作是同父异母的兄弟关系。例子如下结果如下而父元素设置属性的方式则是利用了的特性下面将会详细讲解结界全称为,中文为块级格式化上下文。 上一篇:《CSS世界》笔记三:内联元素与对齐下一篇:《CSS世界》笔记五:CSS层叠规则及元素隐藏 写在...

    he_xdhe_xd 评论0 收藏0

热门文章

<