使用CSS处理标题过长,自动截断,兼容响应式布局

应用场景描述 例如PHP 从数据库读取一个商品,那么当商品标题很长的时候,很可能会影响页面布局。处理方法如下:PHP 字符串截取JS 字符串截取CSS 属性处理(推荐)CSS 属性处理方法 html代码片段 商品标题商品标题商品标题商品标题商品标题商品标题 9秒前 css样式代码 .cut{ display: inline-block; /让span 标签变成

网站入口页双栏对称布局实现思路

先来一张预览图。接下来说一说这种页面布局的实现思路,因为自己是从零开始的,所以着实花了好几天功夫才实现了这么一个看起来很简单的布局,所有东西都要自己一点点摸索,不过这种经历对于自己的成长也是很有帮助的。好了,下面进入正题。整体布局在写这个页面的过程中,其实不管是 HTML 代码的结构,还是 CSS 的实现方式,思路一直都是在变化的,目前的布局如下:HTML 代码结构顶部为导

CSS实现3D切换效果

先上效果图和代码吧鼠标悬浮上去,蓝色的front面开始旋转蓝色的front面转过90°时,黄色的back面会显现出来, div# outer{ width: 200px; height: 200px; position: relative; perspective: 300px; margin:10

从零开始开发一款H5小游戏(一) 重温canvas的基础用法

本系列文章对应游戏代码已开源 Sinuous game。初衷从萌发写一个小游戏的想法到完成游戏开发用了大概一周的业余时间。这个过程积累了一些经验,也算是参透了一些游戏开发的原理。在这里打算写一个系列教程,讲述怎样从零开始开发一款小游戏。让新者少走弯路,快速入手。也能让自己总结反思,发现问题。在开始介绍如何写游戏前有必要重温一下canvas。它是本游戏的地基,建房子要快,首先

用vue+webpack+es6+sass实现Cnode网站(一)

写在文章前:最近把官网的vue文档过了一遍,准备写个项目来巩固下自己对vue的学习。因为cnode网站有开放的api,所以我决定用vue+webpack+es6+sass的技术栈去实现这个网站(单页面的形式)。这篇系列的文章我主要是分享下自己怎么开发还有怎么实现一个个vue组件去构建整个网站。关于webpack配合vue的使用可以关注我的另外一篇博文webpack+vue配

CentOS7.2 network.service NetworkManager.service 冲突

今天通过NetworkManager Gui修改了网卡eth0的Gateway,后来reboot了虚拟机,然后奇怪的事情出现了. 1.ifconfig not found eth0 2.systemctl status network, 发现如下错误Bringing up interface eth0: Error: Connection activation faile

我花了598元,卧底了一个抖音相亲群

你会在抖音上相亲吗?这届年轻人相爱越来越难了,短视频的迅速发展给婚恋行业带来了新机遇,也催生出一批婚恋博主。那么问题来了,这些博主靠什么内容吸引单身男女?相

React中函数式声明组件

本文从属于React入门与最佳实践中的React组件基础前文介绍的组件的定义方式主要是声明式组件,其与传统的jQuery中以DOM操作为核心的命令式组件生成相比具有更大的灵活性与可组合性。而实际上随着应用复杂度与所需要的组件数目的持续增加,我们所需要的组件也会被划分为很多的类型。从组件组合的角度或者所谓动态组件的角度来看,常见的即是HOC模式,即将某个组件作为另一个组件的P

为什么所有科技大佬都在谈“工匠精神”?

不知你是否留意,最近几年,工业设计成为一门显学。无论是否属实,各大科技企业都在强调自家产品的美感。忽如一夜,遍地都是“工匠”。今天,我们不妨从深层次挖掘一下究竟。关于设计,我听到的最浮夸的论述来自凯文凯利,他在《科技想要什么》中写道:“随着科技的发展,从总体上看,它的美感将逐年提高,在不太遥远的未来,技术元素某些部分的华丽程度将与自然界的壮丽媲美。”当然,KK的逻辑起点是从

VR 社交到底是个神马玩意儿?

最近在QQ上学会了一个新花招。从此我再也不用因为QQ上的群消息而烦恼了。我可以设置那个我想要关心的人所发的消息为特别关心,从此再也不会错过接收提醒了。说到这个真是汗颜,连现在最为基础,也是最为广泛的社交工具都用不好,我竟然在聊vr社交。你一定在想这个作者靠谱吗?废话,当然靠谱了!哈哈。好了,言归正传。今天我们聊一聊VR社交。2016年,对于虚拟现实来说,真是忽如一夜

网易严选这股“清流”,能否奔向电商的“蓝海”?

在电商行业早已形成巨头格局的当下,网易严选为何还能脱颖而出?严选模式的核心竞争力又体现在何处?若论当今电商圈内的“清流”,网易严选绝对算得上是其中一股。作为国内首家采用ODM(原始设计制造商)模式的电商平台,网易严选从诞生伊始走的就不是一条寻常路。ODM模式指的是“由采购方委托制造方,由制造方从设计到生产一手包办,而最终产品贴上采购方的商标且由采购方负责销售的生产方式”。在

新零售背景下,所有传统的做法,其实都已经变了

新零售时代下的传统市场,简单的说,就是突破人、货、场传统局限,进而将人的因素、货的因素、还有场景的因素细节化。传统时代的因素单一性,让传统商家在满足市场的需求方面,只注重单一的因素。所以我们看到,传统时代,我们都注重质量、注重优惠、注重数量等单一化的满足,而在新零售背景下的零售商业,正在逐渐注重心理满足、认知满足和体验满足,所以新零售的供应链配备,是一条系统性的工程。原来单

俞敏洪:企业成长四大要素和投资的六大能力

俞敏洪谈“远见和努力成就事业”编者按:本文来自微信公众号“老俞闲话”(ID:laoyuxianhua),作者 俞敏洪,内容为作者7月30日在洪泰资本控股2017年中期会议上的讲话。原题目《远见和努力成就事业》大家中午好,我想在座的每个人都希望成功、事业有成,这既是个人的事业,也是洪泰的事业,我就写了这么一个题目,“远见和努力成就事业”。我认为一个人成长的过程,就是使自己不断

用「刷脸」取代指纹,iPhone 8 准备好了吗?

我们猜想了下 iPhone 8 的解锁场景编者按:本文来自微信公众号[“爱范儿”(ID:ifanr)](https://mp.weixin.qq.com/s?__biz=MjgzMTAwODI0MA==&mid=2651850645&idx=1&sn=145c3c4f996a5f919ccd35c689b26971&chksm=9b66910aac11181ca5671a1

产业AI:和其他AI有什么不同?让阿里举重兵投入的道理何在?

让AI能用,有用,普通人乐于去用,是这个技术不会变成另一个泡沫的根本保障。在刚刚结束的2017云栖大会·北京峰会上,阿里云发布了堪称迄今为止最全面的阿里AI版图。但在阿里复杂的AI业务、产品和合作生态背后,也许我们能够发现一个关键词:产业AI。产业AI到底和其他AI有什么不同?让阿里举重兵投入的道理何在?什么才是产业AI?虽然这个问题看起来像….废话….但是没办法,真相往往

全!网易pm599笔试题一览

网易pm599的校招组,针对不同的方向,设置了不同的题目。下面一起来看看网易pm599的笔试题吧~昨晚经历了愉(bei)快(can)的笔试,做完后大家都是一副生无可恋的表情。不过值得赞一个的是,今年网易pm599的校招组真的很用心,针对选择的不同方向,有不同的题目(所以这也说明了,选方向的时候,一定要选自己擅长/感兴趣/平时关注的比较多的方向)。下面来说一下每个方向具体有一

产品经理:职业发展的 4 个阶段

每个人都希望在职业上有好的发展,职业目标清晰是首要条件。本文笔者把产品经理的职业生涯分为4个阶段,对每个阶段进行梳理分析,并总结了产品经理需要的5个核心能力,与大家分享。还记得13年自己刚踏入职场时,大家常提的一句话是用户体验,关注的更多是产品的细节:按钮怎么摆放,用什么颜色,页面之间如何跳转等等,现在看来那只是产品经理能力中的一部分。随着工作时间的增加,越来越觉得产品经理