关闭

vue项目通过webpack打包生成的dist文件放到express里边运行(vue+webpack+express)

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

利用Ajax写爬虫 爬取某相亲网站全部交友信息

利用ajax异步传输技术,写了一个爬虫js。1个小时左右的时间,便爬取了2000多条交友信息,包括网名,年龄,图片,学历,工资等。当然,爬取的速度和网速有很大的关系,也和你要爬取的网站响应的速度有关。先看一下,爬取的成果(涉及隐私,面部全部打上马赛克) 说一下思路和代码流程: 首先require引入http(如果爬取的网站是https安全模式的话,引入https),fs...
阅读(5) 评论(0)

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

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

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

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

百度地图JavaScript版api使用说明

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

vue中传多选项数据到后台(判断数组中是否存在该项,存在则删除,不存在则添加)

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

vue项目nav导航栏的实现

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

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

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

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

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

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

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

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

利用VUE写一个在控制台打印当前的scrollTop, 首先,在mounted钩子中给window添加一个滚动滚动监听事件, mounted () { window.addEventListener('scroll', this.handleScroll) }, 然后在方法中,添加这个handleScroll方法 handleScroll () { var scroll...
阅读(177) 评论(0)

scrollTop

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

响应式Web设计:Media Queries和Viewport的区别和用法

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

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

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

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应用...
阅读(135) 评论(0)
25条 共2页1 2 下一页 尾页
    个人资料
    • 访问:2258次
    • 积分:209
    • 等级:
    • 排名:千里之外
    • 原创:11篇
    • 转载:7篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档