- 博客(129)
- 资源 (1)
- 收藏
- 关注
原创 BOM与DOM--记录
BOM基础(BOM简介、常见事件、定时器、this指向)BOM和DOM的区别和联系JavaScript的DOM与BOM的区别与用法详解DOM和BOM是什么?有什么作用?图解BOM与DOM的区别与联系BOM和DOM详解JavaScript 中的 BOM(浏览器对象模型)面试考查点包括事件捕获和冒泡机制前端面试必备 | DOM/BOM 篇(P1-20)
2023-09-22 18:12:55
281
转载 element-plus的自动导入和按需导入方式详解
element-plus的自动导入和按需导入方式详解 - 自由资讯官方文档:快速开始 | Element Plus
2023-06-12 16:26:25
381
转载 详解filter与fixed冲突的原因及解决方案
详解filter与fixed冲突的原因及解决方案问题描述当在body中使用了filter滤镜属性的时候,会导致fixed元素定位发生错误,即不再相对viewport进行定位,而是相对整个网页(body元素)进行定位。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19...
2020-07-28 21:05:53
2367
转载 HTML+CSS实现div的高度自适应填满剩余空间的7种方法
CSS实现div填充剩余高度转发:https://my.oschina.net/linsk1998/blog/3005190如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。当下面内容不够时,在下面部分出现滚动条有2种情况1.上面内容的高度适应内容,只有2种方法(flex、quirks+table)2.上面内容为固定高度,除了上面2种方法,方法还有(borderbox、position:fixed、top+bottom、javascript、...
2020-07-13 12:05:37
9927
原创 checkbox系列
1.解决checkbox属性checked为true但是未被选中的问题(转)原来是jQuery版本问题。 Attributes vs. Properties attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法在取某些 attribute 的值时,会返回 property 的值,这就导致了结果的不一致。从 ...
2018-05-24 18:03:37
120
原创 Bootstrap及相关插件
资料链接(转):Bootstrap复选框和单选按钮美化插件 Bootstrap table两种分页示例Bootstrap之Form表单验证神器: BootstrapValidator(转)Bootstrap表格添加搜索栏 JS组件系列——表格组件神器:bootstrap table(转) ...
2018-05-24 17:57:05
126
原创 代码检查工具jshint和csslint
代码检查工具jshint和csslint(转载).csslinttrc{ "adjoining-classes":false, "box-sizing":false, "box-model":false, "compatible-vendor-prefixes": false, "floats":false, "font.
2018-05-24 17:41:20
154
原创 解决浏览器记住密码--自动填充黄色背景
/* 解决浏览器记住密码--自动填充黄色背景 */适用于纯色背景: input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;//关于解决输入框背景颜色-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接...
2018-05-03 09:11:39
645
原创 CSS选取第几个标签元素:nth-child、first-child、last-child
在前端开发中,我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现?其实,如果前面文件是php开发的,可以通过php的循环语句+判断语句+css样式来实现。但是,如果是静态代码,php就无法用了。这时,我们还可以通过CSS来实现,CSS给我们提供了几个非常有用的样式参数:first...
2018-04-20 16:59:26
324
原创 实例讲解@media与@media screen的区别
在网站自适应设计中,@media与@media screen是必须用到的css代码,可能大家对此并不陌生。但是大家又知不知道@media与@media screen的区别在哪呢?在自适应设计中你是用@media还是用@media screen?你知不知道两者产生的结果有什么不同呢?这些问题我想很多人都不清楚吧。本文便通过实例给你说说@media与@media screen的区别,主要是告...
2018-04-20 16:47:09
1164
原创 css区分ie8/ie9/ie10/ie11 chrome firefox的代码
网站兼容性调试实在令人烦心,现在的网站设计人员真的要比以前费力很多,因为网页代码不再是只需满足一个IE6访问就行,而是要满足N多的浏览器访问正常才行。粗略算一下,目前至少要满足如下的浏览器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome内核,所以满足Chrome基本就满足了360。而IE家族真是一个版本一个样,我说IE怎么这么喜欢折腾呢?这给...
2018-04-20 16:45:42
228
table
个人笔记:兼容IE10、11/firefox/chrome<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="tex
2018-04-20 16:09:18
132
原创 css复合属性的写法
css复合属性的写法==========================================================1. 背景-background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜...
2018-04-19 17:57:24
841
原创 JS数组及其方法(slice,contact...)
JS数组的创建: 1,使用Array数组的方式: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]...
2018-04-19 17:56:36
1758
原创 css input[type=file] 样式美化,input上传按钮美化
css input[type=file] 样式美化,input上传按钮美化2014年8月29日 399797次浏览由于明天公司组织出去游玩,今天把这两天的博客都写了吧,今天的内容是input[type=file] 样式美化,input上传按钮美化。我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,i...
2018-04-19 17:40:01
148
原创 css判断ie版本才引用样式或css文件
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6
2018-04-17 18:01:04
1330
原创 摄影--1--有点想法
摄影后期处理公开课:http://sem.tanzhouedu.com/shiguang/sheji/sheying/pc6/摄影课程--虎课网:https://huke88.com/photography/9-841-0-0-0-2-0-16/?sem=baidu&kw=101729新手如何系统性的学习摄影?--知乎...
2018-04-13 10:15:38
160
原创 h5调用摄像头相关文章
html5调用摄像头使用Getusermedia和canvasHTML打开摄像头,进行拍照上传(前后端代码) PJHomePhotobooth.js基于HTML5实现摄像头webcam拍照webRTC(https://developer.mozilla.org/en-US/docs/WebRTC)允许浏览器直接操作底层硬件,例如,摄像头,来试试这个超棒的在线HTML5摄像功...
2018-04-13 10:12:16
213
原创 使用HBuilder编辑器将html5页面打包成APP
使用HBuilder编辑器将html5页面打包成APP (ios+安卓)1.首先先安装HBuilder编辑器。下载链接:http://www.dcloud.io/ 2.HBuilder编辑器 菜单---->文件---->新建---->App项目---->新增项目名字---->选择实例模板。 3.新建后,在mani...
2018-04-13 10:03:47
667
原创 博客、论坛网站
博客or社区:1.51CTO 2.思否(segmentFault)3.比较好的技术站点和个人技术博客4.掘金效果预览、源码下载网站:1.站长素材2.jquery插件库3.17素材(可在线查看效果,部分资源免费下载)4.dowebok(插件(fullPage.js等)、素材、代码) 网页动效:1.网页动画:JavaScript和CSS3 动效库大全...
2018-04-13 10:01:24
393
原创 vue-router 基本使用
vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分...
2018-04-12 10:01:14
79
原创 如何理解HTML语义化?
1、什么是HTML语义化?<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;...
2018-04-11 17:48:33
110
转载 手机端页面自适应解决方案—rem布局
只需在页面引入这段原生js代码就可以了1234567891011121314151617(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationc...
2018-04-11 14:14:09
130
原创 绝对定位元素的水平垂直居中
二、绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了。兼容性不错的主流用法是:.element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半...
2018-04-10 15:31:36
153
原创 阿里云服务器 ECS 访问不了公网 ip 可能的原因及解决方法
阿里云服务器 ECS 访问不了公网 ip 可能的原因及解决方法 终于决定买一台阿里云的服务器,然后下单成功很快就帮我配置好了环境,我一开始不知道初始密码,于是在云服务器管理控制台进行了重置密码,然后直接使用它给我提供的公网 ip 进行访问,结果显示访问失败,我还以为是环境没帮我配的,以为要自己配php环境(我买的是PHP运行环境(centos)),然后我使用本机去 ping...
2018-04-09 11:06:31
1772
原创 你不知道的Chrome DevTools --前端调试
google 调试 系列文章 共4篇原文链接: 你不知道的Chrome DevTools(1):神奇的console
2018-04-08 16:07:44
118
原创 Iconfont 使用及demo(单色、多色、渐变色) 案例demo
IconFont 图标的3种引用方式 新版Iconfont-阿里巴巴矢量图标库支持三种引用方式: 1.unicode引用(原始)unicode是字体在网页端最原始的应用方式,特点是:兼容性最好,支持ie6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目...
2018-04-08 15:37:56
2516
原创 jquery禁用右键、文本选择功能、复制按键的实现
//禁用右键、文本选择功能、复制按键 $(document).bind("contextmenu",function(){return false;}); $(document).bind("selectstart",function(){return false;}); $(document).keydown(function(){return key(arg...
2018-04-08 08:49:13
103
原创 前端 -- 页面滤镜效果及高斯模糊效果
原文链接:https://blog.csdn.net/MR_LP/article/details/65443047 0.前言注意: 若文章中发现图片无法加载,请移步作者其他博客。 * 简书 * 掘金最近在用手机的过程中,发现苹果在非常多的地方都使用了模糊的效果。高斯效果虽然炫酷,可是咱们身为前端人员,又该如何去模仿这个效果呢?这时候我们就要说到 CSS 3...
2018-04-04 15:14:36
966
原创 一个高度不固定的div,里面的文字如何垂直居中?
我也找了老半天,后来发现一个很强势的写法 简单暴力// 加在父级div中垂直居中:align-items:center; display: -webkit-flex;水平居中:justify-content:center; display: -webkit-flex;...
2018-04-04 15:09:34
530
原创 top、margin-top的区别
1、top、bottom、left、right是绝对定位,必须设置position为absolute。 margin一系列设置是相对定位。 注意:如果用top等,而position未设置为absolute,那设置是不起作用的。 2、top这些在绝对定位的前提下,这个绝对定位,是相对body 或者 position:relative的父级元素的绝对定位。 ...
2018-04-04 15:07:09
129
原创 js获取浏览器和屏幕的各种宽度高度
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari:window.innerHeight浏览器窗口的内部高度;window.innerWidth浏览器窗口的内部宽度;2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所...
2018-04-04 15:04:28
158
原创 (function($){函数(){xxxx}})(jQuery),我怎么调用这个函数呢?
(function($){function render(jq){ 这里是jquery代码}})(jQuery);我在html页面怎么调用这个render函数呢?在(function(){})();这里面可以调用render,外面调用不到的这个是匿名函数,里面的render是局部变量,要么把你的代码写在它里面,要么吧render函数移出来<script>(function($){ ...
2018-04-04 14:51:42
2482
原创 父窗口中获取iframe中的元素
js在父窗口中获取iframe中的元素1.Js代码 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); ...
2018-01-23 14:12:25
120
原创 各种进度条、加载样式--酷炫--大全
http://www.html5tricks.com/tag/css3%E8%BF%9B%E5%BA%A6%E6%9D%A1/
2018-01-19 10:32:05
1240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人