前端
一杯雪花勇闯天涯
越努力越幸运
展开
-
echart面积图不同区域用不同的颜色表示
系列文章目录echart面积图不同区域用不同的颜色表示文章目录系列文章目录前言一.代码示例二.实现效果前言提示:这里可以添加本文要记录的大概内容:echart面积图不同区域用不同的颜色表示提示:以下是本篇文章正文内容,下面案例可供参考一.代码示例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>echart 面积图段显示不同的颜色</ti原创 2021-05-21 22:14:50 · 1856 阅读 · 0 评论 -
Css3中的弹性盒子
1.弹性盒子的使用方法弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意: 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。以下元素展示了弹性子元素在一行内显示,从左到右2.弹性盒子使用案例<!DOCTYP原创 2020-12-03 23:48:42 · 219 阅读 · 0 评论 -
设置背景图的全铺样式的小技巧
一.设置背景图的小技巧1. html代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>背景图样式</title> <style> body { background-image: url(images/420.jpg); background-size:100% auto; background-r原创 2020-12-03 23:19:42 · 185 阅读 · 0 评论 -
text-align中justify属性的使用方法
文章目录前言一、text-align1.属性介绍2 实例13.案例2总结前言学习text-align中justify属性的用法一、text-align1.属性介绍文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)2 实例1<!DOCTYPE html><html> <head> <meta charset原创 2020-12-03 22:12:13 · 12309 阅读 · 2 评论 -
原生JS添加节点的方法
一 . 原理insertAdjacentHTML() 原生js添加节点二.代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> </div> </body></html&原创 2020-12-01 23:09:10 · 1884 阅读 · 1 评论 -
学习瀑布流效果
一.实现代码1.css.masonry { width: 100%; margin-top: 50px; position:relative; } .item { z-index: 10; transition: 0.25s; overflow: hidden;原创 2020-11-21 12:46:29 · 157 阅读 · 0 评论 -
使用jQuery解析xml数据结构
文章目录前言一.使用jQuery 解析xml结构数据1.PHP代码返回xml结构信息2.使用jQuery请求php代码,解析xml数据总结前言学习使用jQuery 解析xml结构信息一.使用jQuery 解析xml结构数据1.PHP代码返回xml结构信息public function stringToXml(){ header('Access-Control-Allow-Origin:*'); $xml = '<?xml version="1.0" encoding=原创 2020-11-14 23:19:26 · 223 阅读 · 0 评论 -
Jquery 之ajax 提交form表单数据的方法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.form表单提交数组数据1.jquery提交form表单2.引入jquery.form.js总结前言<font color=#999AAA学习提交数组数据到后台的方法提示:以下是本篇文章正文内容,下面案例可供参考一.form表单提交数组数据1.jquery提交form表单<form id='form'> <input type='text' name='port[]' val原创 2020-11-12 23:54:22 · 1746 阅读 · 0 评论 -
可拖拽的进度条
一.进度条实现:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont原创 2020-11-11 23:43:49 · 1148 阅读 · 0 评论 -
扫一扫 解析二维码 的多种解决方案
一、微信扫一扫提到扫一扫,大家都很熟悉微信扫一扫吧,那微信扫一扫怎么接入的呢?当然这个肯定是看微信开放平台开放的api接口咯!https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115, 诺这就是官方的说法!step1: 你的要有一个微信公众号step2: 在微信公众号后台的公众号设置里面设置js安全域名为当前...原创 2019-08-01 15:09:05 · 7356 阅读 · 0 评论 -
深度剖析ajax跨域请求的产生以及解决
1.什么是ajax跨域问题简单来说,前台调用后台服务器接口的时候,如果接口不是同一个域的话 ,那么这个时候就会产生跨域问题,前端调用也会报错。...原创 2019-01-02 21:44:19 · 191 阅读 · 0 评论 -
如何判断用JavaScript判断用户是pc访问还是app访问
前端时间写了一个官网,当时有一个需求,就是手机端和pc端不一样,也没有特别的数据展示也就没有涉及到后端,也就没有使用后端语言做判断,小编是这么处理的,在首页上添加如下的javascript代码:这端js可以根据屏幕尺寸的变化,跳转到手机页面...原创 2018-12-11 10:35:09 · 1433 阅读 · 0 评论 -
上传按钮的设计
曾经一度不知道上传按钮不知道怎么写的好看,后来发现是通过label标签和input便签结合起来写的,趁着最近有时间总结记录一哈 代码如下: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20181211100856900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,sha...原创 2018-12-11 10:10:36 · 761 阅读 · 0 评论