文章库ARTICLE COLUMN

  • 点击任意元素,指定元素隐藏,div如何拥有获得焦点事件

    点击任意元素,指定元素隐藏,div如何拥有获得焦点事件

    摘要:点击任意非本身元素,指定元素隐藏在实际开发过程中经常遇到如下问题鼠标经过下拉框显示隐藏,例如导航下拉鼠标点击下拉框显示,鼠标点击其它任意元素,下拉框隐藏。 点击任意非本身元素,指定元素隐藏 在实际开发过程中经常遇到如下问题:1.鼠标经过...

    klinsonklinson 评论0 收藏0
  • 5行js代码搞定导航吸顶效果

    5行js代码搞定导航吸顶效果

    摘要:一布局首先写布局二样式给点简单的样式三代码面向过程直接编写行代码搞定面向对象改进,封装成吸顶函数方便以后直接,封装方法封装吸顶函数,需结合实现。 一、HTML布局 首先写HTML布局 二、CSS样式 给点简单的样式 *{ margin: ...

    KitorinZeroKitorinZero 评论0 收藏0
  • HTML表格布局

    HTML表格布局

    摘要:具体效果图列表里边嵌套子表代码合并表格行或列显示菜单表该列要占用三列菜谱素菜青草茄子花椒扁豆小炒韭菜白豆腐荤菜清蒸龙鱼香肉丝小炒肉水煮肉片列里边嵌入子表购物车名称小计名称小计小计苹果公斤元公斤元香蕉公斤元公斤元总价元 一个后台展示页面...

    waruqiwaruqi 评论0 收藏0
  • 基于swiper的Tab选项卡

    基于swiper的Tab选项卡

    摘要:根据哈希值中设置的数字显示对应的选项卡内容例如对应显示第索引值为的选项卡内容即第二个选项卡字符串转换为数字完整案例延伸阅读我的另一篇用本地存储方式从一个页面跳转到用写的全屏滚动页面的指定位置 选项卡五花八门,今天又要用到选项卡,首选sw...

    SikeSike 评论0 收藏0
  • css常用技巧整理-布局综述篇

    css常用技巧整理-布局综述篇

    摘要:效果图为了让效果更明显,特意设置了两边字体大小不同关键代码父容器子容器这里要提一下的是,只对于内联元素或者内联内容有效,比如说为块级元素标签设置行高,实际上是为标签中的内联文字设置了行高。允许指定负长度值和百分比值。 前言 先扯一段废...

    endiatendiat 评论0 收藏0
  • webpack + PostCSS + cssnext

    webpack + PostCSS + cssnext

    摘要:安装依赖包配置配置到这里就可以愉快的用编写了比如在中可以这样其它样式文件有了有了,我们可以写这样的东西希望可以帮到大家。 1.安装依赖包 npm install --dev webpack extract-text-webpack-plugin css-loader file-loader postcss postcss-l...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • css选择器和jQuery选择器

    css选择器和jQuery选择器

    摘要:通用选择器组合子和否定伪类对特异性没有影响。选择器大部分还是和选择器保持了一致,但是有以下一些部分的改动第一个元素最后一个元素所有偶数元素,索引值从开始,第一个元素是偶数,第二个元素是奇数,以此类推。 选择器 在书写样式和查找节点的时...

    niuxiaowei111niuxiaowei111 评论0 收藏0
  • CSS遮罩层:hover状态丢失及解决方案

    CSS遮罩层:hover状态丢失及解决方案

    摘要:在时,亦可进一步改变该遮罩层的色彩和透明度。遮罩层实现及状态丢失问题代码代码在时,如果快速点击鼠标,可能会丢失的效果。状态丢失的简单解决方案基本思路是,点击鼠标时给添加,强制它显示里的样式。 CSS遮罩层,顾名思义就是在div上,再铺一...

    StevenSteven 评论0 收藏0
  • 使用Ionic3框架开始第一个混合开发APP

    使用Ionic3框架开始第一个混合开发APP

    摘要:什么是框架框架是一个混合开发框架,其本身依赖于,,。使用框架可以做什么使用可以使用前端相关技术快速开发多平台的移动。使用全局安装和。输入,这是添加一个平台的命令。注意这个包是版本,并非正式包,正式包需要先生成签名至此,你就开始了第一个...

    thursdaythursday 评论0 收藏0
  • 一套Vue的单页模板:N3-admin

    一套Vue的单页模板:N3-admin

    摘要:趁着周末偷来一点闲,总结近期的工作和学习,想着该花点心思把这套基于的单页应用模板简单的给介绍一下。同时也是一套可扩展的单页应用开发模板。 趁着周末偷来一点闲,总结近期的工作和学习,想着该花点心思把N3-admin这套基于N3-components的单页应...

    FrancisSoungFrancisSoung 评论0 收藏0
  • 让 CSS 完成背景图加载完毕后显示 之 解析 IOING 的 onload url 原理

    让 CSS 完成背景图加载完毕后显示 之 解析 IOING 的 onload url 原理

    摘要:之所以看起来很,除了自身慢的问题还有因为它具备了一些独有的特性,比如链接跳转,物理像素,不能获取软键盘高度等具有特色的问题。 WEB 之所以看起来很 WEB,除了自身慢的问题还有因为它具备了一些独有的特性,比如链接跳转,物理像素,不能获取软键...

    tabalttabalt 评论0 收藏0
  • 【只差一个小程序】介绍:简介

    【只差一个小程序】介绍:简介

    摘要:为什么要学小程序小程序类似于一种轻型的手机,可实现大部分的功能。小程序是微信团队推出的,拥有微信的原生支持,可共享微信庞大的用户群等等资源。小程序开发基于技术,相对于和的传统,开发成本低。 为什么要学小程序? 小程序类似于一种轻型的手...

    WarrenWarren 评论0 收藏0
  • 垂直居中的几种方式

    垂直居中的几种方式

    摘要:总结垂直居中平时一直在用今天将各个类型总结一下通过写些验证加深印象同时转化成自己的理解的方式应该还不完善以后遇到的话再补充吧。 定位方式居中 .parent{ width: 60px; height: 60px; borde...

    YFanYFan 评论0 收藏0
  • 编写自己的代码库(css3常用动画的实现)

    编写自己的代码库(css3常用动画的实现)

    摘要:前言在月初的时候,发了热身实战过渡与动画实现炫酷下拉,手风琴,无缝滚动。的代码库也发过两次,两篇文章。之前也说过,我写文章的目的是授人以渔,不是授人以鱼。难的是动画的一些编写,这个需要创意,大家可以上网参考。 1.前言 在月初的时候,发...

    cpuprocpupro 评论0 收藏0
  • ? 基于 react + react-router + redux 构建的移动端微应用

    ? 基于 react + react-router + redux 构建的移动端微应用

    摘要:项目地址基于构建的移动端单页微应用,适合于核心概念的理解与掌握。前言这个项目是介于版本之后并且完全仿照功能设计的版本。但随之而来通常会有这样的疑问概念太多,并且都是分离的分文件。 react-mobile-starter 项目地址 基于 react + redux + rea...

    lowettlowett 评论0 收藏0
  • 浅谈web自适应

    浅谈web自适应

    摘要:本篇文章分享了一些处理多屏幕自适应的经验,希望有益于各位。该宽度自适应在新的时代有了新的方法,随着弹性布局的普及,它经常被的伸缩性布局方式替代,变得越来越弹性十足。 转自:http://www.cnblogs.com/consta... 前言 随着移动设备的普及,移动...

    sshesshe 评论0 收藏0
  • 前端计划——面试题总结-CSS篇

    前端计划——面试题总结-CSS篇

    摘要:定位使元素的位置与文档流无关,因此不占据空间。可以知道属性有以下几个特点该元素并不脱离文档流,仍然保留元素原本在文档流中的位置。 前端面试之CSS篇 1、三种基本引入方式 外部样式表 内部样式表 hr {color:sienna;} p {margin-lef...

    马永翠马永翠 评论0 收藏0
  • 【前端学习】-盒模型

    【前端学习】-盒模型

    摘要:前言前端页面的构建过程中,盒模型相关的概念会一直如影随形,因此需要深刻地理解好盒模型。本文将从盒模型描述标准盒模型传统盒模型属性,常见问题。 【前言】前端页面的构建过程中,盒模型相关的概念会一直如影随形,因此需要深刻地理解好盒模型。本...

    jonh_felixjonh_felix 评论0 收藏0
  • CSS教你玩转背景background-position(1)

    CSS教你玩转背景background-position(1)

    摘要:在页面构建时,刚入门的前端小狮子们经常被背景图的位置,尺寸所迷惑,怎样才能更好的处理背景图,让背景图达到你想要的效果呢,那么,退后,朕又开始装逼了首先决定背景图的有如下属性属性主要控制背景图片的大小,是非常直观的一种控制方式,如上图,...

    jay_tianjay_tian 评论0 收藏0
  • VUE单页应用实战:怎样构造一个CRM聊天客户端(附源码)

    VUE单页应用实战:怎样构造一个CRM聊天客户端(附源码)

    摘要:话不多说先上效果主要实现的功能点有界面的布局联动数据的实时更新对话弹出层白色遮罩效果数据的实时流动最后付个测试地址跟链接吧代码觉得有点用的就下哦,谢谢诶 话不多说先上效果 showImg("https://segmentfault.com/img/bVSVp4?w=2876&h=1648"); ...

    yedfyedf 评论0 收藏0
  • PokemonGo:LBS游戏开发

    PokemonGo:LBS游戏开发

    摘要:优化后的方案降低了捕捉门槛,也鼓励用户走动去发现和捕捉更多精灵。 写在前面 去吧!皮卡丘!小时候拥有一台任天堂是多少熊孩子的梦想,每个夜晚被窝里透出的微弱光线,把小小的童年带入另一个世界,家门口的鸟和狗,森林里的虫和瀑布,山洞里的超音...

    ziwenxieziwenxie 评论0 收藏0
  • PostCSS (一):认识 PostCSS

    PostCSS (一):认识 PostCSS

    摘要:一认识是一款对进行处理的工具。它主要依赖插件来进行操作。它可以作为一款前置处理器使用就像和等一样,使用等插件来实现提供的变量,,选择器嵌套,等功能。如果你不想自己配置,也可以使用一款已经打包好这些功能,语法与相似的插件来实现。 PostCS...

    CoXieCoXie 评论0 收藏0
  • 前端学习资源

    前端学习资源

    前端学习资源链接 下面有些网站是全英文,包括我们在配置环境的过程中也是全英语,其实英文不可怕,可怕的是你害怕面对它,我在配置环境的过程中经常出错,看到红色error就头疼,但也正是我的头疼让我白白浪费了去读懂它的时间,只需要粘贴复制的问题:查词...

    mochixuanmochixuan 评论0 收藏0
  • 今天,你的浏览器 “滚动” 了吗?

    今天,你的浏览器 “滚动” 了吗?

    摘要:今天,你的浏览器滚动了吗序在页面中,一个有高度或者宽度的容器是最常见的构成元素,而在其中的子元素有很大的概率超过父容器的尺寸限制,我们称之为溢出。 今天,你的浏览器 滚动 了吗? 序 在 Web 页面中,一个有高度或者宽度的容器是最常见的...

    ad6623ad6623 评论0 收藏0
  • ✌️ 基于 vue2 + vuex + vue-router 构建的移动端微应用

    ✌️ 基于 vue2 + vuex + vue-router 构建的移动端微应用

    vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 构建的移动端单页微应用,适合于vue2、vuex、vue-router核心概念的理解与掌握。 前言 做这个项目的初衷其实很简单,我司之前一直用angular、react进行PC端项目的开发,但是最近新...

    imcclimccl 评论0 收藏0

热门文章

<