首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

能用HTMLCSS解决的问题就不要使用JS

前端爱好者的聚集地 为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。 1....你可以用js控制,但是用一点CSS技巧就可以达到这个目的,不需要使用JS。 在正常态时,每个导航的默认样式为: nav li{    opacity: 0.5; } 当前页面的导航透明度为1....如果你用js控制,那么在脚本加载好之前,当前页面是不会高亮的,而脚本加载好之后突然就高亮了。所以用js吃力不讨好。...item占宽100%,2个时每一个50%,3个时每一个33%,这个你也可以用js计算一下,但是用CSS3就可以解决这个问题:    li{        width: 100%;...这样子不用一行js代码就能够搜索跳转。

2.9K20

这道JS经典面试题不要背,今天带你彻底搞懂它!

前言 这是一道非常经典的面试题,涵盖了从函数的基本概念、运算符优先级,到作用域链、原型链、this关键字、new关键字等基础知识点考察,可以说能完整答对 JS 基础才算过了关,本文就带大家回顾并剖析这道面试题...Foo.getName() 这一问首先考察的是函数的基本概念:在 JS 中函数是第一类对象,也被称作"一等公民",这是因为函数拥有对象所拥有的全部功能。...我们先复习一下 JS 中的运算符优先级,这是下来全部解题的基础。 -> MDN - 运算符优先级汇总表。...console.log(1); } return this; } 执行 Foo() 之后为 getName 赋值一个函数(注意这里的 getName 并没有 var 关键字,所以还考察了作用域链的知识点),JS

42700

HTML(2)

>     ul:unordered list,"无序列表"的意思     li: list item, "列表项"的意思     type = "属性值".属性值可以选: disc(实心原点,默认)...属性:       name:表单的名称,用于JS来操作或控制表单时使用;       id:表单的名称,用于JS来操作或控制表单时使用;       action:指定表单数据的处理程序,一般是PHP...特点:只适合提交少量信息,并且不太安全(不要提交敏感数据)、提交的数据类型只限于ASCII字符。     POST方式:       将表单数据直接发送(隐藏)到action指定的处理程序。...hidden:隐藏框,在表单中包含不希望用户看见的信息 button:普通按钮,结合js代码进行使用。 submit:提交按钮,传送当前表单的数据给服务器或其他程序处理。...提示:如果要限制上传文件的类型,需要配合JS来实现验证。对上传文件的安全检查:一是扩展名的检查,二是文件数据内容的检查。 size="50":表示文本框内可以显示五十个字符。

3.5K40

不要再用 console.table 了!这个 Node.js 库值得尝试下~

近期发现了一个有意思的 NPM 库 voici.js 在输出到终端时可以将数据做一些格式化,当一组数据特别大时,使用该库的效果会更加的理想。...voici.js 是用 TypeScript 编写的一个 Node.js 库,相比于 Node.js 原生的 console.table(),它提供的功能会更多些。...import { Table } from 'voici.js' const data = [ { firstname: 'Homer', lastname: 'Simpson', age: 39...; 示例三 指定下排序规则并对某些列的值做一些高亮显示,最后使用其提供的 .exportFile() 方法将表格导出为 .txt 格式的文件 import { Table } from 'voici.js...table.print(); table.exportFile('export.txt'); 更多有趣内容,参见官方文档 https://github.com/larswaechter/voici.js

8310

CSS相关知识点

9、想要盒子随着界面变大变小,而盒子随着界面的中线能够移动的时候(类似定位/脱标的盒子居中对齐),不要加版心(margin: 0 auto;)。...(不要让浮动的盒子超出父盒子) 11、浮动盒子的相互影响,不管是否在一个大盒子里面(蓝盒子是包含在粉红盒子里面的,紫盒子和粉红盒子是并列的)。 ? ? 12、谷歌浏览器不支持12号以下字体大小。...19、如果一个大盒子装的是 li 标签,而且 li 标签是浮动的,如果 li 里面的内容超过了大盒子的话,会有 li 标签掉下来,如何使得所有的 li 标签在一行显示呢?...而辅助盒子可以使用 ul 来代替,给 ul 一个所有 li 加起来的宽度多一点即可,但是多的一点要少于一个 li 的宽度。...其实后面的两个px本来就是调位置的,而且调的是整个背景的位置,当背景是整张图片的时候,调节这两个px就可以了,但是精灵图因为需要的只是背景图中的某一个区域,调节这两个px只是将选中的区域移动到定位的原点

54240

期末前端web大作业——我的家乡陕西介绍网页制作源码

内部左中右布局,下方横向浮动排列,大学学习的前端知识点和布局方式都有运用,CSS的代码量也很足、很细致,使用hover来完成过渡效果、鼠标滑过效果等,使用表格、表单补充模块,为方便新手学习页面中没有使用js...>首页 关于陕西 名胜古迹 陕西风景 登录</li...中国经纬度基准点大地原点和北京时间国家授时中心位于该省 陕西省地势呈南北高、中间低,由高原、山地、平原和盆地等多种地貌构成,其中黄土高原占全省土地面积的40%,...页脚四大部分;undefined 所有页面相互超链接,可到三级页面,有5-10个页面组成; 页面样式风格统一布局显示正常,不错乱,使用Div+Css技术; 菜单美观、醒目,二级菜单可正常弹出与跳转; 要有JS

48830

Blender 甜甜圈制作

调节笔刷大小 - ...分钟后,甜甜基本形状做好(友情提示-可以框选多个点调整) - 开启 `透视模式` 框选上半部分点 - Shift + D 复制 选中的点(网格), 注:不要移动...项目的独立元素** - 拖拽 *糖衣* 点 参考网络图片做出 *糖衣* 下垂效果 - 做 水滴效果 需要先对需要做水滴的点两边的循环边做环切(省事可以整体做细分) - 注;细分不要超过.../img/donuts/pic_wen_li.png) - 切换 顶部菜单 `Texture Paint` 纹理绘制 - 绘制甜甜圈 中间部位 白色分割带 - 左边视图为 物体展开的.../img/donuts/mian_quan_wen_li.png) ## 几何节点 1....`设置原心` -> `几何中心 -> 原点` - 添加节点 `实用工具` -> `欧拉旋转` 到 `分布点于面上` 的*旋转*与 `实例化与点上` 的*旋转* 之间,可以调整三个坐标值看看效果

1.2K00
领券