- 博客(19)
- 收藏
- 关注
RSS订阅原创 兼容版的element.dataset
1. data 与 dataset的定义与使用data-* 属性是 HTML5 中的新属性, 我们可以使用data-前缀设置需要的自定义属性，来存储页面或应用程序的私有自定义数据,我们可以使用dataset属性（对象）访问在 HTML或 DOM中的元素上设置的所有自定义数据属性(data-*)集例子：<div id="student" data-age="12" data-...
2018-10-29 14:34:34
639
原创 Vue 2.4.0新增inheritAttrs，attrs
在看element-ui input组件的源码时发现，子组件并没有对应的props来接收父组件传递的placeholder值，查阅资料发现使用了以下两个特性实现父组件与子组件之前的数据传递（也可实现嵌套层级比较深组件数据的传递）inheritAttrs：默认值true, 在组件定义中添加inheritAttrs：false，组件将不会把未被注册的props呈现为普通的HTML属性$attr...
2018-09-25 15:46:47
431
原创 CSS 兼容IE8的线性渐变和旋转
因IE8不兼容CSS3旋转和渐变的属性，改用filter实现渐变以下效果为横向渐变，从左到右，加了透明度filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 finishopacity=50 style=1 startx=0,starty=0,finishx=100,finishy=0) progid:DXImageTransform....
2018-07-08 20:57:32
1457
原创 js检测浏览器是否支持标签的某属性
检测是否支持placeholdervar isSupport = 'placeholder' in document.createElement('input');
2018-07-05 10:19:54
575
原创 jQuery 切换元素可见状态的方法
点击按钮“Toggle”，实现文本的显示和隐藏1.toggle() 方法切换元素的可见状态如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素<button class="btn1">Toggle</button><p>This is a paragraph.</p>$(".btn1").click(function(){ $(...
2018-07-01 11:44:32
2216
原创 jquery 自定义弹窗插件
采用类级别的方式：$.extend({ showDialog (params) { return Dialog.show(params); }})插件的定义：因考虑同时至多一个弹窗，故export在创建了该弹窗对象之后。插件接受的参数包括标题、弹窗内容、关闭弹窗文本、回调操作文本及回调函数。show方法中将外界传入的参数加载到模板界面，然后将弹窗append到body...
2018-06-24 21:21:28
972
原创 SourceTree配置SSH链接GitLab
1. 打开终端2. 输入 ssh-keygen -t rsa -C "[email protected]" 输入注册gitlab的邮箱，看到如下即生成SSH key成功文件位于如下地址3. 复制id_rsa.pub文件内容4. 粘贴到gitlab settings -> SSH key5. 在SourceTree中配置与GitLab公钥对应的公钥参考： https://blog.csdn...
2018-06-14 14:48:07
4834
原创 source tree 安装跳过账户注册
1. 点击安装包安装，到第二步注册账号时，退出程序2. 勾选 “隐藏的项目”进入电脑文件夹：C:\Users\{电脑账号用户名}\AppData\Local\Atlassian\SourceTree3. 新建文件accounts.json， 添加如下代码[ { "$id": "1", "$type": "SourceTree.Api.Host.Identity.Model.Id...
2018-06-14 14:10:21
1372
原创 兼容IE8的垂直居中
子元素不定宽高1. 利用伪元素 inline-block & vertical-align, 该方法兼容ie8 (ie8仿真)该方法的居中子元素display属性为inline-block<div class="wrap"> <div class="content"> </div></div>.wrap {
2018-06-10 21:21:05
6944
2
原创 react-搜索框组件
借鉴React文档 “React的编程思想”章节，实现一个类似百度搜索的搜索框组件文档中的步骤为构建组件层次用React构建一个静态版本确定state的最小表示确定state的位置添加反向数据流一、构建组件层次结构如下-SearchBox -SearchInput -SearchResult -SearchResultList因后续望在下拉框显示“加载中”“已全部加载” ...
2018-06-03 23:02:03
13462
原创 i标签添加背景图片背景大小问题
background: url(../assets/img/arrow-right.png) no-repeat center;background-size: cover; /*background-size的cover特定值会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。*/display: inline-block;参考：https://blog.csdn.net/sw...
2018-05-21 10:35:59
5884
原创 事件
Q：什么是事件事件是文档或浏览器窗口中发生的一些特定的交互瞬间，是实现JavaScript与HTML交互的方式Q：什么是事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流，Netscape的事件流是事件捕获流DOM2级事件规定的事件包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段，IE8及以下不支持事件捕获阶段事件冒泡：事件开始时由最具体的元素（文档中嵌套层次最深的那个节点...
2018-04-22 22:38:56
73
原创 【TED】我们成年后依然能生成新的脑细胞
观看地址：http://open.163.com/movie/2015/12/V/N/MB6IJ08AU_MB729EVVN.html海马体能生成新的神经元，每天约700个，近50岁时，大脑的神经元结构来自成年时期的生长抗癌药物会组织新的神经元生成，这也是癌症治好后有抑郁倾向的原因之一 如果想要提高记忆、情绪，防止衰老，抗击压力：促进生成学习，运动，饮食（吃什么，什么质地需要咀嚼的好，什么时候吃，...
2018-04-22 10:48:08
164
原创 vue调试工具vue-devtools的安装
1.github下载2.进入到该目录下，运行npm install3.npm run build4.浏览器地址输入 chrome://extensions/ 进入扩展程序页面，勾选开发者模式，点击加载已解压的扩展程序，选择vue-devtools>shells目录下的Chorme文件夹，勾选允许访问文件网址5. 运行项目，打开网页即可...
2018-04-20 15:24:14
98
原创 vuex的使用
先安装 1.在src下创建store文件夹，并在其下创建如下文件2.在main.js添加如下3.4.5.6.7.8.别忘了在store.js添加如下。原以为会自动添加，但要显示的写出来否则报错...
2018-04-20 14:45:13
101
原创 vue中使用axios请求数据
1.在项目目录下运行npm install axios，安装完后会在node_modules文件夹下看到axios文件夹2.在配置文件中添加以下代码，实现跨域3. import后即可使用4. npm run dev
2018-04-19 20:27:25
5441
原创 在vue中关闭eslint的方法
如图，注释掉该行，然后重新运行 npm run dev撤销上步操作，将配置文件中的true改为false。 下图是更改后的结果。更改了配置文件后，需要运行npm run dev
2018-04-19 12:22:07
1132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人