2018年04月_cvper

原创千万不要在笔记本旁边喝水

人们经常说，不要在同一个地方跌倒两次；人们也说，防患大于未然；很不幸，我再次将水撒到笔记本上了；还记得第一次是在大学的时候，那个晚上通着宵写代码，还一边喝着可乐，一个不小心，碰到了可乐瓶子，造成了笔记本触摸板电路故障，笔记本电源故障，还好补救了一番，还能继续工作；今天下午，还是相同的情景，写着代码喝着水，又是一个不小心，打翻了杯子，这一次烧了键盘，心里那是一个凉啊；没办法，买了衣蛾外接键盘试了一...

2018-04-29 18:56:29 409

原创 webpack ents.js:161 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 127.0.0.1

在使用webpack 人更新的时候启动服务的情况下出现下面这样的情况：那么很有可能是端口的问题，所以可以在配置文件webpack.config.js中修改端口即可：下面是个人的配置：修改 port devServer:{ //设置基本目录结构 contentBase:path.resolve(__dirname,'dist'), //服务器的IP地址，可以使用IP也可以使用...

2018-04-29 15:19:46 399

原创移动端 1px 的问题

pc端你写一个边框 1px ,那就是1px 没什么异常，移动端可能在这个机器上细一点，那个机器上粗一点，这就产生了问题，原因主要是屏幕的类型造成的，原因这里不探讨，只看解决方案：先看看下面这两种方案： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

2018-04-26 18:55:56 774

原创 webpack 配置热更新 webpack-dev-server 设置 less 环境-------- 的感悟

不是配置相关的文章，仅仅是个人感悟；---------------------------------------------------------------------------本来就想简单的配置一个webpack的热更新然后使用less进行简单的开发；可是没想到这中间的坑太太多，还得考验你的运气：看看我的过程吧：预计配置时间：2h 结果：12小时计划赶不上变化啊！...

2018-04-25 20:36:57 1034 1

原创 vscode 缩进快捷键代码对齐快捷键

vscode缩进快捷键：选中文本； Ctrl + [ 和 Ctrl + ] 实现文本的向左移动或者向右移动；vscode代码对齐快捷键：选中文本； Shift + Alt + F 实现代码的对齐；...

2018-04-25 00:45:49 153294 13

原创 Not Really what i am after!

英语水平一般般，当看到 what i am after ，懵了，啥意思，查了一下资料，结合当时这位外国人和我说话的情景，意思是：不是我想要的，或者说 what i am after 是我所追求的意思；-------------------------------------------------------------------------------------after ...

2018-04-24 03:40:39 472

原创最新如何通过discord验证

vue的聊天室是用的discord,于是乎下载了一个桌面的版本，弄好才发现需要邮箱验证才能说话，否则有的功能受到限制，大家都喜欢自由，怎么受到束缚呢？于是打开自己的邮箱开始验证，本人使用的是新浪的免费版的邮箱，一直觉得很好用，但是这一次不灵光了，验证不过去，哎，啥原因呢，看了看验证的传输路径，居然.....google.com....所以啊，你也知道原因了吧，墙太高了，过不去啊，咋办，找个VPN...

2018-04-24 01:41:16 43290

原创移动端页面中的点击高亮效果 -webkit-tap-highlight-color

移动端和pc 端页面的效果是有很多区别的，下面看一下这个移动端的点击高亮：当我们写一个链接时，我看看看点击效果：上面我们点击的时候出现了高亮的背景色，有的时候我们不需要的话就需要进行设置：设置 -webkit-tap-highlight-color: 参数 ;这里我设置了背景色透明，就是没有颜色：a{ .wh(100px,100px); display:block; -webk...

2018-04-22 23:24:19 6917

原创 less 把属性名作为变量的方式

有没有觉得 background-color这个名字太长了，想换一个短一点的？使用 less 就可以实现了：@bgc:background-color;div{ width:200px; height:200px; @{bgc}:red;}注意的是在使用变量的时候需要 { } 包裹我们的变量名！...

2018-04-22 22:56:06 3579

原创移动端视口设置 viewport

提示：这里使用的测试工具是Chrome，老版本的Chrome，有的同学没见过这个，其实就是Chrome浏览器，如果有需要，可以留个邮箱；-----------------------------------------------------------先来看看第一个参数： <meta name="viewport" content="width=device-width">width...

2018-04-22 22:12:53 3017

原创 less 与 @media screen and ( .... )

在less 中使用媒体查询；我们使用less 和媒体查询实现下面的功能：当页面的宽度 > 500px 时，div 的背景颜色是绿色；当页面宽度<=500px 时，div的背景颜色显示红色；.abc(@bcg){ width:200px; height:200px; background-color:@bcg;}div{ .abc(green) }@media...

2018-04-22 21:23:39 8400 1

原创 less （七） when 的使用

下面看看 less when 的使用；我们写一个样式：当输入的宽度大于等于150px 的时候，给div添加一种样式；当输入的宽度小于150px的时候，给div添加另外一种样式；使用when就可以实现上面的功能：.bgWidth(@width) when(@width<150){ width:100px; height...

2018-04-22 18:35:02 6360

原创 vue v-show指令的使用示例

之前写了几个基本的指令的用法，这一次来看看 v-show 的使用，先看看常规的使用规则： <div style="width:300px; height:100px; border:1px solid red;"> <p v-show="true">v-show的使用 true显示</p> <p v-show="...

2018-04-21 14:19:19 2611

原创 vue 事件处理函数的参数问题 ev的指向问题

之前有说过这样一个例子，回车或者点击添加新的任务；我们的处理方式是：绑定事件函数，然后进行相关处理；<input type="text" placeholder="例如:下午三点召开工作会议 ;" v-on:keyup.enter="addThingEnter" v-model="to...

2018-04-21 13:29:48 5754 1

原创 less（六）混合的使用

直接看下面的代码：混合就相当于一个函数，我们可以使用不同的参数来反复使用这个函数；上面的代码首先定义了一个函数，有两个参数，那么函数内部，我们的border参数的设置就使用了这些参数；定义完之后，我们在div内部的p标签上使用了这个函数；和使用 js 函数是差不多的；上面只是定义了参数，参数还可以指定默认值的，我们改变一下： @width:100;@height:100;@...

2018-04-21 12:42:38 793

原创 Vue event.target.value( ) 获取当前文本框的值（回车或者点击触发）

Vue event.target.value( ) 获取当前文本框的值（由事件触发时）情景描述：假设当前有一个文本框，当我输入内容之后，回车或者点击一个按钮，我们在这个input 上或者这个按钮上绑定事件，触发事件之后执行相应的methods中的处理函数，在methods中的函数中是如何获取文本框中的值的呢？ ...

2018-04-21 12:10:28 39032 5

原创 less （五）父级选择 &

这个是什么意思呢，我们来看例子：<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="sty

2018-04-21 11:56:23 7537

原创 less （四）嵌套

<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="sty.css"&g

2018-04-21 11:55:35 347

原创 VUE router-view

<router-view></router-view>标签是vue-router中的一个东西，当满足路由的条件时，即触发路由时，将对应的模板渲染显示在这个标签的地方；例如：我们在SPA(单页应用) 中使用vue-router来组织我们的路由，比如现在有三个导航：Home news sports 三个导航，我们设计下面的路由：假设三个导航对应的模板是： Home...

2018-04-20 23:53:07 266

原创 less （三）一个less 文件引用另一个less文件

现在假设我们写了两个less文件，一个文件是a.less 另一个文件是 b.less;那么a.less文件中如何引用b.less中的文件呢？例子：先新建如下的目录结构文件信息：index.html<!doctype html><html> <head> <meta charset="utf-8"> <tit...

2018-04-20 19:45:55 23328 2

原创 less（二） less的变量和注释

上篇中，我们简单了解了less的使用环境和怎么使用less;下面我们了解一下less 的变量和注释less 的注释/*这是第一种注释*///这是第二种注释上面的第一种注释麻烦一点，但是当我们的less文件编译成css文件后，css文件中注释依然存在；相反的第二种注释简单一点，但是编译成css 文件后，css 文件中是没有注释的；less 的变量在前一篇中，我们已经...

2018-04-20 17:49:47 1136

原创 less （一） less 的环境

less , css的预处理语言，扩展了css ,但是不能直接使用，需要编译成css文件；下面看看如何配置 less 的使用环境；前提：安装node 环境，了解 npm ,第一步：全局安装 less 上面我们就安装了less;第二步：我这里在 f 盘下创建了一个 less 文件夹，文件夹里面有两个文件 index.html sty.lessindex.html<!doctype ht...

2018-04-20 16:53:22 736

原创 ES6 箭头函数

在ES6 中，增加了箭头函数这种新的形式，其实还是函数；下面简单了解一下：<script> let func = canshu => canshu; console.log(func(3)); </script>上面我们定义了一个函数，采用的es6箭头函数的形式；let 相当于之前的 var ，用来定义变量，但是...

2018-04-19 14:13:45 132

原创 vue2 基础（六）

本篇我们了解一下 v-model , v-if , v-for 这三个指令；当你了解这个指令怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；------------------------------------------------------------------------------...

2018-04-19 02:58:03 127

原创 vue2 基础（五）

当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------之前我们看了一些简单的一些概念性的东西，本篇...

2018-04-19 02:11:00 143

原创 vue2 基础（四）

当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------本篇我们来看看 v-html指令的用法；我们...

2018-04-19 01:24:41 112

原创 vue2 基础（三）

当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------在上一篇中，我们使用了 v-on 这个指...

2018-04-19 01:07:20 185

原创 vue2 基础（二）

当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------上一篇我们开始接触了一点点vue基础的东西，...

2018-04-19 00:14:18 205

原创 vue2 基础（一）

当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------vue 不支持ie8；使用vue有多种方式，...

2018-04-18 23:35:34 177

原创 JS Math对象的属性和方法

Math 是 js 内置的对象；先来看看Math 的属性：依次为: Math.E Math.PI Math.LN10 Math.LN2 Math.LOG10E Math.LOG2E Math.SQRT1_2 Math.SQRT2实例：其实都是常量，相当于一个数字； <script> //输出2.71... 也就是数学中 ...

2018-04-17 11:34:24 3141

原创 vue 安装使用 vue-cli

老版本如下（2018年 2.x ）：（新版本3.x往下看）vue-cli 可以帮助我们快速的搭建一个vue 的项目目录；首先安装vue-cli ：npm install --global vue-cli然后初始化一个基于webpack的项目，名字：cvper，其中会有各种参数提醒设置，随便来；下面根据提示来操作吧： cd cvper n...

2018-04-17 11:09:38 2002

原创 js 随机数

Math.random() js 产生随机数的方法；这里的随机数是伪随机数，结果的分布可能存在问题；使用方法：<script> var rd=Math.random();// 定义变量rd 存储 Math.random 产生的随机数 console.log(rd);//控制台输出产生的随机数</script>从上面...

2018-04-16 22:03:22 332

原创分享一道排序题现在有5000个数，每个数在 [0,99] ,都是整数，要求排序，时间复杂度 O（n）

题目：现在有5000个数, 每个数在 [0,99] ，并且每个数都是整数，现在要求排序从大到小或者从小到大，要求时间复杂度为 O(n)；解决方法：[[0],[1],[2],[3],[4],[5],[6],[7],[8],[9]......[98],[99]]定义这个一个结构，依次插入相应位置即可；...

2018-04-16 01:59:51 377

原创前端中使用路径 / ./ ../ ../../ ../../../ 的含义

当我们需要使用图片资源的时候，就涉及到了路径问题，我们来看看基本的几个 / ./ ../ ../../ ../../../ 的含义；第一个 / 这个斜杠代表的是根目录的意思，什么是根目录呢？先看例子：F盘中有个文件夹vue_bamboos和一张图片 test-me.png ...

2018-04-16 00:58:03 14067

原创前端如何查看浏览器对标签或者属性的兼容性

caniuse其实有很多的方法，这里介绍一下个人使用的方法：https://caniuse.com/caniuse网站中可以显示出你想要的结果，当然了，这只是一个基本的参考的作用，实际的情况还需要进行测试；安装使用caniuse-cmd你可能觉得还得打开一个窗口去搜索太麻烦了，那么我们也可以使用 caniuse-cmd ;在命令行下直接得到我们的结果；本人的windows8, 使用的git bas...

2018-04-12 00:48:44 3709

原创 javascrpit 事件捕获和事件冒泡

事件捕获和事件冒泡涉及到了事件的流程，我们先来看一个例子：一、添加事件监听：给 window 添加点击的监听事件，输出 “别点了，受不了了“ <script> function say(){ console.log("别点了，受不了了！"); } ...

2018-04-09 00:00:21 700

原创 DOMContentLoaded 事件

在javascript 中，DOMContentLoaded 事件是文档加载完成时触发的事件，文档加载完成是指DOM结构加载完成，不用考虑其它资源，比如图片等；我们来看一个例子：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta nam...

2018-04-08 18:30:16 4798

原创 Javascript DOM readyState 属性

readyState是DOM的属性之一；表示当前文档 document 的状态；有四种状态： uninitialized 还未载入文档 loading 正在载入文档 interactive 已经加载文档 complete 完成加载 ------------...

2018-04-08 17:59:47 1082

原创北京十里河文化城

乘地铁到达十里河站，然后出来向南边走上一百米，就是十里河文化城；鱼两边的商铺里面卖鱼的较多，但是无论什么品种，在我眼中都是金鱼，感觉鱼长的都是差不多的；植物再往里面走，露天的商铺上，各种各样的植物都有，还有些交易核桃的，我只知道核桃是用来吃的；宠物在最里面的位置还有几家店在卖小宠物，猫，狗，鼠，鸟等等；配饰有几种叫的上名字的，玛瑙石，还有些其它的，但是都不认识；乌龟这个单独拿出说，因...

2018-04-07 23:59:28 380

原创原生 js 实现无缝滚动轮播

上一次我们看了如何实现简单的轮播图，以及各种常用的效果实现；这一次，我们看看无缝滚动轮播图的实现（利用左边的margin 来实现）；原理：我们创建一个div，下图共红色部分；然后再div中创建一个<ul>，并且<ul>里面放置6个<li>, 每个<li> 中放置一张图片，前三张图片和后三张图片是重复的，如图标记1，2，3； ...

2018-04-04 00:28:34 3483 2

空空如也

空空如也