码迷,mamicode.com
首页 > Web开发
web前端入门到实战:css样式初始化
为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候出现的样式不兼容问题,都可以通过css初始化代码来解决。1.最耗资源的,最简单的*{padding:0;margin:0;border:0;}2.选择性初始化举例(综合)body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend
分类:Web程序   时间:2019-11-08 09:19:58    阅读次数:128
web前端入门到实战:CSS 阴影动画优化技巧
box-shaodw在我们的工作中使用以及越来越多,伴随阴影的动画或多或少都有一点。假设,我们有下面这样一个盒子:div{width:100px;height:100px;box-shadow:02px4pxrgba(0,0,0,0.3);}希望hover的时候,盒阴影从box-shadow:02px4pxrgba(0,0,0,0.3)过渡到box-shadow:05px15pxrgba(0,0,
分类:Web程序   时间:2019-11-08 09:16:51    阅读次数:116
web前端入门到实战:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)等用法
前言:我们在码代码的时候,经常会遇到需要给第一个或者最后一个元素添加或删除样式,还有一些比较特殊的是选取第几个元素添加或删除样式,下面记录css选择器中常见的选择器:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)、first-child、:last-child、:nth-child()、:nth-last-child()的用法。相邻兄弟选择器(+)相邻兄弟选择器可选择紧接在另一个元素
分类:Web程序   时间:2019-11-08 09:15:21    阅读次数:117
详述Linux系统中Apache网页深入优化
本篇文章讲述Linux系统中Apache网页的深入优化方法,使用ab压力测试工具测试,工作模式的介绍与优化建议,目录属性的介绍与优化建议,希望对大家有所帮助!!!!
分类:Web程序   时间:2019-11-08 09:14:48    阅读次数:133
React练习 :网页换肤
在线效果浏览 需求:点击红、绿、黑 3 个按钮,会切换至不同的背景色... 3 个组件:父组件 App,此处利用useEffect设置了网页加载后的默认设置。 子组件 Skin(按钮,用于切换背景),子组件Nav(导航按钮) 几点体会: 1.绑定事件处理时,忘记了编写()=>,导致组件渲染时直接触发 ...
分类:Web程序   时间:2019-11-07 23:46:44    阅读次数:132
几种常见的CSS布局
本文概要 本文将介绍如下几种常见的布局: 其中实现三栏布局有多种方式,本文着重介绍圣杯布局和双飞翼布局。另外几种可以猛戳实现三栏布局的几种方法 一、单列布局 常见的单列布局有两种: header,content和footer等宽的单列布局 header与footer等宽,content略窄的单列布局 ...
分类:Web程序   时间:2019-11-07 23:40:57    阅读次数:120
一款用于绘制状态机转换图和流程图的web在线绘图工具
大型软件系统中离不开各类状态机的处理,日常工作中也涉及到各类事务处理流程;从表现力看文不如表,表不如图;因此日常工作中经常需要绘制各种状态机的状态转换图和流程图,以协助理解代码逻辑和各类事务处理流程等。 绘制此类图形的常用工具有visio,liberoffice draw等,这些软件采用"所见即所得 ...
分类:Web程序   时间:2019-11-07 23:37:48    阅读次数:989
CSS如何修改placeholder样式
项目用经常遇到修改input的placeholder的颜色的需求,这里来看一下placeholder如何用css设置: 原文发布与我的个人博客>> 首先来看一下chrome默认的input样式 <input type="text" placeholder="hello world"> (placeh ...
分类:Web程序   时间:2019-11-07 23:25:46    阅读次数:599
LGOJ P1197 【[JSOI2008]星球大战】
我十分喜欢~~自带大常数的~~STL 思路都是反着来,先把该删的节点都删除,再一个一个往图里面加。 加节点的时候分类讨论: 假设当前要加的节点是 _u_ ,用 来存储 _u_ 节点直接连接的点 _v_ 的所属集合的值 _find(v)_ ,这样 _S.size()_ 的值就表示 _u_ 节点究竟链接 ...
分类:Web程序   时间:2019-11-07 23:23:53    阅读次数:140
面试题-JS中的作用域相关问题
对象类型: 原始数据类型存储的是值,而对象类型存储的是地址(指针)。下面的这个例子就比较有意思了。 先看题: function test(person) { person.age = 26 person = { name: 'yyy', age: 30 } return person } const ...
分类:Web程序   时间:2019-11-07 23:12:32    阅读次数:148
图片上传到七牛云
必须要传一个参数类型为 MultipartFile 的 第一步:引入相关配置文件和工具类并导入依赖: qiniu.properties: qiniu.accessKey=xxxxxxxxxxxxx #公钥 qiniu.secretKey=yyyyyyyyyyyyy #密钥 qiniu.bucket= ...
分类:Web程序   时间:2019-11-07 23:10:07    阅读次数:147
js之运算符(位运算符)
一、概念 位运算在数字底层(表示数字的32个数位)进行运算的。由于位运算是低级的运算操作,所以速度往往也是最快的,但是它很不直观,许多场合不能够使用。大多数语言都提供了按位运算符,恰当的使用按位运算符有时候会取得很好的效果。 位运算只对整数起作用,如果一个运算不是整数,会自动转为整数后再运行。虽然在 ...
分类:Web程序   时间:2019-11-07 23:09:25    阅读次数:144
HTML5 Web Workers
web worker 是运行在后台的 JavaScript,不会影响页面的性能。 什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任 ...
分类:Web程序   时间:2019-11-07 22:02:14    阅读次数:125
webPack 4.0的零基础学习
webPack 也更新到了4.0阶段,今天看了一下官网,总结一下,零基础的学习路径吧。 (1)首先需要下载 webPake和webpack cli npm install webpack webpack-cli (2)下载完之后,则是建立新的文件夹,进行初始化 //webpack 初始化 npm i ...
分类:Web程序   时间:2019-11-07 22:01:16    阅读次数:119
HTML5 新的 Input 类型
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 本章全面介绍这些新的输入类型: color date datetime datetime-local email month number range search tel time url week 注意:并不是所有的主 ...
分类:Web程序   时间:2019-11-07 21:59:37    阅读次数:110
HTML5 语义元素
语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. 浏览器支持 Inte ...
分类:Web程序   时间:2019-11-07 21:59:18    阅读次数:126
HTML5 应用程序缓存
使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: ...
分类:Web程序   时间:2019-11-07 21:58:20    阅读次数:103
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!