王永存-CSDN博客

转载 proto和prototype

作者：doris链接：https://www.zhihu.com/question/34183746/answer/58155878来源：知乎1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构

2017-10-22 21:00:43 409

原创 css控制溢出部分显示省略号...

假设一个显示文本的标签，溢出部分显示显示“...”，效果如下图：通过定义css样式即可实现上图效果： overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/

2017-10-16 10:36:25 416

原创 vue跨域解决方法

vue跨域解决方法vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改header ...

2017-10-14 08:29:01 5313

原创 vue通过滚动行为实现从列表到详情，返回列表原位置

vue项目滚动行为场景：项目中，从列表进入详情，再从详情返回列表时，想直接定位到离开时的位置。列表页点击某一个进入到详情页：进入到详情页：从详情页点击返回到列表页到离开的位置：实现方式一：html5 history模式1在路由设置router/index.js中，设置组件的元信息被缓存。（keepAlive:true），并修改mo

2017-10-13 10:18:07 7150 4

转载网站的meta标签使用知识

Meta标签是网页最顶部出现的几段英文语句，那么Meta标签都有哪些呢？它们各自的属性又代表什么呢？下面就讲述一下，希望大家能了解一下：　　　　1、meta标签　　meta标签是html语言中，head区的一个辅助性标签。几乎所有的网页里，我们都可看到类似网页中meta标签的使用，关键字下面这段的html代码：　　＜head＞　　＜meta http-equiv="content-

2017-10-11 11:33:16 1398

转载 express获取表单中的文件和其他数据（enctype=multipart/form-data）

from表单上传文件时，为保证文件正确的编码格式，我们会为form设置 enctype="multipart/form-data" 属性，但此时我们又不能获取到input传递的值。表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有

2017-10-10 13:22:45 6100

原创 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

*HTML5 现在已经不是SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。*绘画canvas 用于媒介回放的video 和audio 元素本地离线存储localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素，比如article、footer、heade

2017-10-08 19:22:48 2995

转载 CSS 巧用 :before和:after

什么是:before和:after？该如何使用他们？:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。:after是css中的一种伪元素，可用于在某个元素之后插入某些内容。下面我们先跑个简单的代码测试下效果： style> p:before{ content: "H" /*:before和:after必带技能，重要性为满5

2017-10-06 21:13:59 958

原创 JavaScript中的正则表达式

JavaScript中的正则表达式正则表达式:又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。修饰符修饰符描述i执行对大小写不敏感的匹配。g执行全局匹配

2017-10-06 17:38:43 824

原创 html中form表单的使用方法和介绍

form表单的使用方法第1节、表单赏析第2节、了解表单功能：用于搜集不同类型的用户输入的内容有了表单，网页的内容可以由用户自己创建，那么对于网页来说，我们既是网页创建都者，也是网页的消费者。第2节、常用的表单元素ü form 表单ü input 表单元素，表单项ü select和option 下拉菜单ü tex

2017-10-04 09:43:33 89785 14

原创 html web页面中table表格的使用方法和介绍

html中table表格的使用一、表格赏析 1、基金网：http://fund.eastmoney.com/dingtou/syph_yndt.html 2、NBA: http://china.nba.com/standings/ 3、12306：https://kyfw.12306.cn/otn/leftTicket/init二、创

2017-10-04 09:22:15 22403

原创 html web页面锚点的设置

html页面锚点的设置一、锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。要想在页面中设置锚点就要用到a(anchor的缩写)标签了。二、超链接标签常见的属性： 1，href：用于链接到某个资源 2，target:表示目标，我们在打开一个页面时，是要新窗口打开还是在当前窗口打开，或是在框架中打开，就取决

2017-10-03 20:58:42 5619

原创 vue之登录路由验证

vue之登录路由验证vue的项目的登录状态如果用vuex状态管理，页面一刷新vuex管理的状态就会消失，这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。步骤如下：1、在登录组件里，将登录状态写入web Storage里。(一般写入session Storage，会话关闭，存储数据自动删除) if('登录成功')

2017-10-03 11:25:31 5872

转载 vue之组件 slot内容分发

①概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。 ②默认情况下父组件在子组件内套的内容，是不显示的。例如代码：[html] view plain copy div id="app"> child

2017-10-03 10:53:53 358

转载 Javascript中call和apply的区别与详解

转自：http://www.7old.com/jiaocheng/show-1412.html在js中call和apply它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数方式有所区别,下面我来给大家介绍一下call和apply用法。在web前端开发过程中，我们经常需要改变this指向，通常我们想到的就是用call方法，但是对于call的理解很多人不是很清晰，那么下面小编

2017-10-01 19:58:30 216

转载 vue组件的生命周期

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate　　在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created　　实例已经创建完成之后

2017-10-01 12:27:37 376

转载 HTTP技能之同源策略详解

同源策略在web应用的安全模型中是一个重要概念。在这个策略下，web浏览器允许第一个页面的脚本访问第二个页面里的数据，但是也只有在两个页面有相同的源时。源是由URI，主机名，端口号组合而成的。这个策略可以阻止一个页面上的恶意脚本通过页面的DOM对象获得访问另一个页面上敏感信息的权限。对于普遍依赖于cookie维护授权用户session的现代浏览器来说，这种机制有特殊意义。客户端必须在不同站点提

2017-09-24 21:48:36 428

转载 Ajax的使用四大步骤

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

2017-09-24 21:23:45 738

转载 css3 media媒体查询器用法总结

随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1：设置Meta标签

2017-09-23 19:58:44 744

原创 webpack打包vue项目后，一些文件图片路径找不到的问题解决办法

最近写了一个百度地图的项目，要求底部有一个导航栏。具体如下图：首先，拿到了底部导航栏的所有图标图片，图片都有两种。灰色的代表未选中，选中的用带样色的图片替换。先看一下，组件中 html结构：通过vue提供的v-for方法，进行遍历显示footNav这个数组。数组里边存放着{title:"银行"，url:" "，url1:" "}，将图片的 src与isSel

2017-09-23 15:40:59 9173 1

原创 vue项目优化之通过keep-alive数据缓存(vue+webpack)

通过vue提供的keep-alive减少对服务器的请求次数 VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。比如，一个页面的数据包括图片、文字等用户都已经加载完了，然后用户通过点击跳转到了另外一个界面。然后从另外一个界面通过返回又回到了原先的界面。如果没有设置的话，那么原先界面的信息就要重新向服务器请求

2017-09-22 21:07:55 3473

原创 vue项目优化之页面的按需加载(vue+webpack)

vue+webpack实现页面的按需加载通过vue写的单页应用时，可能会有很多的路由引入。当打包构建的时候，javascript包会变得非常大，影响加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。结合Vue的异步组件和webpackde code sp...

2017-09-22 20:46:16 28765 3

原创 vue项目打包后打开空白解决办法

vue+webpack+HBulider打包后手机上一片空白解决办法网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看

2017-09-22 19:11:36 41505 10

原创 Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider）

webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：打开HBulider,打开目录，选择这个list，项目名称自己更改。这个时候是web项目，需要改为APP项目更改前：更改后：在HB中打开这个dist，可以看到有一个manifest.json的文件。这个文件是用来配置应用信息的。因为

2017-09-22 17:23:29 37338 6

原创 vue项目通过webpack打包生成的dist文件放到express里边运行（vue+webpack+express）

通过Vue渐进式框架写了一个项目，项目写完后，通过npm run bulid 生成上线文件dist。但是在运行npm run bulid这条命令的时候居然报错，提示我什么缺少bulid，打开package.json看了一下，命名在的啊。通过与它对应的 node bulid/bulid.js 居然可以。现在通过webpack已经把所有文件进行整合到一起了。你不

2017-09-21 18:53:24 6314

原创利用node.js写爬虫爬取某相亲网站全部交友信息

点击查看爬取世纪佳缘相亲交友信息利用node.js，写了一个爬虫js。1个小时左右的时间，便爬取了2000多条交友信息，包括网名，年龄，图片，学历，工资等。当然，爬取的速度和网速有很大的关系，也和你要爬取的网站响应的速度有关。先看一下，爬取的成果（涉及隐私，面部全部打上马赛克）说一下思路和代码流程：首先require引入http（如果爬取的网站是https安全模式的话，引入...

2017-09-21 14:24:52 2633 2

转载 Doctype作用？严格模式与混杂模式如何区分？它们有何差异？

一、Doctype作用是什么？声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分？它们有何意义？严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己

2017-09-21 11:09:09 1123

原创 vue中利用百度地图API显示两点间的距离

先来看一下，要实现的效果：每个店铺的经纬度已经通过服务器获得，通过浏览器定位可以获得我的经纬度，然后可以通过百度地图API提供方法测量距离。在vue data 中已经定义了一个数组list，list中存放的店铺信息的对象，包含经纬度信息。html结构代码如下,通过v-for来遍历显示list中的信息。getDistance()是vue methods定义的方法，把item这个对象参数传

2017-09-20 17:52:17 7599 5

原创百度地图JavaScript版api使用说明

步骤一：申请百度地图密钥； JavaScript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请认证企业用户。百度地图API 链接地址:http://lbsyun.baidu.com/apiconsole/key 步骤二：在

2017-09-20 16:28:47 11076

原创 vue中传多选项数据到后台（判断数组中是否存在该项，存在则删除，不存在则添加）

先看一下要实现的目标。如下图所示，一室、二室.....五室以上为可选项，及点一次选中它，再点为取消。最后选完后，点确定时，带着选中的参数到后台请求数据。要实现这样的功能，简单点来说，可以利用JavaScript提供的方法。if (this.bedroomNum.indexOf(id) === -1) { this.bedroomNum.push(id)} else {

2017-09-20 15:34:59 24349

原创 vue项目nav导航栏的实现

每一个网页项目都少不了导航栏，通过原始的方法基本上都是可以写出来的。但是要写出代码量少，冗余度低的代码就要动脑子思考一下了。最近写了一个百度地图的项目，要求底部有一个导航栏。具体如下图：首先，拿到了底部导航栏的所有图标图片，图片都有两种。灰色的代表未选中，选中的用带样色的图片替换。先看一下，组件中 html结构：通过vue提供的v-for方法，进行遍历显示footNav

2017-09-20 14:53:47 31800 2

原创 vue项目中调用百度地图API使用简介

vue项目中调用百度地图API使用介绍步骤一：申请百度地图密钥； JavaScript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请认证企业用户。百度地图API 链接地址:http://lbsyun.baidu.com/apic

2017-09-19 21:02:48 24215 4

转载 HTTP请求中的form data和request payload的区别

在下面的例子中，表单数据会在未编码的情况下进行发送：enctype="text/plain"> First name: Last name: 定义和用法enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编

2017-09-19 09:33:52 933

转载 oninput、onchange与onpropertychange事件的用法和区别

前端页面开发的很多情况下都需要实时监听文本框输入，比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现，但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown/onkeypress/onkeyup在处

2017-09-16 17:01:56 344

原创 vue监听滚动事件实现某元素吸顶或者固定位置显示

最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted () { window.addEventListener('scroll', this...

2017-09-16 15:33:33 103631 23

转载 scrollTop

javascript scrollTop 获取滚动条相对于其顶部的偏移（如制作自动显示隐藏的“返回顶部”按钮）。在实际应用中经常会遇到以下问题：document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.

2017-09-16 15:28:23 461

转载响应式Web设计：Media Queries和Viewport的区别和用法

最近在研究响应式web设计，发现其实这东西其实挺难的，Media Queries和Viewport这两个概念就让人非常头疼，到底是只用其中一种就行，还是两者必须配合起来用，正在困惑的时候，发现了以下这篇文章，虽然没有全懂，但是似乎了解又更近一步了。前言现在使用移动设备人越来越多，移动版的Website随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为Bla

2017-09-14 14:38:25 660

转载利用@media screen实现网页布局的自适应

优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： name="viewport" content="width=device-width, i

2017-09-14 14:25:59 587

原创 Vue UI组件开发框架服务端辅助工具应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的移动UI元素vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用

2017-09-13 20:15:05 11402 1

原创 vue项目中路由验证和相应拦截的使用

在web项目中，经常需要根据是否登录进行路由的验证和相应的拦截。首先，在vuex里的store.js里边写一个存放登录状态，代码如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { user: false }, mu

2017-09-13 10:39:04 25223

node-api.zip

youhuiquan.zip

空空如也