共享博客 - 简单搜索

低版本IE浏览器不能识别opacity属性的解决方法

2024年04月07日解决方案：opacity: .6;filter: alpha(opacity=60);

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

2024年04月07日 Html (结构) : 超文本标记语言, 由 HTML 或 xhtml之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”Css (表现) : 层叠样式表 , 由css负责创建。css对“如何显示有关内容”的问题做出了回答。Js (行为) : 客户端脚本语言 , 内容应该如何对事件做出反应

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

css hack的概念？常见的过滤器有哪些？

2024年04月07日 css hack 概念：针对不同浏览器内容对同一段代码解析不同的处理方法。常见的过滤器：1.下划线属性过滤器语法：选择器{ _属性: 属性值; } eg:.box{ background: red; _background: blue; } 注：下划线属性过滤器只有IE6识别，其他浏览器都不识别.2. !important 关键字过滤器语法：选择器{ 属性: 属性值 !important; } e

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

表格高级（表格相关css属性）（表格重要html属性）、样式重置

2024年04月07日表格相关css属性1.合并相邻单元格边框(给table加) 语法：border-collapse: collapse(合并相邻单元格边框) | separate(相邻单元格边框分开);2.设置表格标题的位置(给table加) 语法：caption-side: top | bottom | left | right; 注：left和right只有火狐识别3.设置单元格之间的间距(给table加) 语法：border-spacing: 数值

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

使用CSS实现网站顶部彩色小长条小效果

2024年04月07日最近访问一些优秀的博客或者其他网站，很多站点的导航顶部，都会加一个彩色的长条，反正挺好看的，既然是代码添加的，那么鹏仔给大家分析下如何添加。第一种方法: 用背景图方式，可添加动态gif图，附代码<div style="background: url(https://ws3.sinaimg.cn/large/005U0fxfly1fx6uqjux78g30ag004dfs.jpg); height:4px; top:0; left:0; position: fi

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css选择器-层次选择器（关系选择器）

2024年04月07日 1. E F 匹配 E 元素下所有的子元素 F （后代选择器） eg:.box a{ color: red; } 匹配 .box 下所有的子元素 a2. E > F 匹配 E 元素下第一级子元素 F （子选择器） eg:.box>a{ color: red; } 匹配 .box 下第一级子元素 a3. E + F 匹配 E 元素后面紧邻的哪一个 F 元素（有且仅有一个）（相邻兄弟选择器） eg:.box+h1

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

使用弹性盒设置不定/定宽高元素在窗口/父元素中水平垂直居中方法

2024年04月07日 1. 使用弹性盒的方式实现不定宽高的元素在屏幕窗口水平垂直都居中，方法如下:html,body{ height: 100%; } body{ display: flex; juastify-content: center; align-items: center; }2. 使用弹性盒的方式实现不定宽高元素在父元素水平都垂直居中，方法如下:父元素{ display: flex; justify-content:

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

公众号开发如何获取access_token，获取返回 errcode":40164 如何解决

2024年04月07日今天开始接触微信公众号开发，在获取 access_token 时，返回{ "errcode": 40164, "errmsg": "invalid ip 117.136.86.87, not in whitelist hint:[UIluoA05892067]" }意思是这个IP 117.136.86.87 不在白名单内我们需要登录微信平台，在“开发”--“基本配置”--“公众号信息开发”--“

前端 JS JavaScript

市场主流五大浏览器内核

2024年04月07日 1. IE浏览器内核：Trident（IE内核）；2. Mozilla Firefox（火狐）内核：Gecko；3.Safari，Chrome 内核Webkit4. Opera（欧朋）内核：Presto5. 最新版本谷歌浏览器内核：Blink （由Google和Operasoftware联合开发的浏览器排版引擎）

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css选择器-结构性伪类选择器

2024年04月07日 1. :first-child 匹配每个父元素下的第一个子元素 eg:.uls :first-child{ color: red; } 匹配 .uls 下第一个子元素 eg:.uls li :first-child{ color: red; } 匹配 .uls 下第一个子元素 li ，此时 li 必须是父元素下的第一个子元素注: :first-child 等价于 :nth-child(1) 都是匹配父元素下的第一个子

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css3基础变形的语法以及使用介绍

2024年04月07日语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移);注: 当多种变形方式综合在一起时，用空格隔开1. rotate 旋转( X/Y/Z 必须为大写 ) ① rotateX(30deg) 沿X轴翻转30deg 等价于 rotate3d(1,0,0,30deg) 3d空间的沿X轴翻转 ② rotateY(30deg) 沿Y轴翻转30deg 等价于 rotate3d(0,1,0,

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

VUE中实现获取手机验证码之后倒计时60s内不允许重新获取

2024年04月06日今天上班刚好调取验证码登录接口，网上找了一个很不错的demo分享给大家，代码如下<span v-show="show" @click="getCode">获取验证码</span> <span v-show="!show" class="count">{{count}} s</span>data(){ return { show: tr

前端 JS JavaScript vue

使用原生js来实现瀑布流效果

2024年04月06日瀑布流网页页面效果目前是一种很常见的布局，下面使用原生js实现一个瀑布流效果，附代码如下复制代码，图片路径自己修改即可<style type="text/css"> *{ margin:0; padding:0; } img{ vertical-align: bottom; } #box{ position: relative; margi

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

表单介绍及表单常用语法详细介绍

2024年04月06日表单：作用：用来搜集用户信息语法:<form method="get/post" action="服务器文件"></form> 1.文本框语法：<input type="text" value="admin"/>2.密码框语法：<input type="p

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css背景渐变属性语法介绍以及使用

2024年04月06日 1. 线性渐变语法:background: linear-gradient(tp top, red 0%, yellow 30%, green 45%); 注: 重复的线性渐变写法如下background: repeating-linear-gradient(red 0%, yellow 10%, green 20%) 重复的线性渐变必须自定义渐变的位置才能出现重复渐变的效果2. 径向渐变语法:background: -webkit-radial-

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS