首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS:用rem来做响应式开发

电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前做这类网站都是无脑引进bootstrap的。...但前一个项目做完之后我发现bootstrap虽好,但里面的各种样式我利用的很少,最多用到它排版,当网站最后上传的时候你会发现,即使压缩之后,它也会占用相当大的一部分,所以这次我想自己用原生写,响应式开发...(你还可以设置更多节点) 用媒体查询的话要保证每个像素下都有对应的适配效果显然你要设置更小的宽度范围; 3.还有就是css3的单位rem: rem就是将根节点html的font-size的值作为整个页面的基准尺寸...那就要用到js在页面加载时获取window的宽度(浏览器窗口的宽度)$(window).width();在开发手机页面的时候,一般我们设置最大宽度为640px,因为640px可以保证在至今最宽的手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js

6.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    我不知道还可以用 JS 做的 6 件事

    作者:Daniel 译者:前端小智 来源:js-craft JS 是一种灵活的语言,这种特性让我们经常觉得它是一门最简单的语言,也是最难掌握的语言。...我们已经知道,用变量的作用域和作用域链(即一个按顺序检索的对象列表)来进行变量名解析,而 with 语句就是用于暂修改作用域链的,其语法为: with(object) 该语句可以有效地将object添加到作用域链的头部...const book = { author: '前端小智', title: '我不知道还可以用 JS 做的 6 件事' } with(book) { console.log(author...); // 前端小智 console.log(title); // 我不知道还可以用 JS 做的 6 件事 } 使用 with语句的 JavaScript 代码很难优化,因此它的运算速度比不使用...因此,要返回实际的未定义值,请使用void运算符。它不是一个非常流行的运算符,并且很少使用。 原文:http://www.js-craft.io/blog/6...

    1.1K10

    电商中的spu是什么_个人如何做跨境电商

    通俗的讲,除去规格信息以外的,属性值、特性相同的商品就可以归类到同一个SPU里面。...通俗的讲,SKU是指一款商品,每款都有一个SKU,便于电商系统识别商品。 接下来以手机为例子来详细的说明这两个概念。...3、商品详情数据库表设计 在我的电商系统中按照上面的设计理念,将数据表分成了spu表、sku表、规格表、规格值表、sku规格选项表 还是以HUAWEI Mate 30 Pro这个手机为例,这个商品有一些选项...一个值的,比如价格、质量;2. 多个值的,比如颜色、版本、图片、增值保障 我们拿这个手机的部分信息来详解在数据库中是怎么存储这些信息的,取一个值的比如商品名称,多个值的取两个颜色和版本。...用一个列来存储商品的一个属性数据,最后得到如下的数据表。 那上面这张表存在什么问题呢? 数据的冗余 怎么解决? 分表 怎么分?

    1.9K10

    OpenCV—Node.js教程系列:用Tensorflow和Caffe“做游戏”

    在本教程中,我们将学习如何在OpenCV的DNN模块中加载来自Tensorflow和Caffe的预先训练的模型,我们将利用Node.js和OpenCV深入研究两个对象识别的例子。...示例代码链接地址: https://github.com/justadudewhohacks/opencv4nodejs/blob/master/examples/dnnTensorflowInception.js...这就是我们调整图像大小的原因,确保它最大的尺寸是224,我们用白色像素填充图像的剩余维度,比如宽度=高度(padToSquare)。...我们可以再次通过置信度来过滤结果,并将矩形绘制成每个识别对象的图像。 行动过程 为了简单起见,我将跳过绘制矩形和其他所有用于可视化的内容的代码。如果你想知道怎么做,你可以看看样本代码。...结语 这就是使用OpenCV和Node.js来神经网络识别图像中物体的过程。

    1.7K100

    用SparkStreaming做奇怪的事

    作者:尹会生 无需授权即可转载,甚至无需保留以上版权声明 Spark Steaming 是非常著名的流式计算工具,这次用它来搞一个奇葩的需求:开发给定一个日志同步服务器,日志达到10MB会同步过来一个新的文件...这个奇葩需求要注意两个点,一个是文件会不断的增加,所以要定时删除文件;另一个是"error"会在不定长的时间出现。...首先我们来搞定Spark Steaming 启动的问题,Spark Steaming 支持“文本文件 流”函数, 即textFileStream(),要是用这个调用你需要先导入一个streaming库...import org.apache.spark.streaming._ , 然后声明Streaming的入口 StreamingContext(sparkConf, Seconds(1)) 这里的...Seconds(1)是每隔多久来做一次统计,最后想要开始的时候执行 sparkstreamingcontext.start()。

    668100

    电商平台分账交易是怎么做的?

    另一篇文章讲到了电商平台的“二清”模式,在实际中,很多互联网电商平台需要分账给上面的平台商户或者其他角色,如果从严格的“二清”界定上来讲部分是属于违规进行了“信息二清”和“资金二清”的。...常见的分账方式有下面两种: 手工交易分账 电商平台在初期没有通过支付公司接口来进行分账处理的话,需要让财务来做手工汇款的工作。...这一类分账其实是一般的软件系统,普通开发人员即可做出来分账功能的,具体的实现方法是与电商平台企业台账对应实现一个虚拟账户体系,把数据算对,然后留存好相关的表单,交给财务即可,财务再手工通过对公网银进行划款...然后再通过回盘的对账文件更新自己的虚拟账户体系做相应的余额扣减。...,目前银联、银行和一些三方支付机构都纷纷在这个上面发力,毕竟,大部分的支付结算场景还是把控在这些电商平台手中的,后续会专门撰文来讨论关于电商平台分账交易的合规性解决方案。

    1.8K10

    【教程】OpenCV—Node.js教程系列:用Tensorflow和Caffe“做游戏”

    在本教程中,我们将学习如何在OpenCV的DNN模块中加载来自Tensorflow和Caffe的预先训练的模型,我们将利用Node.js和OpenCV深入研究两个对象识别的例子。...示例代码链接地址: https://github.com/justadudewhohacks/opencv4nodejs/blob/master/examples/dnnTensorflowInception.js...这就是我们调整图像大小的原因,确保它最大的尺寸是224,我们用白色像素填充图像的剩余维度,比如宽度=高度(padToSquare)。...我们可以再次通过置信度来过滤结果,并将矩形绘制成每个识别对象的图像。 行动过程 为了简单起见,我将跳过绘制矩形和其他所有用于可视化的内容的代码。如果你想知道怎么做,你可以看看样本代码。...让我们把汽车的图像输入网络,然后用分类名称 car 来过滤结果: 好了!现在做一些有难度的。让我们尝试…早餐桌上的物品? 结语 这就是使用OpenCV和Node.js来神经网络识别图像中物体的过程。

    2.4K80

    做页面就是“圈套圈”,不管你用什么&电商项目作业检查 -- 潘xx

    //////// 咱们的零基础课今天讲到了ReactJs,主要介绍它是什么,有什么优点,jsx是啥?怎么用?主要还是一些入门性质的讲解介绍。...在上面的截图可以看出,react的数据都是从父组件获得的,而子组件想要获得另一个子组件的消息,也要通过父组件来中转。用我个人的口语式表述,就是“做什么事都得找它爸爸”。...直接写html时是div套div,用react就是父组件套子组件,然后把父组件最后插入到页面中。” 当然了,这是我个人主观的理解。...//////// 另,咱们的零基础课已经进入到后半程了,之前的电商网站项目已经做完了,这几天在收作业。...今天我看的是“潘xx”同学的作业,代码本身没什么问题,格式啊,命名,注释我都看了,没什么问题挺好的。 然后我运行的时候,发现首页的公共header头没有加载,首页的轮播图图片没有加载。 ?

    73370

    倒卖用户信息背后的隐秘产业链:做电商就是做数据!

    3,据李明等供述,支付宝用户的最大买家系服装类电商公司凡客诚品,其花重金从李明团伙手中购得支付宝用户资料1000万条。但这个说法没有得到警方的证实。...倒卖用户信息背后的隐秘产业链:做电商就是做数据! 随着电商的发展,客户精准定位越发重要。大多数做电商的人,尤其是做到一定规模的人,都会购买数据。...通过使用这类软件,电商从业人员可以获取竞争对手的数据,以作为调整营销策略和产品定位的参考依据。...你所不知道的更多内幕: 知名IT人士@Fenng 在知乎上对此次事件爆料: 事情的起因是在去年。年底冲无线 KPI ,外面搞了一家公司,做中间商,冲交易流量… 而后某个环节出问题,被捅出来了。...如果人犯了糊涂,做点手脚,这个真的很难防范。 大公司里面,一定级别的人外面开个公司,然后把市场费用什么的洗走,应该很常见了吧。这种事情永远都不会杜绝。

    1.6K50

    用 Python 做文本挖掘的流程

    预处理(对这里的高质量讨论结果的修改,下面的顺序仅限英文) 去掉抓来的数据中不需要的部分,比如 HTML TAG,只保留文本。结合 beautifulsoup 和正则表达式就可以了。...去掉长度过小的单词。len的是通常选择。 去掉 non-alpha 词。同样,可以用正则表达式完成 \W 就可以。 转换成小写。 去掉停用词。Matthew L....nltk 里面提供了好多种方式,推荐用 wordnet 的方式,这样不会出现把词过分精简,导致词丢掉原型的结果,如果实在不行,也用 snowball 吧,别用 porter,porter 的结果我个人太难接受了...重新去掉长度过小的词。是的,再来一遍。 重新去停词。上面这两部完全是为了更干净。 到这里拿到的基本上是非常干净的文本了。如果还有进一步需求,还可以根据 POS 的结果继续选择某一种或者几种词性的词。...jieba 是纯 Python 写的,Stanford 的可以通过 nltk 调用,复旦 NLP 也可以用 Python 调用。 END.

    1.7K80

    Python —— 用模块做更多的事

    在前面的学习内容中,我们唯独没有将的就是我们导入的模块,我们导入的到底是什么呢?...其实,我们导入的模块是保存在单独文件中的一段Python 代码,当你想要使用文件中的函数和数据时,在你的代码最前面 “导入”(import 即可)。...但是我们有时只是为了用模块中的某个函数,又要该怎么做呢?  ...,sys 是system 的简称,我们直接导入我们需要的函数,在后面的程序中就不用再加入sys.这个前缀了,导入sys的库的作用可以使你的代码使用操作系统,下面我们就用Python 来打印下我们正在使用的操作系统...#用点分隔版本号 #version_info 是包含如下信息的一个元组:主版本号、次版本号、小版本(修订)号 #我的是 3.7.0 依次对应:3.7.0 if sys.version_info

    39210

    跨境电商网站做Google SEO的5个要点!

    跨境电商网站的结构优化是非常重要的,一定要易于Google蜘蛛抓取,又便于用户浏览,这是为访客提供优质的用户体验不可或缺的内容,一个跨境电商网站,肯定会有大量的页面,那么一个有规则条理的链接结构,会让你的...一尘SEO认为一个清晰的网站结构,会合理的使用css,js来更多的减少服务器的请求,从而优化页面的加载速度,由于流量的倾斜依靠链接结构,所以它在一定程度上会影响你的转化和销量。...谷歌SEO是啥.png 那么,跨境电商网站的链接结构,该如何做Google SEO优化呢?...①确保URL尽可能的短 ②尽量避免使用分隔符 ③因为做的是Google SEO,所以你要用英文表达 ④尽量是静态与伪静态的形式,不要有过多参数 ⑤网址必须HTTPS,特别是跨境电商网站,确保信息传输的安全性...dustseo.jpg 总结:一个良好的网站结构,是一个跨境电商网站做好Google SEO的开始,它使得用户可以便捷的查找到自己想要的东西,也更加便捷的方便谷歌搜索引擎抓取,作为一名Google SEO

    1.3K1310

    用NGUI做游戏中的签到系统

    CJB_King/article/details/88786825 用NGUI...做游戏中的签到系统 最近的项目中要求做一个日常签到,累计签到一定次数送奖励的功能,最终效果如下图: ?...这里主要涉及到对DateTime的应用,我觉得难点在于每个月的排列显示吧,我把它从项目中分离出来,下次如果遇到或许能够快速集成到开发中,也希望能够帮到有需要的你们,客户端和服务端对接显示签到和奖励情况部分下面没写...,只是做了日历显示功能,下面贴出代码研究一下,如果你有好的解决办法,欢迎下方留言,我们一起研究游戏开发 public class ClendarMgr : MonoBehaviour { public...Transform[] WeekTransform; public float OffstY = 0; private int totalDaysInMonth = 0; //记录当月的总天数

    1.1K40

    用 Markdown 做的 PPT,真的太强了!

    这是「进击的Coder」的第 562 篇技术分享 作者:崔庆才 相信绝大多数朋友做 PPT(幻灯片 / Slides / Deck 等各种称呼了)都是用的 PowerPoint 或者 KeyNote 吧...想给 PPT 做版本控制,然后就保存了各种复制版本,比如“一版”、“二版”、“终版”、“最终版”、“最终不改版”、“最终稳定不改版”等等,想必大家都见过类似这样的场景吧。...甚至解决方案更加轻量级,那就是用 Markdown 来做 PPT! 你试过用 Markdown 写 PPT 吗?没有吧,试试吧,试过之后你就发现上面的功能简直易如反掌。 具体怎么实现呢?...简而言之,Slidev 就是可以让我们用 Markdown 写 PPT 的工具库,基于 Node.js、Vue.js 开发。...Vue.js 3.x 的组件,都是标准的 Vue.js 语法,所以如果我们要添加想要的组件,直接自己写就行了,什么都能实现,只要网页能支持的,统统都能写!

    6.7K20

    快给你的用例做减法吧

    用例优先级不明确:用例优先级是凭经验拍脑袋定的,同时历经几个版本未对旧用例的优先级做调整,导致测试执行时间冗长且部分用例已不是核心内容。...如果你的用例也有上述问题中的任意一个,是时候要开始思索,是不是该重新整理一下用例,是不是该对用例做减法了?如何用科学武装自己,有底气来做减法呢?...接下来请follow小编的脚步,一起对用例做科学的缩减大法。 二....1)对用例做预处理 为了方便下一步能痛快做用例精简,预处理测试用例是必要的。...图2 场景组合 ③ 去掉功能无关、已过时的需求对应的用例,确保当下用例为最新。 2)对用例做二次处理 小编的用例精简二次处理,是采用与功能点重要程度强关联的原则(详见下图)。

    1.1K100
    领券