
HTML
zhangyufeng0126
亲身经历,刻骨铭心。 QQ:476459092
展开
-
html——陆海网站练习
html——陆海网站练习图片轮播 Title1 $(function () { $('.carousel').carousel({ interval:1000 }); $('#myCarousel').on('slide.bs原创 2016-10-16 18:37:10 · 1595 阅读 · 0 评论 -
手机app响应式开发rem的使用及配置
手机app响应式开发rem的使用及配置配置rem具体大小* { box-sizing: border-box; font-family: '微软雅黑'; }html { font-size: 10px;}:root { --hlyw-toolbar-font-color: #52526e; --font-size-10: 1rem; --font-size原创 2017-12-05 09:25:04 · 5178 阅读 · 0 评论 -
HTML5实现获取地理位置信息并定位功能
HTML5实现获取地理位置信息并定位功能注:请点击此处进行充电!前言 这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息转载 2017-12-06 09:26:48 · 2883 阅读 · 0 评论 -
JavaScript 浮点数运算的精度问题
JavaScript 浮点数运算的精度问题问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中,例如金额,这样看上去有点变扭,但是至少值是正确了。然而要命的是,当浮点数做数学运算的时候,你经常会发现一些问题,举几个例子:...转载 2018-06-04 16:41:33 · 269 阅读 · 0 评论 -
div旋转做仪表盘和进度——Mask
div旋转做仪表盘和进度——Mask <div class="yn-scjytb-sj"> <div class="yn-scjytb-sj0">50</div> <div class="yn-scjytb-sj30"></div>原创 2018-09-18 11:01:12 · 892 阅读 · 1 评论 -
echars——仪表盘码表
echars——仪表盘码表 function echartsdataGA(xdata1) { xdata1=xdata1/1; if(xdata1<-25){ xdata1=-25; } var pzjdM=(xdata1+25)/125; var colorT="...原创 2018-09-19 10:20:51 · 853 阅读 · 0 评论 -
Echarts将Y轴展示成阶段数据
Echarts将Y轴展示成阶段数据option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', axisLabel: {...原创 2018-09-25 10:22:59 · 702 阅读 · 0 评论 -
Echars——码表指针
Echars——码表指针 option ={ backgroundColor: "#062a44", grid: { left: 30, right: 30, top: 10, bottom: 10 ...原创 2018-09-21 10:27:44 · 498 阅读 · 0 评论 -
ng-repeat 循环加载Echars
ng-repeat 循环加载Echars html <div class="ywny-basic-detail" ng-repeat="item in list track by $index"> <div class="y-chart-box"> ...原创 2018-10-24 10:18:41 · 501 阅读 · 1 评论 -
IE11 400错误,谷歌、火狐、edge正常显示
今天发现个问题,做的项目在谷歌、火狐、edge上正常显示及跳转,但IE11上就会报下面几个错:1:400错误2:HTML5 DOCTYPE 无效 <!DOCTYPE >错误3:dom-DOM7011:禁用了反向和正向缓存搜索了这3个错误,发现2.3都不符合我的报错原因,然后参考《Ie浏览器请求400错误,谷歌火狐等浏览器正常请求》https://blog.csdn....转载 2018-11-09 14:13:16 · 783 阅读 · 0 评论 -
:nth-child mask-image设置图片颜色
<div class="yn-sd-home-nine"> <div class="yn-sd-home-nine-main" ng-click="gridClick('2')" > <div class="yn-logo-xqsb xzq-bg" ></d原创 2018-11-21 10:57:02 · 557 阅读 · 0 评论 -
css 实现div内显示两行或三行,超出部分用省略号显示
一、div内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示 overflow: hidden; text-overflow: ellipsis; display: -webkit-box...原创 2018-12-05 10:07:33 · 947 阅读 · 0 评论 -
app组件图片轮播+加载图片错误显示默认图
app组件图片轮播+加载图片错误显示默认图效果图代码事例 <div class="ynNew-lb"> <hy-image-indicator hya-images="syggimages" ...原创 2018-12-26 15:12:29 · 670 阅读 · 0 评论 -
angularJS过滤器+自定义
angularJS过滤器+自定义 angularJS过滤器1、uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRING{{ "TANK is GOOD" | lowercase }} // 结果:tank is good2、date 格式化{{14901原创 2017-12-04 11:50:25 · 360 阅读 · 0 评论 -
input多选框checkbox单选框radio的样式修改-------CSS
input多选框checkbox单选框radio的样式修改-------CSS效果图HTML代码1.多选 2单选 是 否原创 2017-11-24 10:50:46 · 4823 阅读 · 0 评论 -
Android+HTML——html在Android程序运行以及互相传值
Android+HTML——html在Android程序运行以及互相传值效果图:相关代码:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.a原创 2016-10-16 19:16:44 · 8808 阅读 · 2 评论 -
HTML——jshtml学习笔记+实例+正则表达式+简单轮播+表格增删改查
HTML——jshtml学习笔记+实例 用户名:input type="text" id="name"> 密码:input type="password" id="pwd">input type="button" value="测试" onclick="checkUser()">input type="button" value="JSON" onclick="getJson原创 2016-10-16 20:47:40 · 1665 阅读 · 0 评论 -
HTML——jquery学习笔记+实例+动画效果+表格处理
HTML——jquery学习笔记+实例 $("img").hover(function () { alert("鼠标移动到图片上"); },function () { alert("鼠标从图片上移出"); })})绑定事件 解除绑定 文档处理原创 2016-10-16 21:18:09 · 1968 阅读 · 1 评论 -
HTML——eeasyUi界面学习笔记
Android——eeasyUi界面学习笔记html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="../css/easyui.css"> link rel="stylesheet" href="../css/ico原创 2016-10-16 21:31:29 · 735 阅读 · 0 评论 -
http协议的状态码——400,401,403,404,500,502,503,301,302等常见网页错误代码
http协议的状态码——400,401,403,404,500,502,503,301,302等常见网页错误代码 http协议的状态码1xx(转载 2016-10-17 15:27:15 · 1460 阅读 · 0 评论 -
HTML——基础学习笔记(一)
HTML——基础教程 w3cschool(一)Html标签 HTML HyperTextMaekupLanguage 超文本标签语言HTML 网页的“源码” 浏览器:”解释和执行” HTML源码的工具 HTML版本HTML4.1.0HTML5:HTML的最新版本,是HTML、XHTML以及HtmlDom的新标准。 Html原创 2016-10-07 17:08:28 · 641 阅读 · 0 评论 -
HTML5—————— 自定义(滑动条)input[type="range"]样式
HTML5—————— 自定义(滑动条)input[type="range"]样式1、如何使用滑动条?用法很简单,如下所示:type="range" value="0">11各浏览器原始样式如下: Chrome: Firefox: IE 9+: 常用(部分)属性如下:属性描述max原创 2017-03-16 09:06:00 · 13939 阅读 · 1 评论 -
CSS3阴影 box-shadow的使用和技巧总结--2017
2017-- CSS3阴影 box-shadow的使用和技巧总结text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器原创 2017-08-28 15:55:20 · 446 阅读 · 0 评论 -
H5动画,canvas绘制圆环百分比进度的动态效果
1.效果图 2.原理 第一步绘制一个整圆颜色自定义,第二部绘制一个内圆,其半径要小于外圆颜色自定 最后一步按照百分比绘制第三个圆,颜色自定。 要实现动态绘制第三步的效果,只要添加一个定时器的功能,每隔一段时间绘制一段距离,设定一个阀值 当大于这个阀值得时候就清空这个定时器,这个阀值其实就是要显示的百分比值。每次绘制0.01. 注意:在定时器内绘制时,要把第二步原创 2017-09-19 09:22:40 · 1764 阅读 · 0 评论 -
HTML+CSS+jquery 实现环形比例图效果 AngularJS+css实现环形比例图效果
1.HTML+CSS+jquery 实现环形比例图效果 2.AngularJS+css实现环形比例图效果1. HTML+CSS+jquery 实现环形比例图效果HMTL代码[html] view plain copy> html> head> meta http-equiv原创 2017-09-19 16:08:53 · 2237 阅读 · 0 评论 -
angularJS——高级筛选
angularJS——高级筛选1.效果图2.前台代码 <ons-scroller class="hlyw-bg-seek" ng-class="{'isIOStop':isIOS}"> <div class="hlyw-filtrate-bt">分公司</div> <div class="h...原创 2017-10-19 09:10:42 · 517 阅读 · 0 评论 -
angularjs——div+angularjs实现下拉树
angularjs——div+angularjs实现下拉树1.效果图2.前台代码<ons-page ng-controller="checkPointController" ng-init="checkPointdata"> <ons-toolbar class="hlxny-head" ng-class="{'isIOS':isIOS}"&g...原创 2017-10-19 09:22:02 · 2050 阅读 · 1 评论 -
angularJS中ng-ng-repeat里的单选框(radio)和多选框(checkbox)赋值取值
angularJS中ng-ng-repeat里的单选框(radio)和多选框(checkbox)赋值取值HLML代码 多选 js代码 全选和取消 $scope.cancelAllT = function () { angular.forEach原创 2017-11-30 10:53:38 · 4513 阅读 · 0 评论 -
div——css渐变线背景
div——css渐变线背景/*渐变线 竖直方向*/ .hlxnyyw-jjx-split-main { float: right; width: 1px; height: 120px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255, 255, 255, 1), rgba(0,0,原创 2017-12-04 11:17:06 · 638 阅读 · 0 评论 -
app左右滑动滑块组件
app左右滑动滑块组件效果图代码实例 <div class="yn-hd-main"> <hy-swipe> <div class = "swipe-container"> ...原创 2018-12-26 15:23:21 · 1306 阅读 · 0 评论