baiyi4524-CSDN博客

转载纯css实现图片的灯光照射效果，高逼格图片展示

先不说技术，看实现的效果，与原图（左图）相比，‘灯光’ 照射（右图）下的小姐姐是不是更有魅力了！！那么下面就说说大家关心的技术实现过程。其实这是我在学习css属性mix-blend-mode 时想出的图片实现方式，下面先介绍一下mix-blend-mod...

2018-03-13 22:50:00 1229

转载 JS简单路由实现

说一下前端路由实现的简要原理，以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。 1 function Router(){ 2 this.routes = {}; 3 this.curUrl = '';...

2018-01-18 15:21:00 191

转载 vue路由对象（$route）参数简介

路由对象在使用了 vue-router 的应用中，路由对象会被注入每个组件中，赋值为 this.$route ，并且当路由切换时，路由对象会被更新。 so ,路由对象暴露了以下属性： 1.$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。 2.$route.params 对象，包含路由中的动态片段和全匹配片段的键值对。 ...

2018-01-18 14:54:00 1057

转载原生js写ajax请求（复习）

今天本地想测试一个接口，不想用框架想用js快速完成，突然发现，我居然忘了这个最基本的代码。好吧，只能复习一波。在框架泛滥的今天，用惯$.ajax()，axios，superAgent等框架的你们，还能清晰记得原生ajax的写法吗？ XMLHttpRequest 对象先来复习一下XMLHttpRequest 对象，方法描述 ab...

2018-01-16 17:19:00 166

转载 js,jq.事件代理（事件委托）复习。

<ul id = "lists"> <li>列表1</li> <li>列表2</li> <li>列表3</li> <li>列表4</li> <li>列表5</l...

2018-01-10 17:06:00 82

转载 CSS 设置table下tbody滚动条

table tbody { display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100%; table-layout:fixed; } table thead { width...

2017-12-20 16:38:00 110

转载 H5 调用手机摄像机、相册功能

<input type="file" accept="image/*" capture="camera"> <input type="file" accept="video/*" capture="camcorder"> <input type="file" accept="audio/*" capture="microphone"> ...

2017-12-04 16:26:00 819

转载 css实现六边形图片（最简单易懂方法实现高逼格图片展示）

不说别的，先上效果：用简单的div配合伪元素，即可‘画出’这幅六边形图片，原理是三个相同宽高的div，通过定位旋转拼合成一个六边形，再利用背景图层叠，形成视觉上的一张整图。下面咱们一步一步来实现。（1）那么第一步，当然是绘制容器，容器是一个有宽高的div。　　　　绘制之前，必须明白一个问题，那就是，等边六边形是通过三个相同宽高的div拼合而成的（如下图所示），所以div...

2017-11-29 16:16:00 262

转载 input表单的type属性详解，不同type不同属性之间区别

目标：详解表单input标签type属性常用的属性值一、input标签和它的type属性PS：input 元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下，什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。二、总结1、text 一个单行文本框，默认属性值2、password 隐藏字符的密码框3、search 搜索框，在某些浏览器中输...

2017-11-14 09:33:00 2239

转载 js对象，set和get方法的三种实现形式

1 var obj1 = { 2 name: 'shaanxi', 3 get nameGet() { 4 return this.name + 'a'; 5 }, 6 set nameSet(name) { 7 this.name = nam...

2017-11-13 17:29:00 401

转载 ssh远程登录命令简单实例

ssh远程登录命令简单实例 ssh命令用于远程登录上Linux主机。常用格式：ssh [-l login_name] [-p port] [user@]hostname 更详细的可以用ssh -h查看。举例不指定用户： ssh 192.168.0.11 指定用户： ssh -l root 192.168.0.11 ...

2017-10-31 10:54:00 94

转载 js页面间通信方法（storage事件）（浏览器页面间通信方法）

　　在写页面的时候有时会遇到这样的需求，需要两个页面之间传递数据或者一个事件。这个时候，就需要用到我今天所要讲的storage事件，学习这个事件之前，需要先了解localStorage的用法。具体用法可以查看其他文档。出发storage事件的条件如下：同一个浏览器打开了两个同源的页面一个网页中修改localStorage 另一网页注册了storage事件　　stor...

2017-10-25 22:01:00 177

转载 Node Sass could not find a binding for your current environment 解决办法

具体错误如下：解决办法：命令行执行 npm rebuild node-sass 命令（如果不行，则先运行npm install node-sass命令执行再执行npm rebuild node-sass 命令）然后启动服务即可。转载于:https://www.cnblogs.com/wangEddy/p/7664298.html...

2017-10-14 00:31:00 192

转载 git上传遇到 GitHub could not read Username 的解决办法

Gitversion 1.8.5.2 执行git push命令异常，如下： 1 Push failed 2 Failed with error: unable to read askpass response from 'C:\Users\eddy\.WebStorm2017.1\system\tmp\intellij-git-askpa...

2017-10-14 00:20:00 1062