Shift2092-优快云博客

转载 static、fixed、absolute和relative定位方式详解

Position属性四个值：static、fixed、absolute和relative的区别和用法　　在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static（静态定位）：默认值。没...

2019-02-26 16:29:00 1606

转载 package.json的理解转自whkl梅

一、初步理解1. npm安装package.json时直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下2. package.json 中添加中文注释会编译出错3. 每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要...

2018-12-03 20:31:50 250

转载 npm的作用转自knqiufan

网上的 npm 教程主要都在讲怎么安装、配置和使用 npm，却不告诉新人「为什么要使用 npm」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」，大神您别看了，不然又说我啰嗦了 �� 社区程序员自古以来就有社区文化：社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。前端程...

2018-12-03 20:16:08 376

转载 html中设置table的各个td的宽度方法：

类似站内短信的形式的一个table，想要的实现结果如下格式：刚开始觉得“这里是名字”的td设置宽度为20%就可以了，代码如下： <table> <tr class="messageTrU"> <td width="20%">这里是名字</td> <td>

2018-11-17 15:23:41 39045 2

转载转载原文链接 https://blog.youkuaiyun.com/haoaiqian/article/details/72453286

一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板二、环境搭建安装node.js： 1....

2018-10-28 19:13:55 6570

原创失去焦点的时候，通过给最外层的父元素添加事件的方式让元素的选中边框消失和添加

$("#formDzjzyj").click(function(e){ if(e.target.id != "linkAreaOcr"){ $("#blankPanelOcr").removeClass("fd-pdf-ocr-selected"); } }); //window.f...

2018-10-11 18:02:43 388

转载绝对路径与相对路径科普

1.什么是绝对路径：大家都知道，在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置...

2018-10-09 16:40:27 229

原创子组件向父组件传值 demo2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&

2018-10-07 21:33:24 211

原创子组件向父组件传递参数demo1（官网demo）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&

2018-10-07 20:36:22 233

原创父组件向子组件传递参数的demo （组件通过局部定义，全局定义的也包含在里面了，但是先注释了）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=

2018-10-07 17:02:55 224

转载 less 入门

每一门技术的出现都是为了解决现存的问题，同样的，Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档中对 Less 的使用有详细的介绍，总结一下为：Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解，那么就可以很快的掌握并在你的项目中使用 Less。一、Less 使用初体验1. 使用 Less 写样式使用 Npm 全局安装 Less...

2018-10-04 22:46:15 220

原创 vue组件路由实例（二）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>aaa</title> <style> .active{ color:red;

2018-10-04 09:34:53 252

转载 JavaScript 的 this 原理转自阮一峰

一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中，虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样。请看下面的例子。...

2018-10-03 14:56:00 249

1. 学会过滤信息，找到重点总有人喜欢抱怨：为什么看了那么多的书，却没有什么长进？为什么这么快一天就过去了，我都不知道自己一整天干了什么。你应该找到重点，有目的地过滤信息、只做重点事项。古典在《跃迁》这本书里提到了三种“时代溺水者”，其中一种就是无法过滤信息的、找不到重点的人。大脑的信息负荷有限，如果接收过多的无用信息，不但会导致大脑超载，还会错过真正有用的信息。当你在接触到新信息时，必须学会...

2018-10-01 20:56:22 287

转载 require.js的用法转自阮一峰博客

我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　<script src="1.js"></script>　　<script s...

2018-09-28 22:33:31 286

原创关于样式

通过增加其权重的方式来设置优先级更高的样式属性。这对于给一组元素都添加完某样式后（统一添加的一样的样式），发现其中一个元素要做区别对待，这个时候就可以用以上的方式来设置特别的样式。...

2018-09-26 19:36:10 229

转载浅谈css的伪元素::after和::before 转自laden666666

css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。一、概念：1.定义The CSS ::before(::after) pseudo-element matches ...

2018-09-26 17:00:55 298

原创 vue路由入门

都是以三方组件的形式存在的 vue有官方的三方组件 vue-routervue路由是为了实现组件间的跳转。与components的区别是不用写在一个页面中，为模块化开发时提供方便。使用步骤如下：1：用定义变量的方式定义组建的配置项var Home = { name:”home”,template:”#home”};var News = { templ...

2018-09-16 16:45:06 262

转载 jQuery on()与off()需要同时使用吗（$().off().on()问题）

问：发现许多前端代码用jQuery处理绑定事件的时候，没有直接用on()写绑定事件(如：$(#id).on("click",function(){}));而是先用off()来解绑此对象的事件(如：$(#id).off("click").on("click",function(){}))。自己写了个demo发现两种方法没有什么区别，达到的效果相同。我知道on()绑定了事件不会自动解绑该对象的事...

2018-09-10 17:59:25 5783

转载 this的理解转https://www.cnblogs.com/pssp/p/5216085.html#!comments

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。例子1：...

2018-09-06 16:48:29 242

原创关于组件的一些概念（自己看的）

Vue2.0 中根元素只能有一个组件中data的数据定义方式： data:function(){return {arr:[a,b,c]}}原因：组件在项目运行过程中可能被创建多次，所以data要求是函数（本质上还是因为引用类型是把变量地址存储在栈中，而变量的实际值存储在堆中，数据传递实际上是地址的传递）为了解决js中多变量可以实现引用数据类型的数据共享...

2018-09-05 20:25:00 357

转载 requireJS的define函数

模块不同于传统的脚本文件，它良好地定义了一个作用域来避免全局名称空间污染。它可以显式地列出其依赖关系，并以函数(定义此模块的那个函数)参数的形式将这些依赖进行注入，而无需引用全局变量。RequireJS的模块是模块模式的一个扩展，其好处是无需全局地引用其他模块。 RequireJS的模块语法允许它尽快地加载多个模块，虽然加载的顺序不定，但依赖的顺序最终是正确的。同时因为无需创建全局变量，甚至可以做...

2018-09-04 13:51:07 249

原创关于vue组件（一）

组件定义组件的全局和局部定义方式，和过滤、指令的全局和局部定义方式基本一样Vue的组件就是自定义标签<组件名称>全局组件方法1、先定义构造器，再创建组件//Vue.extend(组件对象) 返回一个组件对象let myComponent = Vue.extend({ template:”<h4>自定义组件</h4>”});vue.co...

2018-09-04 09:32:24 225

转载 requirejs(必看篇) 原文链接 https://www.jb51.net/article/119496.htm

requirejs是干啥的啊？曾经，我们将一些js组件放到不同的文件，然后通过script标签引入，如果几个组件有依赖，那么要小心了，你必须将被依赖的放到前面，否则的话会出现啥啥啥is undefined或者啥啥啥is not a function之类的错误。比如一个jquery的插件显然是依赖jquery核心库的，所以jquery核心库文件必须先引入。项目小组件少依赖简单还好，要是项目大组件...

2018-09-03 15:03:11 1289

原创 9.2总结

对于checkbox（多选框）而言，如果没有value则绑定的是true或者false 对于select而言，如果option中没有指定value的值，（不论是在vue还是原生表单中）则提交的都是正反标签中的文本，如果指定了value的值则提交value的值计算属性采用缓存的方式处理过滤器的功能计算属性（computed）：功能与filter（过滤器）类似，区别在于filte...

2018-09-02 19:23:37 173

转载 JavaScript中基本数据类型和引用数据类型的区别

1、基本数据类型和引用数据类型　　ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。　　基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。　　当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型：　　Number、String 、Boolean、Null和Undefined。基本数据...

2018-09-02 17:35:14 133

转载 Web开发中前端路由实现的几种方式和适用场景

故事从名叫Oliver的绿箭虾`说起，这位大虾酷爱社交网站，一天他打开了 Twitter ，从发过的tweets的选项卡一路切到followers选项卡，Oliver发现页面的内容变化了，URL也变化了，但为什么页面没有闪烁刷新呢？于是Oliver打开的网络监控器（没错，Oliver是个程序员），他惊讶地发现在切换选项卡时，只有几个XHR请求发生，但页面的URL却在对应着变化，这让Oliver不得...

2018-08-31 14:54:52 355

转载 session的到底是做什么的？

前言：今天就来彻底的学一些session是个啥东西，我罗列了几个需要知道的要点： 1.session 是啥？2.怎么保存的？3.如何运行？4.有生命周期吗？5.关闭浏览器会过期吗？6.Redis代替文件存储session7.分布式session的同步问题 session是啥？首先，我大致的知道，session是一次浏览器和服务器的交...

2018-08-31 10:47:44 183

原创 vue指令总结

原生js的Style操作方式：xxx-yyy-zzz ——xxxYyyZzz例如：font-size ——fontSize在vue中同样遵循原生js的这种操作。2.1 v-text功能和{{}}是一样做文本的写入依赖于一个标签，值写在标签中<h4>{{msg}}</h4><h4 v-text="message"></h4&gt...

2018-08-29 18:08:08 378

转载解决Vue.js not detected的问题转自UaoSonic

前几天遇到了一个问题，在安装完Vue.js devtools后，打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色，点击图标显示Vue.js not detected，打开控制台也没有发现有vue的选项网上找了很多解决方案都没有解决，大部分都是让重新安装Vue.js devtools，搞了大半天终于解决了。我们先看看Vue.js devtools是否生效，打...

2018-08-28 19:50:08 1337

转载 webstorm 2018 激活破解方法大全亲测第三个有用

进入http://idea.lanyus.com/，如图：下载http://idea.lanyus.com/jar/JetbrainsCrack-3.1-release-enc.jar 。然后将补丁复制到webstorm安装目录的bin文件夹下面。接下来需要修改文件，使用记事本打开bin文件夹下面的WebStorm.exe.vmoptions 和WebStorm64.exe.vm...

2018-08-28 15:08:34 2202 1

转载 absolute元素在text-align属性下的对齐显示

一、absolute元素是否可以响应text-align属性？众所周知，text-align属性可以有效作用于inline/inline-block水平的元素，那么应用了position:absloute/fixed声明的元素呢？OK，实例说话，如下效果：//zxx:如果您在RSS阅读器中或是其他地方查看本文，可能看不到效果，您可以点击这里访问查看上面效果中的图片就是应用了pos...

2018-08-27 10:32:04 396

转载在 Win10 系统下安装 JDK 及配置环境变量的方法（这篇其它都正确，就是path那个有点问题）

如上图所示，如果有需要的话，点击“后续步骤”，将会访问教程、API文档和开发人员指南等内容，否则的话，直接点击“关闭”就可以啦！至此，在 Win10 系统下安装 JDK 完成。接下来，配置环境变量，使 JDK 全局生效。首先，找到 JDK 的安装目录，以博主为例，进入这一层 C:\Program Files\Java\jdk1.8.0_121目录，复制以备后用。然后，通过“控制面板”进入“系统...

2018-08-10 14:50:25 373

转载 win10下如何为jdk配置环境变量转（这篇在win10下的path设置有效）

安装好了jdk后，我们还需要为java配置环境变量。第一步，打开控制面板后一直按照下图的箭头指示处依次点击。第二步，新建一个名为JAVA_HOME的系统变量，第二栏的值即为你自己jdk的安装路径，这里的是我的，自己的依照自己的情况来。第三步，新建一个名为CLASSPATH的系统变量，在第二栏一字不差地输入.;%JAVA_HOME%\lib\dt.jar;%JAVA_...

2018-08-10 14:47:24 411

转载 git视频及对初学者的学习建议转自亨利的3D幻想世界

git视频及对初学者的学习建议我制作了共7集的git视频，这个视频本来是给自己的小开发团队的成员学习用的。我本来也没打算公开，主要是因为1.我制作的比较匆忙，可能有git知识点的错误讲解，可能会误导一些git初学者。2.我是南方人，普通话说得不够标准。视频没有字幕，其他的朋友如果看到这个视频可能听起来会似乎有些困难。但是我现在想分享给更多朋友的原因是考虑有很多gi...

2018-08-05 22:33:14 226

转载 Windows7下Cygwin加入鼠标右键，打开当前目录转自亨利的3D幻想世界

问题产生：装好了Cygwin，常常需要键入长长的路径，才能进入当前目录，非常不方便。搜索了相关做法，现在总结如下。Cygwin安装好之后，默认安装是在C:\cygwin。1. 增加Windows脚本在C:\cygwin下，用记事本创建一个文本文件，保存并命名为Cygwin.bat。这个bat文件其实就是Dos命令组成的脚本文件。键入如下代码 @ec...

2018-08-05 22:31:06 434

转载 Vue环境安装------转Bright2017的博客

伴随着前端框架的流行，前后台分的越来越清楚了。所以我也开始学习Vue了，今天简单和大家分享一下Vue的正常安装步骤。1.现在你的电脑上安装node.js，如果没有安装的朋友点击后面的链接去安装吧。https://nodejs.org/en/下载好，在命令板里自己检测是否成功，输入代码： node -v 安装成功的话会显示你的node的版本，如下图：2.安装安装淘宝镜像，速度会快一点。代码：npm...

2018-06-05 11:33:23 168

转载 Ajax（二）

什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax?第一步，创建xmlhttprequest对象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest对象用来和服务器交换数据。?12345678varxhttp;if(window.XMLHttpReq...

2018-05-05 16:50:18 152

转载 Ajax工作原理（一）

Ajax指Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。而实现的原理基础就是：网页DOM对象可以精确地对网页中的部分内容进行操作、XML作为单纯的数据存储载体使得客户端与服务器交换的只是网页内容的数据而没有网页样式等等的附属信息、XMLHttpReques...

2018-05-05 15:14:59 363

转载 innerText 与 innerHtml的区别

innerText 与 innerHtml 都是打印标签之间的文本信息1、innerText打印标签之间的纯文本信息，会将标签过滤掉，低版本的火狐浏览器不支持，而是支持textContent[html] view plain copy <!doctype html> <html lang="en"> <head> <meta charset...

2018-05-05 11:15:17 208

空空如也

空空如也