凌风的博客

北上广容不下肉身 三四线放不下灵魂

Front-end interview questions

ES6有哪些新的特性,浏览器的兼容性如何? let与const 关键字 可以把let看成var,只是它定义的变量被限定在了特定范围内才能使用,而离开这个范围则无效。const则很直观,用来定义常量,即无法被更改值的变量。 for (let i=0;i&...

2018-05-16 19:07:59

阅读数:22

评论数:0

div 垂直居中

垂直居中 法一:Flex 布局: .div{ display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ }

2018-05-14 14:39:01

阅读数:15

评论数:0

自定义angular 过滤器 之 去掉字符串尾部的符号

去掉尾部的符号 html: <td class="td_limit"> {[item.group | myfilter]} </td&am...

2018-05-14 14:34:42

阅读数:62

评论数:0

jquery --为当前 li下的a 添加样式

为当前 li下的a 添加样式 html: <ul id="head_nav_ul"> <li class="head_nav_li&qu...

2018-05-07 09:38:01

阅读数:58

评论数:0

点击导航栏页面滚动到指定显示位置---animate动画

animate动画 example: html: <ul> <li class="head_nav_li" data-value="index&q...

2018-05-07 09:37:51

阅读数:436

评论数:0

微页面下拉加载数据

下拉加载 first method: // 滚动到页面底部加载数据 $scope.page_init = function() { $(window).scroll(function() { ...

2018-05-07 09:37:38

阅读数:16

评论数:0

jQuery:将链接生成一张二维码图片

jQuery:将链接生成一张二维码图片 步骤: 引入js文件 <script src="/static/common/js/jquery.qrcode.min.js"></scr...

2018-05-07 09:37:06

阅读数:1187

评论数:0

css Flex 弹性布局

作用: 用来为盒状模型提供最大的灵活性 flex属性: flex-direction flex-direction =>决定主轴的方向(即项目的排列方向),规定灵活项目的方向 .box { flex-direction: colu...

2018-05-07 09:36:41

阅读数:15

评论数:0

pc端页面初始化样式

/* 基础样式定义 */ body, html, ul, li, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img { borde...

2018-05-07 09:36:32

阅读数:214

评论数:0

Vue-router导航钩子

作用: vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。 有多种方式可以在路由导航发生时执行钩子: 1.全局的 2.单个路由独享的 3.组件级的 全局钩子 //定义一个路由 const router = new VueRouter({ ... ...

2018-05-07 09:35:08

阅读数:16

评论数:0

移动端页面初始化的css样式

初始化的css样式 reset.css html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,...

2018-05-04 09:20:28

阅读数:107

评论数:0

复制链接到剪切板

复制链接到剪切板 作用: clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。 通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 。 步骤: 引入文件: <script src=&am...

2018-05-04 09:20:17

阅读数:18

评论数:0

css sticky-footers 布局

定义: 当头部区块和内容区块内容较少时,页脚能固定在屏幕的底部,而非随着文档流排布。 当页面内容较多时,页脚能随着文档流自动撑开,显示在页面的最底部; 效果: 实现方式: 方法一 :flex布局方式 html代码: <div cla...

2018-05-04 09:20:02

阅读数:24

评论数:0

angular api请求简单封装get(),post()

api请求简单封装 api 简单封装 $scope.api = { get: function (params, callback) { $http({ ...

2018-05-04 09:19:47

阅读数:155

评论数:0

radialindicat圆形进度条

radialindicat圆形进度条 效果: 步骤: 引入文件: <script src="radialIndicator.js"></script&g...

2018-05-04 09:19:14

阅读数:29

评论数:0

jquery --为当前 li下的a 添加样式

为当前 li下的a 添加样式 html: <ul id="head_nav_ul"> <li class="head_nav_li&qu...

2018-05-04 09:18:57

阅读数:211

评论数:0

CSS3 @keyframes 动画效果

@keyframes 案例 1. 先设置动画效果: @keyframs myframes{ from{ } to{ transform:translate(300px); } } 2. 在元素的样式中调用并设置动画执行: amimation-name:myf...

2018-05-04 09:18:02

阅读数:29

评论数:0

git 操作

git 操作 丢弃本地文件,用服务器上的。 git checkout -- a.txt //丢弃某个文件 git checkout -- . //丢弃全部 git放弃对当前文件夹的所有文件的修改 git checkout . 合并文件发生冲突的解决办法 $ gi...

2018-05-04 09:17:43

阅读数:25

评论数:0

点击保存二维码到本地

点击保存二维码到本地 效果: 步骤: html: <div class="resource_step_two cord_wrap" > <div id...

2018-05-04 09:17:19

阅读数:75

评论数:0

jQuery插件之slimScroll滚动条

slimScroll滚动条 作用: 将任何div转换成一个带有滚动条的可滚动区域。 slimScroll不占用任何视觉空间,因为它只出现在用户鼠标移入到这个div上的时候。 当用户进行onmouseover等鼠标移入的动作,滚动条才会显示出来。用户可以拖动滚动条或使用鼠标滚轮改变滚动...

2018-05-04 09:16:54

阅读数:202

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭