文章库ARTICLE COLUMN

  • css3d-engine源码学习简析

    css3d-engine源码学习简析

    摘要:全景旋转首先学习一下基础坐标系这个只要记住一下轴各自方向就可以,下面分析会用到。 开始 从这里开始准备攻略webgl(准备挖新坑),Flutter框架当然也会继续补充,但是今天学习的不是webgl,而是css3d-engine这个库,因为之前搞活动看到了一个全景旋...

    魏宪会魏宪会 评论0 收藏0
  • Outlook HTML邮件中英文混排字体设置

    Outlook HTML邮件中英文混排字体设置

    摘要:邮件中英文混排字体设置如果是纯中文或者纯英文指定一个字体就可以,如果是中英文混排,希望中文和英文使用不同的字体,该如何中可以把多个字体名称作为一个回退系统来保存。 Outlook HTML邮件中英文混排字体设置 如果是纯中文或者纯英文指定一个字体...

    Code4AppCode4App 评论0 收藏0
  • web前端   关于浏览器兼容的一些知识和问题解决

    web前端 关于浏览器兼容的一些知识和问题解决

    摘要:浏览器兼容产生的原因因为不同浏览器使用内核及所支持的等网页语言标准不同。很早以前搜索引擎优化百度百度专门给技术人员提供优化方案,是一本白皮书。被抓取的网页被称之为网页快照。 showImg("https://segmentfault.com/img/bVY9Mu?w=383&h=194"); ...

    X1nFLYX1nFLY 评论0 收藏0
  • 移动端H5页面注意事项

    移动端H5页面注意事项

    摘要:移动端活动页面常常需要能够分享到各种社交中,常用的有微信等。微信二维码问题同一个页面里要是有两个二维码,长按扫描总是只能扫出左侧第一个二维码。 首发于简书博客:http://www.jianshu.com/p/e958... 2017-11-25 更新:5. 使用 Gulp 拼合图片 1....

    madthumbmadthumb 评论0 收藏0
  • 谈谈css伪类与伪元素

    谈谈css伪类与伪元素

    摘要:状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。单冒号用于伪类,双冒号用于伪元素。可以通过对父元素添加伪类撑开父元素高度,因为就是其最后一个子元素。 css选择器常...

    hedzrhedzr 评论0 收藏0
  • iconfont 介绍

    iconfont 介绍

    摘要:最早走出扁平化设计的是微软,在年推出的,就用了大量的简单形状,移除了复杂的样式和纹理。但是它有个问题就是,雪碧图比较适合固定功能的网站。而且目前我们公司网站设计全部使用,我都好久没打开过了,对于来说,雪碧图位置的标识也是个挺麻烦的事情...

    huayeluoliuhenhuayeluoliuhen 评论0 收藏0
  • 微信小程序过长文本折叠效果的探索

    微信小程序过长文本折叠效果的探索

    摘要:之前做小程序开发时,遇到要实现过长文本进行的折叠的效果类型微信朋友圈那种。而最直接的文本过长判断标准,是文本行数超过某个值。总结以上,总结下小程序下文本过长折叠的思路文本过长由逻辑层判断字符数确定,控制全文按钮的展示与切换。 之前做小...

    cocopeakcocopeak 评论0 收藏0
  • 基于Vue2前端将网页数据转为Excel导出

    基于Vue2前端将网页数据转为Excel导出

    摘要:首先,安装插件插件文档地址官方文档在组件这中引入所要导出的数据如下设置面板标题是否编辑表头数据项目名称规格单位数量单价金额卡数备注项目名称规格单位数量单价金额卡数备注表格数据柜体大师大师多撒好低柜体大师大师多撒好低柜体大师大师多撒好低...

    willinwillin 评论0 收藏0
  • less学习笔记

    less学习笔记

    摘要:方便了的编写和维护。本文记录了开发中最常用的几种语法。这里的单位可以省略,但是两者必须有一个带单位嵌套嵌套是中非常有用高效的语法。学习学习学习在中如果我们需要对这一结构的样式进行渲染,就会使用等选择器。 一、什么是less less是一种动态...

    codercaocodercao 评论0 收藏0
  • 盒子模型

    盒子模型

    摘要:是外边距,是一个盒子与另外一个盒子的距离没有浮动的情况下上下叠加,取大值。有浮动的情况下,两个外边距相加例如第一个盒子的样式第二个盒子的样式如上图所示,理论上上面的和下面的应该相加等于,但是这里注意了,取较大的值作为这个盒子的距离。 ...

    BigTomatoBigTomato 评论0 收藏0
  • webpack构建下换肤功能的思路

    webpack构建下换肤功能的思路

    摘要:最近项目中要实现一个换肤的功能,大体想了下,记录一下思路要实现换肤功能,目标就是打包生成多份皮肤文件,需要哪个就用哪个打包生成多份皮肤文件因为项目是使用构建的,要想生成多份文件,就要在入口中配置多个入口文件,每个入口文件会提取出一个文...

    AlanAlan 评论0 收藏0
  • js仿苹果悬浮可拖拽按钮,并且点击展开效果

    js仿苹果悬浮可拖拽按钮,并且点击展开效果

    摘要:今天写了一个仿苹果的悬浮按钮,由于只在右侧展开,所以只能上下拖拽,展开效果入下拖拽如果这个元素的位置内只有一个手指的话阻止浏览器默认事件,重要超过顶部超过底部 今天写了一个仿苹果的悬浮按钮,由于只在右侧展开,所以只能上下拖拽,展开效果...

    alanoddsoffalanoddsoff 评论0 收藏0
  • react-template-easily(简单易用的react前端工程化模板)

    react-template-easily(简单易用的react前端工程化模板)

    摘要:是一套以技术搭建的项目模板,适用于移动端和开发。其中包含常用常用组件,精细计算的,以及诸多项目的实践。 react-template-easily Desc: react-template-easily 是一套以react技术搭建的项目模板,适用于移动端H5, webapp和hybirdApp开发。其中包...

    rottengeekrottengeek 评论0 收藏0
  • javascript简单轮播图

    javascript简单轮播图

    摘要:轮播图实现原理通过多张图片平铺,用只显示一张图片其他的隐藏,无缝滚动用定时器改变元素的值让图片呈现左右滚动的效果。 **轮播图实现原理: 通过多张图片平铺,用overflow:hidden只显示一张图片、其他的隐藏,无缝滚动用定时器改变元素的left值让...

    liuhhliuhh 评论0 收藏0
  • 聊聊flexbox

    聊聊flexbox

    摘要:和一步聊聊布局神器视频讲解有偿的哦本文涉及内容如下的基本概念容器属性学习项目属性学习实战演练。布局主要是让容器中的子项目可以根据配置改变自身的宽高及顺序,以最佳的方式填充容器,达到弹性的目的。下一小结,我们将共同学习项目相关属性。 和...

    twohappytwohappy 评论0 收藏0
  • 简单的canvas翻角效果

    简单的canvas翻角效果

    摘要:由于工作需求需要写一个翻角效果链接右上角需要从无的状态撕开一个标记且有动画过程上图是实现的效果图不是对这个翻角效果的难点在于没有翻开的时候露出的是下面的内容实现角度来说纯动画的设计方案并没有相出一个好的对策于是捡起了好久之前学的入门级...

    jccjcc 评论0 收藏0
  • css系列之position与float

    css系列之position与float

    摘要:同时设置属性不起作用生成相对定位的元素,相对于其正常位置进行定位生成绝对定位的元素,相对于浏览器窗口进行定位默认值。额外标签法缺点不过这个办法会增加额外的标签使结构看起来不够简洁。 position 同时设置float属性不起作用 relative 生成相对...

    fnngjfnngj 评论0 收藏0
  • 在移动和PC自适应页面做视频弹窗控制小案例

    在移动和PC自适应页面做视频弹窗控制小案例

    摘要:因此,此处又用首先查询是否为,暨是否显示,如果不显示,就直接设置弹窗的高度为零。 由于在视频专题页项目中需要链接腾讯视频,然后再在网页端以弹窗的形式展现,且需要弹窗显示时候视频播放,弹窗关闭时候视频停止,在之前的查阅资料中看到很多案例...

    vpantsvpants 评论0 收藏0
  • MUI仿京东App地址选择器

    MUI仿京东App地址选择器

    摘要:才学不久,刚好项目需要一个京东地址选择器,所以尝试着写了一个,获取较为复杂,纯粹使用自己了解到的东西依赖是用写的提供的城市请选择请选择请选择确定 才学JS不久,刚好项目需要一个京东地址选择器,所以尝试着写了一个,dom获取较为复杂,纯粹使...

    pineconepinecone 评论0 收藏0
  • CSS3 background-origin属性

    CSS3 background-origin属性

    摘要:这个属性官方文档语法实例代码默认运行结果 这个属性官方文档语法:showImg("http://ovl2irrrz.bkt.clouddn.com/17-11-22/60945341.jpg"); 实例代码: .a{ float: left; ...

    LiveVideoStackLiveVideoStack 评论0 收藏0
  • stylelint 搭配 stylelint-order,更随心所欲的编码 CSS

    stylelint 搭配 stylelint-order,更随心所欲的编码 CSS

    摘要:对于而言,不能算是严格意义的编程语言,但是在前端体系中却不能小觑。为什么这么难学不是科学,而是艺术所以校验规则的行动迫在眉睫,立即执行。如何遵守提交的时候,以的形式人工校验。以语法表示文件的路径。嗯,这点很重要。 原文链接:http://han...

    CarsonCarson 评论0 收藏0
  • CSS3 background-clip属性

    CSS3 background-clip属性

    摘要:这个属性官方文档语法实例代码默认效果如下 这个属性官方文档语法:showImg("https://segmentfault.com/img/remote/1460000012113536?w=670&h=194"); 实例代码: *{ ...

    leonleon 评论0 收藏0
  • CSS居中对齐

    CSS居中对齐

    摘要:水平居中子元素为行内元素子元素为块级元素多个块级子元素垂直居中单行子元素空格不换行多行子元素可变换大小块级子元素知道子元素高度不知道子元素高度水平垂直居中知道子元素的宽高子元素的没有固定的宽高 https://css-tricks.com/center...https:/...

    XFLYXFLY 评论0 收藏0
  • CSS3 background-position属性

    CSS3 background-position属性

    摘要:这个属性的官方文档语法示例代码运行结果第一个为五个方向属性,第二个为百分数属性定位更为自由,第三个为移动像素属性,若像素值为负,则背景图相对于向左上方移动可以在视觉上实现切图效果。 这个属性的官方文档语法:showImg("http://ovl2irrrz.bk...

    frolcfrolc 评论0 收藏0
  • 简单动态启停图 js jquery css3

    简单动态启停图 js jquery css3

    摘要:实现功能开始云朵向右侧漂浮,按暂停键停止运动,同时按键显示为播放,按播放键云朵开始运动,同时按键显示为暂停。下面为示例代码,注意和区别。示例代码逐帧动画暂停版暂停播放暂停版暂停播放暂停示例结果 实现功能:开始云朵向右侧漂浮,按暂停键停...

    raise_yangraise_yang 评论0 收藏0

热门文章

<