虔诚带着决然-优快云博客

原创使用Markdown编辑器 ---备份

欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体...

2018-12-03 13:47:39 351

原创 vue中使用axios发送请求

vue中使用axios发送请求 <div class="postBody"> <div id="cnblogs_post_body" class="blogpost-body"><p><span style="font-

2018-09-17 14:22:41 665 1

转载 webpack import css文件的环境配置遇到的Module build failed: Unknown word 及其他

博主在初学webpack的时候可是吃了不少的苦头，其中就包括导入css文件所带来的各种BUG，其中一些就特别的棘手，顺手就写篇博客分享给大家，希望跟博主遇到同样问题的伙伴们能借此早日解决自己的BUG。（由于博主是第一次写博客，所以有专业术语用的不对的地方希望大家指正哈~）   在使用webpack搭建vue-loader工程时，常遇到的问题可能有babel在es6到es...

2018-09-05 19:55:15 978

原创 JavaScript中getBoundingClientRect()方法详解

getBoundingClientRect()概述：这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top); ...

2018-09-03 10:03:31 386

翻译 webpack 移除严格模式

webpack 移除严格模式时，需要使用 babel 插件使用方式： remove &amp;quot;use strict&amp;quot; directive一：下载安装包$ npm install babel-plugin-transform-remove-strict-mode二. 使用方式 1. 如果使用的 .babelrc (Recommended).babelrc 文件添加...

2018-08-31 14:14:10 6389 6

原创 webpack中babel的配置问题

webpack，默认只能解析一部分的ES6的语法，我们需要安装babel插件，来辅助webpack解析语法。第一步：安装插件 1-1：cnpm i babel-core babel-loader babel-plugin-transform-runtime -D1-2：cnpm i babel-preset-env babel-preset-stage-0 -D...

2018-08-30 17:02:50 959 2

原创 git中提示 please tell me who you are

该错误就是提示就是需要你登录一下，确认你的身份；解决方案：例如： 1. git config --global user.email "652081631@qq.com" — 换行 2. git config --global user.name "pys"给上图片描述吧注意： email 和 name 需要 ” ” ;输入正确的之后就能使用 ...

2018-08-28 19:49:13 1908

原创在Vue项目中使用npm安装bootstrap以及jquery

经过我好多次的查询和实验，总结了一下在vue项目中使用bootstrap框架，npm安装注意. bootstrap中js插件依赖于jquery，所以在这之前必须安装jquery。jquery安装1、在package.json中添加一行代码：“jquery”: “...

2018-08-28 10:37:05 2636

原创 vue-loader加载不上问题

前言：webpack 整合vue 的时候，遇到了一个大坑，找了好多资料才弄好我们知道 webpack - - -默认无法解析 .vue 为后缀的文件，所有webpack需要下载一个解析 .vue 文件的 loader 下载 vue-loader 的方法有许多，我是使用vue-loader 是要依赖 vue 的，所以先下载 vuenpm i vue -S cnpm i v...

2018-08-27 14:42:52 7897 5

转载 vue-loader

vue-loader的概念其他loader：css-loader、url-loader、html-loader等先来了解一下模块的概念，比如在nodeJS中，有require和exports关键字。很早有个broserify，是个js模块加载器。现在流行的是w...

2018-08-27 10:11:56 6236

原创闭包是什么，有什么特性，对页面的影响

闭包“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。通俗的讲：就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。（这样在执行完var c=a()后，变量c实际上是指向了函数b，再执行c()后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包，为什么？因...

2018-08-27 08:17:19 375

我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提起。如今，很多学者本着知其然不欲知其所以然的学习态度，不求甚解，只求结论。所以，本文遵循 css hack 的渐进识别原则，结论 → 区别 → 争议 → 细节 → 祖坟 → 感想，逐渐加深理论层级，力争每个 level 的读者，都能 get 到自己...

2018-08-25 07:46:13 159

原创 chrome浏览器字体小于12px的解决方式

为了兼容所有的浏览器，使用缩放方式使字体变小比如以字体大小12px为基数，缩放90%就是10.8px 代码为：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>demo</title></

2018-08-24 16:39:41 2106

原创常见的浏览器兼容问题及解决方案

市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核：常见的浏览器内核可以分四种：Tr...

2018-08-24 15:43:59 457

原创前端面试题

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组...

2018-08-24 15:07:58 310

原创前端开发性能优化问题

Web前端性能优化的9大问题 1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入”www.xxxxxx.com”并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送...

2018-08-22 17:35:55 236

转载 js中的同步和异步的个人理解

2018-08-22 17:20:29 125

原创 nrm 的使用

当我们使用Vue来开发的时候，往往需要下载一些包、工具等npm 下载包地址 registry.npmjs.org 该地址属于国外网址下包速度比较慢为了提供下载速度：可以安装工具 nrm ,该工具提供了几个最常用的下包的地址；注意是地址，window + R --- &gt; cmd 打开命令输入： npm -install nrm -g ...

2018-08-09 19:31:16 6016

原创箭头函数 (=>)

前言，我们都知道es6中的箭头函数用的比较多；用起来也比较方便，接下来，我们就es6中的箭头函数来分析下用法：ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}...

2018-08-09 17:30:35 7541

翻译 URL中的hash（ ' # ' 号）

1.#的含义#代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法：step1：设置一个锚点定位到print位置step2：在页面需要定位的内容加上id=”print”。例如：测试...

2018-08-07 20:43:13 2348

原创 Vue 组件切换的过渡

Vue 组件切换的过渡上一章博客中，实现了组件的切换，不过对于有强迫症的码农来说，没有实现过渡，组件的切换就显得很突兀，下面就为他们加上过渡效果来增加用户体验声明组件<script> //组件名称是字符串 Vue.component('login',{ template :'<h3>登陆组件</h3>'...

2018-08-07 15:19:16 1820

原创 Vue 的组件切换

Vue 的组件切换的几种方式方式一： v-if 和 v-else 结合使用实现切换&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;tit

2018-08-07 15:02:19 4030

原创 Vue 创建组件的方式

方式一 1.1使用Vue.extend来创建全局的Vue组件 var tem1 = Vue.extend({ template:'&amp;amp;lt;h3&amp;amp;gt;这是使用 Vue.extend 创建的组件&amp;amp;lt;/h3&amp;amp;gt;' //指定组件要展示的HTML结构 }); 1.2使用Vue.component('组件名称',创建出来的组件模板对象)

2018-08-07 11:10:56 7277 1

原创 Vue中使用 transition标签或transition-group标签以及第三方类实现动画

Vue公司的动画并没有非常炫酷的效果，不过也是有一些实用性的，在项目中有的地方使用，也是能够营造出不同的效果下面为大家列举两个简单实现动画的例子使用 &amp;lt;transition&amp;gt; 包裹&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&a

2018-08-07 09:10:42 121887 7

原创 vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件

事件修饰符在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到，不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。为了解决这个问题，Vue.js 为 v-on 提供两个事件修饰符：.prevent 与 .stop。 . .—>阻止单击事件冒泡 ———- ...

2018-08-06 19:10:53 6022

原创 vue 生命周期函数

翻出笔记，发现有一个关于vue生命周期函数的，就发出来分享一下，与大家交流讨论图片上记录着vue实例生命周期函数的一些周期函数的详细介绍，希望能给大家一些帮助...

2018-08-06 10:19:08 335

原创 js里面的键盘事件对应的键码以及自定义键盘修饰符

js 里面的键盘事件对应的键码 js 里面的键盘事件经常用到，所以收集了键盘事件对应的键码来分享下：keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCo...

2018-08-04 15:12:25 1260

原创 vue.js ---按键/事件修饰符

事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。.stop.prevent.capture.se...

2018-08-04 14:52:04 335

原创 vue创建项目的步骤

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装; 检查是否有node.js npm vueWindow+R 输入：cmd 输入node -v 回车会出现node,js的版本输入npm -V(V大写) 回车会出现npm的版本如果没有安装vue 输入：npm install -g vue-cli//...

2018-08-02 16:51:37 33712 6

原创 Spring-Boot Maven项目生成jar包，部署到Linux服务器

Spring Boot生成jar ,本篇只针对于 idea 第一部分生成jar1.首先进入“Project Structure” ,之后点击 “Artifacts” 2.点击 + 号，选择JAR 3.进入选择，最后点击 OK 4.直接 Apply 、 OK 5.完成之后，就可以直...

2018-08-02 14:44:56 236

转载 Druid

参考：https://www.cnblogs.com/niejunlei/p/5977895.htmlDruid是Java语言中最好的数据库连接池。Druid能够提供强大的监控和扩展功能。Druid内置提供了一个StatViewServlet用于展示Druid的统计信息。这个StatViewServlet的用途...

2018-08-02 10:14:41 377

原创 Linux下Redis安装、配置、注册成服务,开机自启

第一部分：安装redis Linux系统 Redis安装包链接：https://pan.baidu.com/s/1yaMa71MtqVuQ_eGV2oKA1g 密码：7b5m例: 假如安装包存放路径: /opt/redis-4.0.10-tar-gz 希望将redis安装到此目录 ...

2018-08-01 14:09:11 555

转载 CSND如何转载别人的博客

前言对于喜欢逛优快云的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。实现...

2018-08-01 11:45:00 344

原创 HELLO CSND !!!

开通好久，就是没有在博客上发布什么东西，以后就会慢慢弄了，希望能与大家多多交流，共同进步！

2018-07-28 17:00:36 169

虔诚带着决然