- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用ExtractTextWebpackPlugin，造成引用antd的样式不生效
最近在项目中上使用antd时，发现如果webpack里配置了extract-text-webpack-plugin插件，会造成antd样式无效的问题。
2019-08-24 16:02:46
353
1
转载 ES6 常用特性
1.变量声明const和let 我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: function aa() { if(bool) { var test = 'hello man' } else { console.log(test...
2018-09-12 15:46:12
157
原创 dotdotdot.js文字超出隐藏常用功能记录
1.引用插件：<script src="jquery.js"></script><script src="jquery.dotdotdot.js"></script>2.CSS实现方法<div class="dot-ellipsis dot-height-50 dot-resize-update"> <p>Lorem ipsum dolor sit amet, consectetur adi
2018-01-01 19:24:26
2409
原创 translate3d模拟滚动条
做移动端页面，通常是不用原生的scroll,而是用translate3d来模拟，原因主要是原生的scroll对移动端的支持并不是很好，样式也不好看（有滚动条出现），用translate3d来模拟还可以调用GPU来加速，提高性能。html: <div class="wrap"> <div id="listContent"> <ul id="listC
2017-08-06 00:18:19
3459
原创 npm的package.json介绍
NPM,Node Package Manager的缩写，是nodejs的包管理和分发工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。使用npm重要的一个文件便是 packag
2017-07-31 11:09:01
603
原创 stick footer布局
需求：将footer固定到底部，文章内容不足满屏时footer在底部，超过满屏时footer在内容末尾。代码：<style> * { margin: 0; padding: 0; } html,body { height: 100%; } .wrap
2017-07-29 23:58:47
373
原创 vue的修饰符
在vue中，修饰符是以半角句号，指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。v-on的修饰符：.prevent: 提交事件不再重载页面；.stop: 阻止单击事件冒泡；.self: 当事件发生在该元素本身而不是子元素的时候会触发；.capture: 事件侦听，事件发生的时候会调用；.once: 与v-once作用类似，只渲染一次，第二次不会执行v-model的修饰符：.lazy: 延迟同步
2017-07-29 23:33:12
405
转载 vue注册组件的几种方式
1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册var Child = { template: '<div>A custom component!</div>'}new Vue({ // ... components: { // <my-component> 将只在父模板可用 'my-com
2017-07-28 22:22:22
10311
原创 三角形对话气泡效果
先贴图： 做项目要实现这样一个效果，第一眼一看很简单用三角形实现，但外面有一层边框，所以需要两个三角形来实现这样的效果。html:<div class="ans clearfix"> <img src="../../images/avatar.png" alt=""> <p class="a_txt"> 绑卡放款了，说明借贷关系已成立你注销银
2017-07-22 23:19:39
955
原创 jquery高级篇二
jquery高级篇二1.1节点操作parent() parents() closest()<style> #div1{ width: 300px; height: 300px; background-color: blue; } #div2{ width: 200px; height: 200px;
2017-07-20 00:15:10
215
原创 定时器相关面试题
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i);}答案： 输出 五 个 5 解释：要正确解答出这题，首先要知道 setTimeout 是异步执行的一个方法（setInterval也是异步执行），知道这样一个概念后，就可以理解，setTimeout这个方法是在一
2017-07-18 22:43:26
2636
转载 js获取当前页面的url网址信息
js获取当前页面的url网址信息1、设置或获取整个 URL 为字符串： window.location.href 2、设置或获取与 URL 关联的端口号码： window.location.port 3、设置或获取 URL 的协议部分 window.location.protocol 4、设置或获取 href 属性中跟在问号后面的部分 window.location.search 5、获取变
2017-07-06 21:44:01
263
原创 vue的学习记录-例题
vue的学习记录Hello Worldhtml:<div id="box">{{message}} <!-- 输出的内容 --></div>javascript:window.onload = function(){ new Vue({ //创建一个vue实例 el: "#box",
2017-06-27 15:07:40
415
原创 vue的学习记录--环境配置
vue的学习记录一、vue的环境布置（mac电脑）1.安装 Homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"在终端直接输入上面这段代码，然后回车，如果返回400的错误提示，建议翻一下墙，即可解决。Homebrew 的简单使用搜索软件：br
2017-06-24 19:50:00
429
原创 表单标签的简介
在实际开发网页中，经常会涉及到表单。表单标签共有4个：、、和。其中和是配合使用的。一、input标签表单 大部分表单都是用input标签完成的。语法：<input type="表单类型"/>详细的属性及属性值： 二、标签表单 1、多行文本框 语法：<textarea rows="行数" cols="列数">多行文本框内容</textarea>效果如图： 三、和 下拉列表由标签和标签配合使
2017-06-13 01:12:59
577
转载 div css文字字体行高行距 深入理解css行间距设置
div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置，字体行距如何最简单地设置。 在文章中，要实现调节设置每行文字字体间距（行距）是使用line-height属性。 要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来通过DIV CSS实例实现字体文字上下间距。 为了观察到行距设置效果，新建两个div盒子对象，分别div命名为“.divcss5
2017-06-11 23:38:15
10389
原创 Git的简单使用及文件上传到github
1、Window用户打开git bash，Mac用户打开终端，在命令行里输入：cd desktop //这个表示切换到桌面mkdir gitfile //新建一个gitfile文件夹cd gitfile //进入gitfile文件夹git init //初始化一个仓库 2、在gitfile文件下面新建一个 index.h
2017-06-08 23:37:13
270
原创 关于四种定位方式的介绍
定位，同浮动一样是前端开发人员进行css布局的另一神器。浮动布局比较灵活，但不容易控制，定位布局则相反，可以让用户精确地控制元素在页面中的位置“指哪打哪”，但缺乏浮动布局的那种灵活性。在css中，定位布局共有四种方式： （1）固定定位（fixed）； （2）相对定位（relative）； （3）绝对定位（absolute）； （
2017-06-07 23:46:07
14363
原创 关于清浮动的几种方法及注意事项
*关于清浮动的几种方法及注意事项*浮动，前端开发人员进行css布局的必备神器，但使用浮动会使元素脱离正常文档流，给我们造成一些不想要的效果，此时就需要用到“清除浮动”这项技能了。一般来说，清除浮动大家首先想到的使用“overflow:hidden”这个方法，这个方法清浮动最大的弊端在于“隐藏超出父元素的内容部分”，且应用于浮动元素的父元素，如果要清除浮动元素对后面元素的影响，此方法是行不通的。示例
2017-06-06 22:54:53
460
原创 滑动门效果
实现滑动门的效果，自适应内容的宽度。 代码： *{ margin: 0; padding: 0； } li{ list-style: none; } a{ text-decorat
2017-04-25 00:37:38
345
1
数据库选型分析.docx
2020-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人