文章库ARTICLE COLUMN

  • css制作凸字型框

    css制作凸字型框

    摘要:昨天在群里看到有人想做凸字型框,今天用几分钟做了一下,发现还蛮巧妙的,分享一下最终效果如下所示代码在这儿一开始我以为只要上下两个圆角矩形拼接就行,,其实两个圆角相交处还有圆角,一看这个圆角就知道,可以使用白色的圆角矩形覆盖,那么问题来...

    IntMainIntMain 评论0 收藏0
  • css中经遇到的文本换行问题

    css中经遇到的文本换行问题

    摘要:单行多行溢出省略单行省略多行省略数字代表显示的行数文本字母数字过长自动换行处理以单词作为换行依据以字母作为换行依据强制不换行七微月中等种空白空格的区别不断行半角空格半角空格,个中文全角空格,个中文 单行、多行溢出省略 1.单行省略 .tex...

    snowellsnowell 评论0 收藏0
  • 对vuex在项目中的使用

    对vuex在项目中的使用

    摘要:前言在之前开发的过程中,对于项目中的状态的一些保存,大部分都是在或者中保存。的核心就是仓库包含应用中大部分的状态,与全局对象的有两点不同的状态时响应式的。改变中状态的唯一方法就是显式的提交。在组件中展示的状态。 前言 在之前开发的过程...

    zzbozzbo 评论0 收藏0
  • 前端每日实战:109# 视频演示如何用 CSS 和 D3 创作一个用文字组成的心形图案

    前端每日实战:109# 视频演示如何用 CSS 和 D3 创作一个用文字组成的心形图案

    摘要:引入库声明一个数组,包含若干单词用创建元素用为变量赋值删除文件中相关的元素和文件中相关的变量。把数组元素改为爱在各种语言的单词愛最后,为第个单词设置特殊的文字样式大功告成 showImg("https://segmentfault.com/img/bVbfwGW?w=400&h=303"); ...

    EdwardUpEdwardUp 评论0 收藏0
  • 前端每日实战:110# 视频演示如何用纯 CSS 创作一只愤怒小鸟中的黑炮

    前端每日实战:110# 视频演示如何用纯 CSS 创作一只愤怒小鸟中的黑炮

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。为头部增加阴影为嘴增加阴影大功告成 showImg("https://segmentfault.com/img/bVbfxoZ?w=400&h=300"...

    Lionad-MorotarLionad-Morotar 评论0 收藏0
  • 【css】常见问题

    【css】常见问题

    摘要:将元素显示为内联元素,元素前后没有换行符。我们知道内联元素是无法设置宽高的,所以一旦将元素的属性设为,设置属性和是没有用的。这个属性值融合了和的特性,即是它既是内联元素,又可以设置和。 CSS 中 inline 元素可以设置 padding 和 margin 吗...

    renweihubrenweihub 评论0 收藏0
  • 小程序开发中的那些小坑

    小程序开发中的那些小坑

    摘要:解决方法用组件替换组件,用微信小程序的实现点击切换效果除此之外,在中也不能使用组件。接口更改问题微信小程序最近被吐槽最多的一个更改,就是用户使用开发和体验版时不会弹出授权,正式版不受影响。 最近专门做小程序开发中,跟大家分享下遇到那些...

    CODINGCODING 评论0 收藏0
  • 浏览器和兼容问题

    浏览器和兼容问题

    一、浏览器内核 参考文章:浏览器引擎(内核)介绍 Rendering Engine,中文翻译过来名称很多,排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核。 用来渲染网页内容的,将网页的内容和排版代码转换为可视的页面,一个浏览器可能不止有一个内核。 1、...

    guqiuguqiu 评论0 收藏0
  • 移动端开发单位——rem,动态使用

    移动端开发单位——rem,动态使用

    摘要:移动端开发大纲一移动开发和适配特点跑在手机端的页面页面跨平台基于告别拥抱更高的适配和性能要求小技巧在调试窗口中,选中就会显示标签元素的全部样式。 移动端开发-大纲 一、移动web开发和适配 1、特点: 跑在手机端的web页面(H5页面)、 跨平台...

    CastlePeaKCastlePeaK 评论0 收藏0
  • 【基础】固定列宽的表格及示例演示

    【基础】固定列宽的表格及示例演示

    摘要:对我来说其效果十分的怪异,具体见如下演示查看演示效果属性值应用之后,查看演示效果,可以得出如下结论给单元格指定的宽度值生效属性生效属性生效查看演示效果用例及分析我们以一个用户信息表格为例子进行演示。 引言 对我来说,table 有一个非常有...

    ZHAO_ZHAO_ 评论0 收藏0
  • vue-cli项目优化,缩短首屏加载时间

    vue-cli项目优化,缩短首屏加载时间

    摘要:主要是首屏加载太慢。文件按需加载如果没有这个设置,项目首屏加载时会加载整个网站所有的文件,所以将文件拆开,点击某个页面时再加载该页面的是一个很好的优化方法。在中,不要使用的方法引入组件,使用。使用插件,将的值改成。 主要是首屏加载太慢...

    lufficclufficc 评论0 收藏0
  • JavaScript点击事件——美女合集

    JavaScript点击事件——美女合集

    摘要:点击事件美女合集实例效果如下图代码如下美女合集上一张第张下一张定义和用法事件会在对象被点击时发生。请注意,与不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。 Js点击事件——美女合集 实例 效果如下图:sh...

    JessYanCodingJessYanCoding 评论0 收藏0
  • jsvascript篮球梦

    jsvascript篮球梦

    摘要:首先让我们先欣赏一下效果图文本下一张第张上一张样式源码篮球图集下一张第张上一张持续更新,欢迎大家指教 首先让我们先欣赏一下效果图: showImg("https://segmentfault.com/img/bVbflN2?w=1141&h=598"); html文本: ...

    sydMobilesydMobile 评论0 收藏0
  • img标签设置display:block,宽度无法100%

    img标签设置display:block,宽度无法100%

    摘要:替换元素浏览器根据元素的标签和属性,来决定元素的具体显示内容。替换元素是其内容不受视觉格式化模型控制的元素,例如标签,嵌入的文档之类或者,这些叫做替换元素。 img标签设置display:block,宽度无法100% 一些个人总结,第一次发文章,有什么不...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • 前端每日实战:106# 视频演示如何用纯 CSS 创作一个没有 DOM 元素的动画

    前端每日实战:106# 视频演示如何用纯 CSS 创作一个没有 DOM 元素的动画

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读没有元素,直接写。设置页面空间用伪元素设置背景图案平移背景图案让背景图案转动起来平移页面缩放页面最后,增加变色效果大功告成 showImg("https://segmentfault.com/img/bVbfl2x?w=400&h=30...

    leoperfectleoperfect 评论0 收藏0
  • 面试小结(四)

    面试小结(四)

    摘要:对于像网易这种大公司,我是很向往的。希望以后自己的技术精进了,能进这样的大公司。也希望路过的人,通过自己的努力,不负好时光今天发现,原来这篇文章没有发出去,今天我就再发一遍咯 1、场景开发:移动端飘雪场景实现;2、rem布局的原理;3、Rem...

    cuieneycuieney 评论0 收藏0
  • 标签.类名的权重是多少?

    标签.类名的权重是多少?

    摘要:在我指出标签名权重是后,他也觉得自己说错了。类名标签,可以解释为标签中有此类名的元素。 博客为何而来:今天遇到一个问题:标签.类名的权重是多少?这个我也不是很清楚,本来想走捷径:问问别人,百度一下啊……问了一个同学,他开口直接说是20;...

    stackfingstackfing 评论0 收藏0
  • 关于sass、scss、less的概念性知识汇总

    关于sass、scss、less的概念性知识汇总

    摘要:而使用预处理器,提供缺失的样式层复用机制减少冗余代码,提高样式代码的可维护性。所以我们在实际项目中衡量预编译方案时,还是得想想,比起带来的额外维护开销,预处理器有没有解决更大的麻烦。也是成熟的预处理器之一,而且有一个稳定,强大的团队在...

    HmyBmnyHmyBmny 评论0 收藏0
  • 那些年,碰上过的面试题

    那些年,碰上过的面试题

    摘要:元素在跨越特定阈值前为相对定位,之后为固定定位。和简单介绍和,哪个会触发哪个触发顺序,哪个能够避免,哪个时尽量减少而不可能避免,哪些操作会触发阮一峰动画动画与动画区别性能区别性能优化动画性能优化动画介绍后续还会继续进行面试题的积累 记...

    bitkylinbitkylin 评论0 收藏0
  • 浏览器怪异模型和标准模型的区别

    浏览器怪异模型和标准模型的区别

    摘要:从开始,引入了模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。这就是模式怪癖模式,诡异模式,怪异模式。   从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处...

    CoyPanCoyPan 评论0 收藏0
  • js 和 css动画

    js 和 css动画

    摘要:和动画使用或者使用这两个函数定时调用一段代码。脚本化样式表开启和关闭样式表和元素的对象定义了一个在中可以设置和查询的属性。 js和css动画 使用setTimeout()或者setInterval()使用这两个函数定时调用一段代码。这是其原理。 目的,重复修改内联样...

    qianfengqianfeng 评论0 收藏0
  • 前端每日实战:102# 视频演示如何用纯 CSS 创作一个小和尚

    前端每日实战:102# 视频演示如何用纯 CSS 创作一个小和尚

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

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • vue入门笔记体系(六)vue组件

    vue入门笔记体系(六)vue组件

    摘要:更推荐用和实现父子组件通信创建实例此时打印出组件继承使用基础构造器,创建一个子类。包含组件选项的对象创建构造器创建实例,并挂载到一个元素上。该对象包含可注入其子孙的属性。和绑定并不是可响应的。 组件注册 关于组件名: *组件名可以是keba...

    NeilyoNeilyo 评论0 收藏0
  • 前端每日实战:103# 视频演示如何用纯 CSS 创作一只监视眼

    前端每日实战:103# 视频演示如何用纯 CSS 创作一只监视眼

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

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • DIV的失去焦点(blur)实现

    DIV的失去焦点(blur)实现

    摘要:用防抖实现鼠标移出消失由于标签本身不支持事件,所以对于点击一个按钮弹出的,我们想要当这个失去焦点的时候,让它消失不能使用的来实现。但是可以利用和事件来实现失去焦点消失的功能。 用防抖实现DIV鼠标移出消失   由于div标签本身不支持onblur...

    only_doonly_do 评论0 收藏0

热门文章

<