文章库ARTICLE COLUMN

  • FCC 成都社区·技术周刊 第 13 期

    FCC 成都社区·技术周刊 第 13 期

    摘要:前端支持同域才能发送本月初,浏览器发布。所谓攻击,就是使用真实的进行恶意行为。链接发布此次发布亮点包括类型以及对和映射对象类型中的符号和数字文字的支持。但直到看到了,总算觉得社区又进了一步。微信已将对弈源码和训练好的模型开源。 【前端...

    SeaySeay 评论0 收藏0
  • 常用的unicode编码图形

    常用的unicode编码图形

    摘要:常见的编码图形代码如下常用的图形对勾不对称细对勾不对称粗叉号不对称细叉号不对称粗叉号对称叉号对称 unicode常见的编码图形,代码如下: Unicode常用的图形 .dui1::after { content: "2713" ...

    VultrVultr 评论0 收藏0
  • css自定义复选框样式

    css自定义复选框样式

    摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下 效果图如下: showImg("https://segmentfault.com/img/bVbaURv?w=29...

    TIGERBTIGERB 评论0 收藏0
  • vue配置多页面

    vue配置多页面

    摘要:安装环境安装并添加入环境变量安装淘宝镜像安装安装脚手架创建项目模板进入到要放项目的文件夹安装目录结构调整配置文件修改添加依赖返回目录中的所有子文件修改文件夹中的文件新增代码页面模板取得相应的页面路径,因为之前的配置,所 1.安装环境 安...

    OnlyLingOnlyLing 评论0 收藏0
  • 前端面试常见题型

    前端面试常见题型

    摘要:布局垂直居中生命周期优化手段常用的新特性面向对象原型切割文件各种原生用法浏览器缓存机制机制 1 css布局2 垂直居中3 react生命周期 优化手段 purerender4 es6常用的新特性5 this6 面向对象 原型7 webpack 切割文件8 array string各种原生用法9 prom...

    anquananquan 评论0 收藏0
  • 前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

    前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

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

    iliyakuiliyaku 评论0 收藏0
  • 网页单位和rem使用小结

    网页单位和rem使用小结

    摘要:像素像素是一个相对单位。相对不同屏幕,其实际像素大小不同。解决方案直接使用实现的终端适配有兴趣的小伙伴可以看下的解决方案使用实现手淘页面的终端适配地址移动端适配单位的坑你知道多少关于移动端布局的一些总结 网页尺寸单位 百分比(%) 英寸...

    王岩威王岩威 评论0 收藏0
  • 单选框和字对齐

    单选框和字对齐

    摘要:因为大部分浏览器字体大小都是文字的底线和单选框是不对齐的最简单的方法就把单选框和字都加上就好了如果还有有点不完美就用这样微调一下单选框如果上面的万能方法不行就试试下面的以单选框加以单选框加以单选框加 showImg("https://segmentfault.com/...

    邹强邹强 评论0 收藏0
  • IPhoneX网页布局简介

    IPhoneX网页布局简介

    摘要:在使用定位的时候如果和理想效果有偏差可以试试设置的高度为全屏时代即将来临,未来我们应该有更多的方法进行网页布局。 IPhoneX全面屏是十分科技化的,但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配,没有X的同...

    HwgHwg 评论0 收藏0
  • 使用CSS画个图标

    使用CSS画个图标

    摘要:具体样式如下绘制图标三当我们能深入理解一些属性的时候,实现一些复杂的图标完全不是难事无非就是将简单的图形组合起来。 CSS绘制图标(一) 我们使用单个标签绘制一个文件的图标。HTML内容很简单,就一句话。 右上角折叠三角采用after伪元素实现,...

    沈建明沈建明 评论0 收藏0
  • TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    摘要:找到头像下面的添加一个的样式类将内容改变成上传成功并且显示上传成功文件上传失败,同样是添加找到头像下面的添加一个的样式类将内容改变成上传失败并且显示上传失败完成上传完了,成功或者失败,先删除进度条。 是这个功能的最后一步了,新增插件:la...

    qiangdadaqiangdada 评论0 收藏0
  • Muse UI遇到的坑

    Muse UI遇到的坑

    摘要:项目本身需要用到字体包,但由于一些众所周知的原因,国内网络无法访问一些外网。下载字体包,然后放到静态文件夹中,再从引入。问题来了情况一在系统首页路由是,可以正常读取到字体包,所以页面渲染成功,没问题的图一。然后就锁定到中引入的标签。 ...

    scwang90scwang90 评论0 收藏0
  • 前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

    前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

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

    cgh1999520cgh1999520 评论0 收藏0
  • Java 学习路线之四个阶段

    Java 学习路线之四个阶段

    摘要:写这篇总结,主要是记录下自己的学习经历,算是自己对知识的一个回顾。这个阶段学习的时候,要学会使用开发工具,比如或者来学习。这个阶段需要自己对自己有很强的自律去学习,不要看了一半就放弃了。 showImg("https://segmentfault.com/img/bVbaNtw?...

    fredsharefredshare 评论0 收藏0
  • CSS3 border-radius妙用

    CSS3 border-radius妙用

    摘要:分解出来就是以左上角为例子小例子属性允许您为元素添加圆角边框效果总结可以用画一些复杂的效果图,下面链接大神画的小猪佩奇,真是无所不能。 border-radius:左上 右上 右下 左下(就是顺时针) 如果没有4个值的情况下,缺的那个角的值与对角相等(...

    andycallandycall 评论0 收藏0
  • 深入理解css之line-height

    深入理解css之line-height

    摘要:的应用大部分时候,我们设置,都是为了垂直居中对齐。然后我们给设置,这样我们就可以重置设置的,又因为保持了内联特性,因此我们可以设置以及产生,从而实现近似垂直居中对齐。 前言 行高,顾名思义是一行文字的高度,而从规范上来说则是两行文字基...

    miyamiya 评论0 收藏0
  • 深入css布局(1) — 盒模型 & 元素分类

    深入css布局(1) — 盒模型 & 元素分类

    摘要:深入布局盒模型元素分类在知识体系中,除了选择器,样式属性等基础知识外,布局相关的知识才是比较核心和重要的点。规定元素和属性是包含元素的边框内边距内容的。后来微软也慢慢转向了的标准,在以后支持了标准盒模型。行内级元素属性取的元素。 深入...

    blankyaoblankyao 评论0 收藏0
  • TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    摘要:阿里云上传文件第三节实现淘宝上传商品图片首先我们来看看淘宝的功能和样式之后看看制作完成的演示由于全部功能弄成有点大限制上传大小好像在之内压缩之后也有所以分为两个演示图片后端代码基于第三个文章不变去掉上传进度条去掉上传提示重写重写前端代...

    JochenJochen 评论0 收藏0
  • 前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义居中显示定义彩虹的尺寸定义彩虹内拱形的尺寸定义彩虹内所有拱形共有的特性分别设置每个拱形的个性变量定义动画效果最后,隐藏掉容器之外的内容大功告成 showImg("https://segmentfault.co...

    mjmj 评论0 收藏0
  • 用 :focus-within 实现纯 CSS 下拉框组件

    用 :focus-within 实现纯 CSS 下拉框组件

    摘要:借用的例子当点击表单中的文本框时需高亮整个表单元素。但是表单内部的文本框获得焦点并不代表表单元素本身有焦点,所以使用并不能生效,这时就可以使用当然这也是的其中一个典型用法。 :focus-within 伪类:当本节点或其子节点获得焦点时被激活。 借...

    崔晓明崔晓明 评论0 收藏0
  • 前端开发测试题(一)

    前端开发测试题(一)

    摘要:创建对象的模式。之前的项目中使用了什么前端方法对页面性能进行优化随记分享是快乐的。年三月份,因为工作的变动,我陆续的面试了几家公司。上面的这份不是我的面试题目,是面试的时候随带附件给我的。 一选择题(共25分,每题5分)1.CSS样式的几种链...

    JinkeyJinkey 评论0 收藏0
  • 前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

    前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

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

    nanfeiyannanfeiyan 评论0 收藏0
  • 深入清除浮动原理

    深入清除浮动原理

    摘要:如下图所示可以看到父元素的高度为为了解决这种状况就要清除浮动了。下面详细看一下这两大类清除浮动的方式及原理。所以,避免穿透啊,清除浮动什么的也好理解了。 关于浮动 设置为浮动的元素会脱离当前文档流,向左或向右移动直到边缘遇到另一个浮动...

    freewolffreewolf 评论0 收藏0
  • 【前端Talkking】CSS系列——CSS深入理解之relative定位

    【前端Talkking】CSS系列——CSS深入理解之relative定位

    摘要:前言在前面的两篇文章深入理解之浮动和深入理解之定位中,介绍了和的特性和使用方法,如果大家仔细阅读完了这两篇文章,相信你的打怪技能又提高的一大截,那么趁着自己最近状态不错,就多给大家分享点自己平时所学的技能。 1.前言 在前面的两篇文章:C...

    魏宪会魏宪会 评论0 收藏0
  • JS对象之封装(二)

    JS对象之封装(二)

    摘要:对象封装的常用方式常规封装升级版较常见的执行原理解释说明通过构造一个空对象将构造函数的原型属性赋值给的原型对象在执行这句话的时候,对象就可以在其原型对象中查找方法。 JS 对象封装的常用方式 1.常规封装 function Person (name,age){ ...

    jk_v1jk_v1 评论0 收藏0

热门文章

<