- 博客(22)
- 收藏
- 关注
RSS订阅原创 1、在React项目中引入微信SDK，npm安装了weixin-js-sdk，提示wx不存在，wx能用但是提示不存在，经排查是eslint的问题
在React项目中引入微信API，npm安装了weixin-js-sdk，提示wx不存在，wx能用但是提示不存在，经排查是eslint的问题
2022-07-21 10:21:19
1148
翻译 input 输入框频繁请求接口，如何正确的显示最后一次接口返回的数据？
使用axios的CancelToken中断请求页面中使用在需要使用的vue页面中引入import { source } from "@/http";之后：在你想要的地方使用
2022-01-11 12:35:35
562
原创 css3中nth-child选择器和nth-of-type选择器的区别
代码如下style> /*选中的是11*/ /*div span:nth-child(3){ color:red;}*/ /*选中的是33*/ div span:nth-of-type(3){ color:red;} style>head>body> div> p>55p>
2016-08-01 17:21:18
408
转载 transform(变形)和transform-origin(变形原点)
transform(变形)和transform-origin(变形原点) transform(变形)和transform-origin(变形原点)的说明： 目前这两个属性得到了各个主流浏览器webkit，firefox，opera ie9以上的支持，属性名分别为 -webkit-transform，-moz-transform，-o-tran
2016-06-24 17:53:24
703
转载 css选择器
4.2 CSS选择器（4）——属性选择器（Attribute Selectors）2008年05月8日4.2 CSS选择器（1）――通配选择器、类型选择器与ID选择器4.2 CSS选择器（2）――类选择器与包含选择器4.2 CSS选择器（3）――子元素选择器和相邻兄弟选择器4.2 CSS选择器（4）——属性选择器（Attribute Selectors）4.
2016-06-16 16:25:31
307
转载 SVG中的常用标签
以下六个标签是最常用的，相对简单一些的： 1）line ： 直线 1234567891011xml version="1.0" standalone="no"?>DOCTYPE svg PUBLIC "-//W3C//DTD
2016-06-16 15:30:28
1122
转载 css中相邻兄弟选择器
css中相邻兄弟选择器 (2012-01-04 10:11:33)转载▼标签： 选择器分类： css 昨天写一个css样式表的时候，由于想用标签选定相邻的元素，就查了一下资料，这个可以用相邻兄弟选择器。而这个是以前看过，但是没有真正用过的。所以，借这个机会又补了一下。 相邻兄弟选择器就是用+连接
2016-06-15 18:14:12
745
转载 https://isux.tencent.com/svg-animate.html(svg动画)
初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一个实例的写法带新同学轻松的打开SVG动画的大门。首先我们定义一块画布，然后在上面画一个圆形。他看起来应该是这个样子的：（每一个实例我都会附加图片以及demo链接，方便直
2016-06-15 16:54:46
685
转载 html5自带属性验证表单必填
html5自带属性验证表单必填2014年02月25日 ⁄ Html5 ⁄ 共 366字 ⁄ 字号 小 中 大 ⁄ 6条评论 ⁄ 阅读 6,515 次 为了防止恶意注册，通常会验证表单必填。实现方法以js为主，略微麻烦。今天才发现，html5如今已自带验证表单必填的属性（html5果然够体贴够强大啊~赞一个）。该属性为html5的新属性 require
2016-04-27 14:14:21
6955
转载 ajax提交form表单资料详细汇总
ajax提交form表单资料详细汇总一、ajax提交form表单和不同的form表单的提交主要区别在于，ajax提交表单是异步提交的，而普通的是同步提交的表单。通过在后台与服务器进行少量数据交换，ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统普通的网页（不使用ajax）如果需要更新内容，必须重载整个网页页面。二、通过ajax提交
2016-04-26 10:21:05
504
转载 HTML图片热区map area的用法
HTML图片热区map area的用法标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下：1area2 class=type3 id＝Value
2016-04-20 14:41:35
395
转载 各种浏览器的内核是什么
方法/步骤1一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
2016-04-15 15:34:24
432
转载 disabled和readonly的区别是什么
disabled和readonly的区别是什么:这两个属性有类似之处，但是区别也是巨大的，之所以说类似，是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态，下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助。一.作用范围不同:disabled属性可以用语所有的表单元素。readonly属性只对、和有效。二.对元素的影响程度不同:disabled属性阻
2016-04-13 15:12:07
698
转载 CSS中惯用的字体单位：px、em、rem和%的区别
CSS中惯用的字体单位：px、em、rem和%的区别CSS中常用的字体单位：px、em、rem和%的区别 在刚接触CSS时，px用的比较多，也很好理解，可是用久了就会发现有些缺陷，特别是在做响应式开发的时候。 那这么多单位到底在什么时候用什么单位合适呢？今天就来探讨一下。 先大致解释一下这些单位的意思： 1、pxCSS中常用的字体单位：px、em、rem和%的区
2016-04-08 14:28:22
2293
转载 HTML5中div section article的区别
刚刚开始接触 HTML5 时，对它的标签很不适应，甚至一度有点反感。尤其是对 div、section、article 这几个标签，实在弄不清楚应该使用在什么场合下。div这个标签是我们见得最多、用得最多的一个标签。本身没有任何语义，用作布局以及样式化或脚本的钩子（hook）。section与 div 的无语义相对，简单地说 section 就是带有语义的 div 了，但是千万不要觉
2016-04-01 12:18:28
272
转载 谷歌下面不支持小于12px字体的解决方案
http://w3ci.com/front/xHTMLCSS/34.html -webkit-transform:scale(0.8); //0.8位缩放倍数，具体自己根据实际需求修改 ---------------------------------------------------------------------------------------------------
2016-03-15 15:54:29
546
转载 史上最全的CSS hack方式一览
http://blog.csdn.net/freshlover/article/details/12132801
2015-12-10 18:13:09
232
转载 CSS 自动换行 word-break:break-all和word-wrap:break-word
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(c
2015-11-30 18:34:37
1169
翻译 js,jq
【定时器】 执行一次的定时器 循环执行的定时器 清除定时器 var aBtn = document.getElementsByTagName('button'); var timer01 = null;//null是对象型的初始值 是给js减负 目的是让js不要保留5份的存储空间了 只要留着对象型的空间即可 aBtn
2015-11-30 11:15:17
251
翻译 搜索框（js）
无标题文档 #box { width: 300px; height:40px; margin: 100px auto; } #myInp { background:url(img/left.jpg) no-repeat; width: 206px; height: 30px; border: none; padding: 5px; color: #c
2015-11-25 16:40:24
387
翻译 ie6bug
1、*或-下划线解决ie6的小bug:如：padding：0 24px; _padding：0 24px;2、双倍边距ie6的bug(既有浮动又有外边距)解决办法：-display：inline；3、ie6的高度小于19px的bug:解决：overflow：hidden；4、图下面出现5px大小的距离bug:法一：给图片写上width：和height：
2015-11-04 23:08:22
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人