- 博客(93)
- 收藏
- 关注
RSS订阅转载 CSS标题线（删除线贯穿线效果）实现之一二
缘起其实看到这个问题，心里已经默默把代码已经码好了~，不就想下面这样嘛：JSBIN代码示例嗯，是的，我们日常确实基本上就是用的这种方式，也没啥问题呀~，来个背景色定下位就欧拉欧拉的了。不过，因为一次问题需要，发现还是有需要多了解下的。来，请看下图，这个需求是这样子的，实现这样子的效果（可以先构思下实现代码，看下思路是不是差不多...
2019-08-27 14:35:00
470
转载 sublime修改快捷键样式
样式----------------{ "always_show_minimap_viewport": true, "auto_find_in_selection": true, "bold_folder_lables": true, "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme", "draw_minim...
2019-07-08 16:28:00
181
转载 使用css鼠标移动到图片放大效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{...
2019-07-01 08:57:00
322
转载 js判断苹果安卓操作系统，js更换css
//判断是哪个操作系统 if(plus.os.name=="Android"){ var lsyshowline=document.getElementById("lsyshowline"); lsyshowline.style.cssText = 'line-height: 1.1rem;font-size:0.75rem;'; ...
2019-05-25 10:04:00
213
转载 清除缓存
//清除缓存 $(".mui-table-view").on("tap", ".cache", function(e) { plus.cache.calculate(function(size) {// console.log("size"+size); sizeCache = size; mui.confirm("您目前的系统缓存为" + parseF...
2019-05-24 17:28:00
126
转载 mui下拉上拉（明一）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum...
2019-05-20 09:05:00
95
转载 mui下拉刷新上拉加载
新外卖商家端主页订单大厅页面使用mui双webview,实现下拉刷新上拉加载主页面：order_index.html<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="viewport"...
2019-05-20 09:03:00
114
转载 mui ajax
<!doctype html><html> <head> <meta charset="UTF-8"> <title>直播生活商家端-订单大厅</title> <script src="../../js/flexible.js"></script> <script src="...
2019-05-13 11:18:00
117
转载 mui退出登录
html部分：<button id='promptBtn' type="button" class="mui-btn mui-btn-block mui-btn-primary gz_btn_a " >退出登录</button>js部分：//退出登录 document.getElementById("promptBtn").addEventList...
2019-05-13 10:51:00
204
转载 前端常见问题
1.div里包含img底部必定多出空白的解决办法解决方案：1、设置div{ font-size: 0}2、设置img{ display: block}3、设置img{ vertical-align:top;}推荐第二种方法，让img对象成为块级元素。2．绘制圆形图片 height: 26px; width...
2019-04-28 17:51:00
79
转载 微信小程序 --- 日历效果
wxml部分:<view class='box1' style='width: {{ sysW * 7 }}px'> <view class='dateBox'>{{ year }} - {{ month}}</view> <block wx:for='{{ weekArr }}'> <vi...
2019-04-28 14:58:00
129
转载 CSS 实现一个自适应的正方形
传统方法正方形用固定的形式写 直接长＝宽写固定的值如下.box{width: 200px;height: 200px;background: pink;color: #666;}但是很多情...
2019-04-28 11:34:00
138
转载 mui 时间选择器和上传图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=n...
2019-04-26 19:10:00
132
转载 css实现聊天气泡效果
---------------------------------------css功能强大，能实现很多炫酷的效果，今天给大家分享用css3绘制聊天气泡的方法：---------------------------------------在绘制气泡之前，先实现箭头的绘制，代码如下： 1 <!DOCTYPE html>...
2019-04-25 17:50:00
150
转载 css总结 -使用display：inline-block，出现元素高度错位
在进行页面布局时发现一个问题,两个相同高度的元素显示高度不一致，发生错位。<style>.left{display:inline-block;height:110px;width:110px;...
2019-04-19 08:28:00
257
转载 js监听textarea 内容的变化，并计算内容的长度c
html代码如下：<div class="customer-message"><label for="customerMessage">留言</label><textarea id="customerMessage" ...
2019-04-10 18:44:00
579
转载 app遮罩层--网赚
css.mask{display: none; position: fixed; width: 100%; height: 100%; top:0; background: rgba(0, 0, 0 ,0.5); z-index: 99; } .mask-red{ position: absolute; left: 0; ...
2019-04-10 18:04:00
110
转载 flex布局 居中
display:flex;justify-content: center;检查侧轴是否居中，比如古代竖着写字，检查字是否在每条竹简的中央。display:flex;align-items: center;检查横轴是否居中，比如现代人是横着写字，检查字是否写在上下横线的中间。display:flex;justify-content: c...
2019-04-10 11:56:00
152
转载 实现绝对定位元素水平垂直居中的两种方法
平时,用的方法即第一种方法是设置left,top值均为50%,同时margin-left设置为绝对定位元素width的一半取负,margin-top设为其height的一半取负。例如，绝对定位元素的width:100px;height:100px;代码如下:position:absolute;left:50%;top:50%;margin-left:-50px...
2019-04-09 16:42:00
197
转载 CSS背景图怎么自适应全屏（手机或者电脑）
#demo{ background-img:url(../bg.png); --（1）适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖屏幕，背景图有可能超出屏幕（容器） background-size:cover; --（2）将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。 background-...
2019-04-08 14:14:00
769
转载 纯css实现移动端横向滑动列表(可应用于ionic3移动app开发)
前几天在公司做开发的时候碰到一个列表横向滑动的功能，当时用了iscroll做，结果导致手指触到列表的范围内竖向滑动屏幕滑动不了的问题。这个问题不知道iscroll本身能不能解决，当时选择了换一种方式来做，只要css就能搞定了，主要是利用了display:-webkit-box来实现。<!DOCTYPE html><html>...
2019-04-07 22:05:00
107
转载 四种webAPP横向滑动模式图解—H5页面开发
一、容器整体滑动（DEMO只演示A-B-C-B，下同）模拟动画效果见下图(上)，滑动分解见下图(下)：DEMO地址：http://nirvana.sinaapp.com/demo_slider/slider_1.html具体实现重点代码解析：布局方式：父容器相对定位并撑满整个device的viewport，子页面绝对定位并依次并排排...
2019-04-07 22:05:00
418
转载 神器扒网站——teleport ultra
在平时的开发或者学习的过程中，我们难免会看到一些让人心动的网站，于是自己想把它搞下来，自己手工一个文件一个文件把它保存下来也可以实现，完成了也累得够呛，有一款扒站的神器，可以把你所喜欢的目标网站整个网站给扒下来，这个神器就是teleport ultra！下载与安装首先到官网下载：http://www.tenmax.com/teleport/u...
2019-04-01 22:48:00
262
转载 html5 流式布局 弹式布局 flex
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 网站导航</title> <style> *{ margin:0; ...
2019-03-28 22:31:00
128
转载 前端博站项目中遇到的问题总结
功能一：发布评论，如下图功能描述：点击上面的发布按钮，可以发布评论，评论中要有发布人的姓名，回复给谁，发布的内容，以及发布的时间问题描述：每一条留言下面都可以发布评论，因为发布一条评论需要记录很多信息（回复人，留言人，时间，内容，点赞...），想着信息多，为了方便管理，我把他们存放在一个对象中,并将这个对象，放在了data中，结果等我发布信息的时...
2019-03-27 23:34:00
87
转载 左右固定，中间自适应布局，中间栏优先加载
html代码：<divid="left">左边栏</div><divid="right">右边栏</div><divid="main">主内容</div>方法一：利用绝对定位方法(不推荐)css部分：body{margin:0;padding:0;height:10...
2019-02-25 15:25:00
160
转载 js的6道基础题（笔试常考题）
转载：http://www.bubuko.com/infodetail-20477.html题目一：找出数字数组中最大的元素var arr=[0,1,2,3,4,5,6,7,8,9];console.log(Math.max.apply(null,arr))题目二：转化一个数字数组为function数组（每个f...
2019-02-19 15:04:00
222
转载 CSS3 之 RGBa 可透明颜色
在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，这样的透明规则相当不灵活，在实际开发中往往也是会遇到很多麻烦。其实，在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ，RGBa 可以在单个元素上设置透明...
2018-12-24 16:38:00
278
转载 css实现背景透明，文字不透明
实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)IE专属滤镜filter:Al...
2018-12-24 10:48:00
81
转载 app点击底部菜单切换标题
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=...
2018-12-22 09:40:00
121
转载 JS实现“隐藏与显示”功能(多种方法)
1，通过按钮实现隐藏与显示：这个是通过按钮点击实现的隐藏与显示，具体代码如下：?123456789101112131415161718192021222324252627282930313233343536...
2018-12-21 16:41:00
3420
转载 安装mysql
正文：现在作为服务器操作系统的一般有三种，Windows Server，Linux，Unix，在这里我们只介绍在windows下和linux下安装mysql，Unix下安装应该和linux差不多。Windows下安装MySQL：1. 在浏览器中打开https://www.mysql.com/，进入MySQL的官方网站，国内的网打开可能有点儿慢，稍微等待一下2. 在打开的网...
2018-12-20 22:59:00
78
转载 AUI前端框架总结
AUI 是Apicloud 的手机端UI第三方，需要引入Apicloud和AUI中的css样式和js框架**首先：手机项目必须配置config.xml文件 Apicloud官网有详解**其次：程序会默认进入index.html页面，开始程序的加载显示具体代码如下：1、<meta charset="utf-8...
2018-12-20 14:54:00
994
转载 sql server和my sql 命令（语句）的区别，sql server与mysql的比较
sql与mysql的比较1、连接字符串sql :Initial Catalog(database)=x; --数据库名称 Data Source(source)=x; --服务器 Persist Security Info=True; --集成sql server身份验证 Integrated Secu...
2018-12-18 16:09:00
171
转载 CSS 自适应导航菜单
文章目录以前我写了一篇关于如何为自适应网页制作教程手机导航菜单，现在我又摸索出一种无需JS脚本的自适应导航菜单，它采用纯粹的语义化HTML5标签来完成。该菜单可以左对齐，居中或右对齐，也不像上一种方法中需要点击来展开列表，本例中悬停激活更加方便，而且它能通过标记表明当前位置。它适用于所有的移动和桌面浏览器，包括万恶的Internet Explorer！...
2018-12-10 10:07:00
1738
转载 img元素srcset属性浅析
img srcset 属性img 元素的 srcset 属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。属性格式：图片地址 宽度描述w 像素密度描述x，多个资源之间用逗号分隔。例如：<img src="small.jpg " srcset="big.jpg 1440w, middle.jpg 800w, small.jpg 1x" />...
2018-12-05 21:21:00
106
转载 HTML之<meta>标签全解
一、定义元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词等等。标签位于文档的头部<head></head>标签内，不包含任何内容。 标签的属性定义了与文档相关联的【名称/值对】。meta标签常用的共有5个属性，不同的属性又有不同的参数值，这些不同的参数值...
2018-12-05 15:11:00
245
转载 判断IE版本的HTML语句[if lte IE 9]……[endif]
我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的...
2018-12-05 14:06:00
147
转载 浏览器内核控制meta name="renderer" 说明文档
览器内核控制Meta标签说明文档背景介绍由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大...
2018-12-05 13:47:00
239
转载 解决Bootstrap container样式左右内边距15px，导致屏幕不美观
首先上问题：此问题为bootstrap的 container样式导致，该样式默认左右内边距15px为了栅栏效果而设计，具体看源码css样式，如下图，右侧黄色边框边距和30px，实为两个div左浮动，将边距挤到右侧；解决它很简单：只需复写 container样式 padding-left：0px 和padding-right：0px； 然后在该容器子元素...
2018-11-21 13:33:00
826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人