11 2017 档案

IIS新建项目
摘要：我在写网站的时候要 经常帮公司的游戏写界面，他们用的都是VS，然后要用IIS创建项目（配置环境）然后页面才能够在浏览器上看效果。 那就要先了解啥是IIS: IIS是Internet Information Server的简称。IIS作为当今流行的Web服务器之一，提供了强大的Internet和Int 阅读全文
posted @ 2017-11-30 11:39 额爷 阅读(243) 评论(0) 推荐(0)
给字体和元素加阴影text-shadow和box-shadow
摘要：1、语法： 对象选择器 {text-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影颜色} 注：text-shadow可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“,”分开。 2、取值： box-shadow属性最多可以有6个参数设置，他们分别取值： (1) 阴影水平偏移量 ：是 阅读全文
posted @ 2017-11-29 17:50 额爷 阅读(2566) 评论(0) 推荐(0)
css3 clac()方法
摘要：calc()从字面上可以把它理解成为一个函数function，英文单词是calculate（计算），是CSS3的一个新功能，用来显示元素的长度。 他的用途就是，如果你有一个元素，加了padding或者border就超出了原来预想的效果，或者把元素盒子撑破，这时我们就可以用calc()了, 注意： 1 阅读全文
posted @ 2017-11-29 17:10 额爷 阅读(618) 评论(0) 推荐(0)
CSS3动画@keyframes图片变大变小颜色变化
摘要：在我做公司官网的时候也会帮着写一些游戏的静态页，今天产品要求为了突出一个按钮，他要有颜色的变化而且要变大变小，然后我就在网上搜了下呼吸灯和其他的案例，写了个小damo，看着还有些魔性嘞。 html： 原理是这样的：body相对定位，.change绝对定位到.color上面，大小和.color一样，第 阅读全文
posted @ 2017-11-23 17:23 额爷 阅读(7353) 评论(0) 推荐(0)
height设置百分比的条件
摘要：很多时候我们在给height设置百分比的时候不起作用， 这时候就要来谈谈什么情况下才起作用了 1）所有父级元素必须有高度； 2）必须是块级元素，行内元素不起作用； 3）ie9 以下 使用 position:ralative 的块级 元素使用 高度百分比是无效的。 满足这几个条件，不起作用都难 阅读全文
posted @ 2017-11-22 18:05 额爷 阅读(997) 评论(0) 推荐(0)
input 的type类型值
摘要：input有很多属性，我们先来说一下最原始的，也就是HTML5之前的 1）text： 定义单行的输入字段，可扎起其中输入文本 2）password：定义密码字段，会显示自符掩码 3）file: 定义输入字段和“浏览”安按钮，供文件上传 4）radio： 定义单选按钮 5）checkbox：定义复选框 阅读全文
posted @ 2017-11-22 16:47 额爷 阅读(8998) 评论(2) 推荐(0)
vue.js条件渲染 v-if else-if v-for
摘要：v-if： 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： 在 Vue.js ，我们使用 v-if 指令实现同样的功能： 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个 元素当做包装元素，并在上面使用 v-if。最终的渲 阅读全文
posted @ 2017-11-21 17:56 额爷 阅读(8206) 评论(0) 推荐(0)
HTML5----响应式（自适应）网页设计
摘要：现在，很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，下面我就来说一下如何做响应式（自适应）的网页设计 1、在网页代码的头部，加入一行viewport元标签 <meta name="viewport" content="width=devic 阅读全文
posted @ 2017-11-21 11:56 额爷 阅读(33609) 评论(1) 推荐(4)
对生命周期钩子函数的理解
摘要：对生命周期钩子函数的理解，其实这也是我看得别人的然后自己修改了一下，下面是我做的实验， 看浏览器： 页面是这样的： 1、先看控制台 我们能发现挂载前el还是 {{message}}，这里就是应用的 Virtual DOM（虚拟Dom）技术，先把坑占住了。到后面mounted挂载的时候再把值渲染进去。 阅读全文
posted @ 2017-11-20 17:31 额爷 阅读(1009) 评论(0) 推荐(0)
encodeURIComponent()加密、decodeURIComponent()解码及v-html将字符串转换为html
摘要：1）新闻详情页后台给我的数据是加密之后的，我问了后台，是用encodeURIComponent()加密的，然后我就用对应的方法decodeURIComponent()解密： 2) 然后{{this.$store.state.news.main}}这样填数据，等我看页面的时候，页面上出现了一串字符串， 阅读全文
posted @ 2017-11-20 16:58 额爷 阅读(10983) 评论(2) 推荐(0)
VUE通过id从列表页跳转到相对的详情页
摘要：新闻列表页面： 在这里我用a标签进行跳转，在vue里面可以这样写<router-link></router-link> 新闻详情页： 1）首先要获取id 2）拼接到url上面 完整写法： 这样就可以把id传过去啦 阅读全文
posted @ 2017-11-20 16:32 额爷 阅读(19641) 评论(0) 推荐(0)
Angular项目 Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed.报错
摘要：在angular的项目里，一不小心就会出现这个错误[ngRepeat:dupes] ，这个问题是因为内容有重复引起的解决起来挺简单 在对应的ng-repeat指令中增加track by $index，意思是用索引值识别 例： 这样，报错就消失啦 阅读全文
posted @ 2017-11-20 11:27 额爷 阅读(1769) 评论(0) 推荐(0)
@media兼容iphone4、5、6
摘要：在网页中，pixel与point比值称为device-pixel-ratio，普通设备都是1，iPhone 4是2，有些Android机型是1.5。 那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机 iPhone4/4s的分辨率 阅读全文
posted @ 2017-11-20 10:30 额爷 阅读(1957) 评论(0) 推荐(0)
js返回上一页并刷新的几种方法
摘要：1、返回上一页 1）<a href="javascript:history.go(-1)"></a> 2）<a href="javascript:" onclick="history.back(); "></a> 2、刷新当前页面 <a href="javascript:location.reloa 阅读全文
posted @ 2017-11-20 09:55 额爷 阅读(1368) 评论(0) 推荐(0)
纯CSS手动滑动轮播图（隐藏滚动条）
摘要：HTML： CSS: 其实横向轮播很简单，只要宽度超出父级就可以滑动，主要是滚动条要隐藏，最外层和第二层都要有固定高度，然后外层比内层高度高一点，滚动条在最下面，然后最外层overflow：hidden；就可以啦 对比图： 之前：， 之后： 其实还有一些简单的方法，但只限于-webkit内核的，支持 阅读全文
posted @ 2017-11-17 16:53 额爷 阅读(4052) 评论(0) 推荐(0)
CSS的一些单位，如rem、px、em、vw、vh、vm
摘要：总结了一下一些单位的不同 px：像素（pixel）相对长度单位，，是相对于屏幕显示器分辨率而言的； em：em的值并不是固定的，会集成父级元素的字体大小； 注意： 1.body选择其中声明Font-size=62.5%； 2.将原来的px数值除以10，然后换上em作为单位； 3.重新计算那些被放大的 阅读全文
posted @ 2017-11-17 15:15 额爷 阅读(6566) 评论(0) 推荐(1)
js判断浏览器的类型
摘要：我们很多时候都需要判断浏览器，下面就是一些常用的判断 如果需要在各个浏览器下有操作，直接if(){}else{}就好了 阅读全文
posted @ 2017-11-17 14:49 额爷 阅读(254) 评论(0) 推荐(0)
VUE项目引入jquery
摘要：既然写项目，那么少不了用jq，那我们就引入进来吧 1、因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。 dependencies:{ "jquery":"^2.2.1" } 阅读全文
posted @ 2017-11-17 12:03 额爷 阅读(58580) 评论(3) 推荐(3)
安装搭配VUE使用的UI框架ElementUI
摘要：可以搭配vue的UI框架有几个，我用的是element-ui，现在呢，我要在复习一遍 1、vue init webpack-simple element-ui 2、cd element-ui 3、npm install(如果报错就用cnpm) 4、cnpm install style-loader 阅读全文
posted @ 2017-11-17 11:49 额爷 阅读(6882) 评论(0) 推荐(0)
VUE环境搭建，项目配置（Windows下）
摘要：公司想做官网，框架我自己定，然后就选了vue，那现在就来加深一遍vue的环境的搭建吧 1、安装node.js，这里就不再多说了，很简单，如果之前有安装就不用再安装了，可node -v查看node版本 2、基于node.js，利用淘宝npm镜像安装相关依赖，在cmd里直接输入： npm install 阅读全文
posted @ 2017-11-17 11:28 额爷 阅读(925) 评论(0) 推荐(0)
纯CSS写的各种小三角和小箭头
摘要：头朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的， border-top-color:black; //只有尖相对的方向border有颜色 同理，头朝上的小三角，只要把border-top-color改 阅读全文
posted @ 2017-11-17 10:52 额爷 阅读(9523) 评论(1) 推荐(0)
改变input的placeholder字体颜色
摘要：改变input的placeholder字体颜色，注意哦，只是placeholder的字，用户输入的字不可以 若只是移动端这样就可以，如实PC端的话，下面的都要加上 -moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o-代表ope 阅读全文
posted @ 2017-11-17 09:48 额爷 阅读(9391) 评论(1) 推荐(0)