html
静默思想
初次加入,多多包涵
展开
-
meta总结
什么是meta标签?引自下W3school的定义说明一下。元数据(metadata)是关于数据的信息。标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。标签始终位于 head 元素中。元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关...原创 2019-10-16 20:45:47 · 216 阅读 · 0 评论 -
Postman教程
简介:Postman是chrome的一款插件,用于做接口请求测试,无论是前端,后台还是测试人员,都可以用postman来测试接口,用起来非常方便。打开之后如下图所示,左边是项目具体的接口,右上上面是请求链接,请求体,右边下面是具体的响应体添加接口:先选择左边的 "colletions",下边有个带”+”的文件夹点击输入项目名称,点击"create"新建项目成功...原创 2018-08-06 18:10:57 · 1133 阅读 · 1 评论 -
移动端1px边框实现
/*手机端实现真正的一像素边框*/.border-1px, .border-bottom-1px, .border-top-1px, .border-left-1px, .border-right-1px { position: relative; }/*线条颜色 黑色*/.border-1px::after, .border-bottom-1px::after, .border-t...原创 2018-08-14 15:55:49 · 614 阅读 · 0 评论 -
神奇的选择器 :focus-within
伪类选择器 :focus-within言归正传,今天要说的就是:focus-within 伪类选择器。它表示一个元素获得焦点,或,该元素的后代元素获得焦点。划重点,它或它的后代获得焦点。这也就意味着,它或它的后代获得焦点,都可以触发 :focus-within。:focus-within 的冒泡性这个属性有点类似 Javascript 的事件冒泡,从可获焦元素开始一直冒泡到根元...原创 2018-08-02 16:32:42 · 300 阅读 · 0 评论 -
JS 瀑布流
第一步 创建模板首先你的想好,你想要创建几列,然后在body中创建好模板<div id="box"> <ul></ul> <ul></ul> <ul></ul> <ul></ul><原创 2018-08-07 19:17:43 · 193 阅读 · 0 评论 -
居中一个元素?你会想到啥?包括水平居中,垂直居中,还有水平垂直居中。 如果要再要细分,还要分浮动元素、绝对定位的居中。
第一部分:水平居中1、常规元素的水平居中行内元素、不定宽块级元素:text-align注意:将div#inner 换成 span#inner 效果一样。样式:#outer {text-align:center}<div id='outer'> <div id='inner'>水平居中的元素</div></div>...原创 2018-08-03 10:41:59 · 126 阅读 · 0 评论 -
arcTo画边框圆角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-10-15 12:20:36 · 297 阅读 · 0 评论 -
-webkit-user-select: none;导致的移动端input=text 无法输入
解决办法:* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none;}*:not(input,textarea)...原创 2018-11-08 19:23:17 · 1889 阅读 · 0 评论 -
Create-react-app+Antd+Less 在项目yarn eject 的情况下进行配置
暴露所有内建的配置(注:我这里用的是yarn)yarn eject注:如果yarn eject 报错的解决的方法git add .git commit -m 'aa'yarn eject 使用babel-plugin-import实现Antd按需加载,并修改package.jsonyarn add babel-plugin-import --save-d...原创 2018-12-13 17:32:39 · 375 阅读 · 0 评论 -
jsA页面传值 B页面拿取值
法一:A页面:var loc = location.href; var n1 = loc.length;//地址的总长度 var n2 = loc.indexOf("=");//取得=号的位置 var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容 alert(id);B页面:location.href="...原创 2019-05-10 11:58:42 · 346 阅读 · 0 评论 -
前台页面 弹窗去除域名显示
window.alert = function alertw(name) { var iframe = document.createElement("IFRAME"); iframe.style.display = "none"; iframe.setAttribute("src", 'data:text/plain,'); document.d...原创 2019-05-30 18:16:09 · 429 阅读 · 0 评论 -
小程序全面屏底部按钮适配
如果你的小程序页面按钮有用fixed定位到底部的话,那你一定会遇到兼容全面屏的坑(与底部横条重叠)。查了下文档,发现能用的就只有一个api:wx.getSystemInfoSync()wx.getSystemInfoSync()封装一个全局的函数代码如下:app.jsonLaunch: function (e) { // 判断设备是否为全面屏 t...原创 2019-05-29 11:50:20 · 4900 阅读 · 0 评论 -
了解 CSS 字体度量,行高和 vertical-align
<p class="p p0"><span class="c">Ba</p> <p class="p p1"><span class="c">Ba</p> <p class="p p2"><原创 2018-07-31 11:48:04 · 454 阅读 · 0 评论 -
less初学
安装 less$ npm install -g less //全局安装我们现在要编译less文件夹下的 tess.less 文件,编译时需先定位到项目中的less文件目录,然后使用如下命令进行编译,这样就可以将 test.less 文件编译成 test.css 文件了。$ lessc test.less test.css$ lessc test.less test.css...原创 2018-07-26 17:15:09 · 186 阅读 · 0 评论 -
Transition and Animation
Transition语法 1234567 .example { transition-property: all | none | <custom-ident>; transition-duration: 0s; transition-timing-function: ease | ease-in | ease-out ...原创 2018-07-26 10:38:22 · 309 阅读 · 0 评论 -
canvas第二天
<canvas id="myCanvas" width=1000 height=1000></canvas> var canvas = document.getElementById("myCanvas");var c = canvas.getContext('2d');/***颜色透明度渐变以及图案*/// var offscre...原创 2018-07-13 16:41:29 · 160 阅读 · 0 评论 -
canvas第一天
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2018-07-12 18:57:44 · 123 阅读 · 0 评论 -
用最短的CSS样式,写出好的效果
https://xxxgitone.github.io/2017/03/27/shape/蒙版文字覆盖一层蒙版,并在蒙版上书写文字。需要2层,从低到上为图片层、蒙版层(上面可写字) <div class='box' > <div class='back'></div> <!--正文层--> <div class=...原创 2018-06-29 12:26:09 · 3539 阅读 · 0 评论 -
calc函数 ---css3语法
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一...原创 2018-06-25 17:45:26 · 5604 阅读 · 0 评论 -
微信公众号支付|微信H5支付|微信扫码支付|小程序支付|APP微信支付
转自郑陆伟博客,原文地址:https://www.cnblogs.com/zhengluwei/p/7746095.html最近负责的一些项目开发,都用到了微信支付(微信公众号支付、微信H5支付、微信扫码支付、APP微信支付)。在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存。先说注意的第一点,所有支付的第一步都是请求统一下单,统一下单,统一下单,请求U...转载 2018-06-08 12:18:03 · 641 阅读 · 0 评论 -
git 的使用——基本的仓库创建,文件提交,上传操作命令,远程仓库关联
注意:安装的前提条件是配置好Git的相关环境或者安装好git.exe,此处不再重点提及 上传的步骤:(本文采用git 命令界面进行操作) 1.进入本地的项目目录,右键“Git Bash here”,调出git命令行界面,然后输入 git config --global user.email "you@examp...原创 2018-05-24 11:28:56 · 197 阅读 · 0 评论 -
移动端开发注意问题
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport使用viewport使页面禁止缩放。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-s...原创 2018-05-21 12:08:02 · 455 阅读 · 0 评论 -
前端性能测试工具简介
Favicon请不要忘记为你的网站加上它,它就好像是你的网站的 ID。无论你有没有 favicon.ico ,用户的浏览器依然会请求它。如果你忘记加上这个档案,你的网站就会返回 404 Not Found,这会让浏览器面红。。。所以你要小心一点,避免给予用户负面的第一印象。要解决这个问题,你可以透过?Favicon Generator?生成 favicon 和 manifest 档案。Open G...原创 2018-05-21 12:02:49 · 1714 阅读 · 0 评论 -
前端常见跨域问题
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求...原创 2018-05-12 15:17:45 · 165 阅读 · 0 评论 -
前端PC-移动端CSS公共样式+HTML
一:移动端公共样式[css] view plain copy/* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-s...原创 2018-05-08 12:05:31 · 2880 阅读 · 0 评论 -
微信自动关闭内置浏览器页面,返回公众号窗口 WeixinJSBridge.call('closeWindow')
微信自动关闭内置浏览器页面,返回公众号窗口 WeixinJSBridge.call('closeWindow')<!DOCTYPE html><html><head><meta charset="utf-8"><title>水务缴费/预存</title></head>&am转载 2018-05-07 09:59:18 · 7868 阅读 · 0 评论 -
你可能从未听说过这15个HTML元素方法!
虽然现代化的 web 开发更多地依赖各种 MVC 框架,但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过,即使是有着多年经验的前端开发者,也会遇到一些不明所以的情况。本文首先将为初学者介绍 HTML 与 DOM 的基本常识,随后为大家介绍 15 个比较冷门的 HTML 元素的方法。初学者指导首先让我们来讨论一下 HTML 与 DOM 之间的区别。显然,普通的<t...原创 2018-07-20 11:34:46 · 199 阅读 · 0 评论