经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 CSS

网页中插入地图

在我们做官网中经常会在网页中插入百度地图,这个其实挺简单的,下面跟着步骤一步步来。   1.进入百度创建地图的网站 http: api.map.baidu.com/lbsapi/creatmap/  2.看到图中第一步的下面有1,2,3三个...[2019/9/19]

layui提示框事件

使用layui提示框的时候遇到个问题,点击“确定”“取消”之类的按钮会执行里面的方法,但点击×就不会执行,所以在添加数据的时候出现个BUG,就是保存数据后点击弹出提示框的×,继续保存,如此循环,就可以进行无限添加。 ...[2019/9/18]

HTML定位和布局----float浮动

1、定位体系一共有三种 (1)常规流; (2)浮动定位 (3)绝对定位 2、float属性常用的语法: (1)float:left;左浮动 (2)float:right;右浮动 (3)float:none;无浮动       &n...[2019/9/18]

H5标签

定义万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改为什么要有语义化标签方便开发者阅读,写出更优雅的代码,让浏览器很好的解析,从而更好的解析网页内容,更好的搜索引擎优化H5 新增标签 定义文档头部区域,一般用在板块头部<he...[2019/9/18]

首页下雪效果

首页下雪效果

下雪效果,转自网络,快去试试吧 :) 原理 通过多张雪花图片,不同速度的移动,达到下雪的效果。 清晰度: 清晰 ----> 模糊 远近: 近 ----> 远 HTML <div cla ="snow-container"> &...[2019/9/18]

css简单动画(transition属性)

一、对transition属性的认识 1、transition 属性是一个简写属性,可用于设置四个过渡属性:transition-property     过渡效果的 CSS 属性的名称(height、width、opaci...[2019/9/18]

精灵背景图的二倍图实际操作

1.在ps中打开,依次打开图像》图像大小,记录此时精灵图大小; 将这个精灵背景图等比例缩放到原来宽高的一半,记录此时缩放后的精灵图大小。   2.此时页面应显示的是缩放后的图片,打开f8找到它的坐标,将缩放后的xy坐标作为背景定位坐标 3.bg-size的宽度是...[2019/9/18]

JS基础

1.js的引入方式 方式1: <script> alert('欢迎来到德玛西亚!') < cript> 方式2:外部文件引入 src属性值为js文件路径 <script src="t...[2019/9/18]

css — 定位、背景图、水平垂直居中

css — 定位、背景图、水平垂直居中

目录 1. 定位 2. 背景图 3. 水平垂直居中 1. 定位 position:static | relative | absolute | fixed; stati...[2019/9/17]

swiper插件在ie浏览器无反应,解决办法

swiper插件在ie浏览器无反应,解决办法

               在写pc端页面时,用swiper插件发现在ie中用不了,百度下说是swiper从3以后向手机端发展,所以在pc端无响应。后来了解到,swiper3是专门针对移动端写的。如果想兼容...[2019/9/17]

前端开发 — HTML

前端开发 — HTML

HTML HTML 超文本标记语言 HTML特征: 对换行和空格不敏感 空白折叠 1.1 HTML标签 标签也称为标记。 标签的种类: 1.双闭合标签 2.单闭合标签 1.1.1 head标签 meta 提供基本网站元信息的标签 <meta charset=&q...[2019/9/17]

css — 选择器、盒子模型

目录 1. c 引入方式 2. c 选择器 3. c 的盒模型 c : 层叠样式表 1. c 引入方式 行内样式 <div style='color:...[2019/9/17]

css — 权重、继承性、排版、float

目录 1. 继承性 2. c 中的权重 3. 常用格式化排版 4. 浮动布局float 1. 继承性 继承性:在c 有某些属性是可以继承下来,如 colo...[2019/9/17]

学习笔记1.1软件需求之快速原型(源于慕课教学总结学习经验)

利用快速原型获取软件需求 在客户 开发商 用户   之间 旨在启发客户 引导客户真正知道和了解自己的可行需求 快速搭建原型 高效准确地确定用户需求 我们可能要用到一个软件需求方面的知识-快速原型 例子 以CSS语言为例从一个最最最的教务系统入手...[2019/9/17]

css标签学习-vertical-align标签

css标签学习-vertical-align标签

今天在学习查阅代码的时候,发现了一个不认识的CSS代码,于是进行学习。 <html> <head> <style type="text/c "> img.top { vertical-align:text-top; } img....[2019/9/17]

HTML连载37-边框属性(下)、边框练习 - 心悦君兮君不知-睿

一、边框属性 1.连写(分别设置四条边的边框) border-width:上 右 下 左; border-style:上 右 下 左; border-color:上 右 下 左;   注意点: (1)这三个属性是按照顺时针来赋值的,也就是...[2019/9/17]

rem布局

01-rem布局-rem单位 rem单位:代表HTML的字体大小; 1em = 父亲的字体大小px; 1rem = HTML 字体大小px; 盒子的属性值,用到rem这个单位,那么HTML的字体大小发生改变,整体页面的盒子就会发生等比变化; ...[2019/9/16]

04.前端之BOM和DOM

前戏   到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。   也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。   JavaScript分为 ECMAScript,DOM,B...[2019/9/16]

jq动画插件,自制基于vue的圆形时钟

首先附上jq插件库,里面的东西太炫了,建议学前端的可以看看学习下:http: www.jq22.com/ 里面有个“超个性动画版本的个人简历”,通过屏幕上不断打印内容,改变相应样式来实现动画简历,我从来没想到过还有这种操作; 再附上一个比较有趣的基于vue...[2019/9/16]

html快速参考

    一、html语言概述          超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。     ...[2019/9/16]

XSLT学习(九)通过JavaScript转化xml

XSLT学习(九)通过JavaScript转化xml

如果您的浏览器支持 XSLT,那么在浏览器中它可被用来将文档转换为 XHTML。 JavaScript 解决方案 在前面的章节,我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 XHTML。我们是通过以下途径完成这个工作的:向 XML 文件添加 XSL 样式...[2019/9/16]

css的9个常用选择器

1.类选择器(通过类名进行选择) <!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/c "...[2019/9/16]

html/css中map和area的应用

一、使用方法: 因为map标签是与img标签绑定使用的,所以我们需要给map标签添加ID和name属性,让img标签中的usemap属性引用map标签中的id或者name属性(由于浏览器的不同,usemap属性接收二者之一的值,所以通常name和id属性二者都写,值相同),并配合ar...[2019/9/16]

CSS

CSS

1.CSS介绍 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 2.CSS语法 实例 注释 /*这是注释*/ 在写c 样式的时候要写一个 body{ ...[2019/9/16]

06.前端之BootStrap

iconfont的使用:https: www.cnblogs.com/changxin7/p/11479216.html Bootstrap介绍   Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。   它是为实现快速开发Web应用程序而...[2019/9/16]

Ajax发送请求的四个步骤

Ajax发送请求的四个步骤

1.创建XMLHttpRequest let xhr=new XMLHttpRequest; 2.连接服务器 xhr.open("get","goods.json",true) true代表异步,false代表同步。goods.json代表请求的路径 3.向服务器发送...[2019/9/12]

关于BFC的一些事

BFC的生成 在实现CSS的布局时,假设我们不知道BFC的话,很多地方我们生成了BFC但是不知道.在布局中,一个元素是block元素还是inline元素是必须要知道的.而BFC就是用来格式化块状元素盒子,同样还有管理内连盒子的IFC等.那首先就来了解一下什么是FC. FC: For...[2019/9/12]

行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

CSS规范规定,每个元素都有display属性,确定该元素的类型。每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline&rdquo...[2019/9/12]

常见的浏览器内核有哪些?

Trident内核:IE浏览器以Trident作为内核引擎。(遨游,世界之窗,腾讯TT……都是IE)。 Trident内核最慢。 Gecko内核:开放源代码,以C++编写的网页排版引擎,是跨平台的。 FireFox是基于Gecko开发。 pre...[2019/9/12]

谈谈你对HTML语义化的理解。

谈谈你对HTML语义化的理解。

1.什么是HTML语义化? 基本上都是围绕着几个主要的标签,像标题(h1-h6),列表(li),强调(strong em)等。 根据内容的语义化(内容结构化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。 2.为什么要...[2019/9/12]

前端开发CSS3——使用方式和选择器

前端开发CSS3——使用方式和选择器

CSS是Cascading Style Sheets(层叠样式表)的简写,用于修饰文档的语言,可以修饰HTML、XML、SVN。每个语言都有每个语法的规则:CSS声明、CSS声明块、CSS选择器、CSS规则。   1、c 声明简单来说就是一个键值对的形式,类似于  color: bl...[2019/9/12]

前端CSS

前端CSS

目录 1.CSS介绍 2.CSS的引入方式 2.1行内样式 2.2内接样式 2.3外接样式-链接式 2.4外接样式-导入式 ...[2019/9/12]

H5中图片按照比例收缩,放大

H5中图片按照比例收缩,放大

需求:后台传过来的图片不能够压缩,即使部分被截取也可以 传统方案:设置img元素如下: width: auto; height: auto; max-width: 100%; max-height: 100%; 但是这种方案...[2019/9/12]

前端开发CSS3——文本样式和盒子及样式

前端开发CSS3——文本样式和盒子及样式

博主废话少说,直接介绍c 常用的属性和属性值;属性和值只需过一遍,页面的结构还是需要布局,布局的只是后期会更新的。 提供一些图标的网站:font-awesome:     http: fontawesome.dashgame.com/  &nb...[2019/9/12]

02.前端之CSS

02.前端之CSS

CSS介绍   CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观。   当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例     每个CSS样式由两个组成部分:选...[2019/9/11]

HTML5开发常见的7个框架,你知道几个?

互联网的迅速发展,软件行业成了更多年轻人的就业选择。HTML5简单易学门槛低,是Web时代前端开发超好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业。 资料显示,初级HTML5开发人员的平均薪资在8K-10K左右,拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的...[2019/9/11]

html/css弹性布局的几大常用属性详解

弹性布局的名称概念: 1、容器:需要添加弹性布局的父元素;项目:弹性布局容器中的每一个子元素,称为项目。 2、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向(flex-direction)为主轴;与主轴垂直的另一方向,称为交叉轴。 弹性布局的重要的几大基础属性: 1...[2019/9/11]

aiohttp上报:Got more than 8190 bytes (10160) when reading Status line is too long.错误的解决办法

通过浏览器向web服务传递base64码的图片时遇到参数过长的问题? 解决办法:查看aiohttp的源码:aiohttp/http_parser.py下找到: cla HeadersParser: def __init__(self, ma...[2019/9/11]

在VUE项目中使用SCSS ,对SCSS的理解和使用

在VUE项目中使用SCSS ,对SCSS的理解和使用

https: blog.csdn.net/zhouzuoluo/article/detail 81010331 原文链接:http: www.cnblogs.com/ruruo/p/11498417.html[2019/9/11]

HTML连载36-精灵图练习、边框属性(上) - 心悦君兮君不知-睿

一、精灵图练习 练习:用精灵图表示出“RUI” 工具:Adobe Fireworks 方法:(1)打开Adobe Fireworks(2)选取一张26个英文字母图片 (3)先把我们这张图片的图层锁定,原因:防止图片被修改,不可恢复 按图片...[2019/9/11]

CSS背景图片实现自适应、全屏、填充与拉伸的方法_CSS教程_CSS

方法一、 js控制: <div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1"> <img src=...[2019/9/11]

css 元素实际宽高

首先定义一个div。     然后稍微装修一下     下面开始区分   一、clientWidth和clientHeigh 、 clientTop和clientLeft    &nbs...[2019/9/10]

CSS实现不换行/自动换行/文本超出隐藏显示省略号

在写页面的时候,我们经常会需要用到关于文本的换行,强制换行以及显示几行超过显示省略号等,今天我们就对这些问题来做个汇总吧! 1、自动换行 div{ word-wrap:break-word; word-break:normal; } 2、强制不换行 ...[2019/9/10]

html引入公共模块

如果没有母版页,那么大量相同布局的页面会有很多相同的代码,那么这就提到了一个概念,叫重用性;可以将相同布局的代码放在一个单独的文件,里面写一些公共模块,那么在其他页面只需要在指定位置引入他们就可以了写一个头部,在top.html写入(只写的需要添加的):<div style="wi...[2019/9/10]

css 去掉i标签默认斜体样式

font-style: normal;   原文链接:http: www.cnblogs.com/linjiangxian/p/11457368.html[2019/9/10]

HTML5的常用的标签

HTML5对比HTML4新增了很多元素,也删除了部分元素(可以用c 样式表方式替代)所以我只列出HTML5最常用的几个标签。 head标签中: <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;">...[2019/9/10]

零基础转行web前端,要学习多久?需要掌握些什么?

web前端开发技术人才越来越吃香,而且web前端领域划分越来越细,对技术的需求越来越高,想学习web前端的人也是越来越多。那么,如何学习web前端知识?从哪开始?转型成为web前端工程师需要学些什么?小白到高手需要多久?     1、转型web前端需...[2019/9/10]

Vue小白篇 - ES6的语法

Vue小白篇 - ES6的语法

为什么要学 ES6 的语法呢? 因为 Vue 语法有很多都是 ES6(ECMAScript 6),这里推荐 [阮一峰 ECMAScript 6 入门]: http: es6.ruanyifeng.com/ # var 声明的是全局变量 <script type=...[2019/9/10]

JS鼠标效果

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</ti...[2019/9/10]

FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

先贴一张图片做个例子        看不清图片的朋友可以右键图片,在<新标签页中打开图片>;  可以看到,由于内容过长,导致后面操作的增删改要拉到最后才能操作. 在我们的FastAdmin中,目前...[2019/9/10]

85
2
记录数:1780 页数:1/3612345678910下一页尾页
加载更多