随笔分类 -
JS
-
【Vue】Vue 组件交互(四)
摘要:本例介绍Vue 组件交互 1、新建Vue项目 参考:【Vue】Vue 项目搭建(二) 2、引入CSS index页面引入 bootstrap.css 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="
阅读全文
-
【Vue】Vue 组件(三)
摘要:组件介绍 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(tagNam
阅读全文
-
【Vue】Vue 项目搭建(二)
摘要:相关概念 1、npm: Nodejs下的包管理器。 2、webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包。 3、vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基
阅读全文
-
【Vue】Vue 快速入门(一)
摘要:Vue 快速入门 Vue介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结
阅读全文
-
【WebSocket】WebSocket快速入门
摘要:WebSocket介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直
阅读全文
-
【JS】AJAX跨域-被调用方与调用方解决方案(二)
摘要:解决跨域问题 跨域问题说明,参考【JS】AJAX跨域-JSONP解决方案(一) 实例,使用上一章(【JS】AJAX跨域-JSONP解决方案(一))的实例 解决方案三(被调用方支持跨域-服务端代码解决) 被调用方解决,基于支持跨域的解决思路,基于Http协议关于跨域的相关规定,在响应头里增加指定的字段
阅读全文
-
【JS】AJAX跨域-JSONP解决方案(一)
摘要:AJAX跨域介绍 AJAX 跨域访问是用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面 由于安全方面的原因, 客户端js使用xmlhttprequest只能用来向来源网站发送请求,比如在www.readlog.cn下去请求test.readlog.cn的数据,都是不行的。 什么
阅读全文
-
【JS】jquery展示JSON插件JSONView
摘要:JSONView介绍 jQuery插件,用于显示漂亮的JSON。 官网地址:https://plugins.jquery.com/jsonview/ git地址:https://github.com/yesmeck/jquery-jsonview JSONView使用 1、下载jsonview插件
阅读全文
-
【JS】点击页面判断是否安装app并打开,否则跳转下载的方法
摘要:应用场景 App产品在运营推广上有一个需求,就是要求可以让用户在访问我们的推广网页时,就可以判断出这个用户手机上是否安装了我们的App,如果安装了则可以直接在网页上打开,否则就引导用户前往下载。从而形成一个推广上的闭环。 解决办法 而对于点击链接后,能否直接打开,可以通过下面的代码来实现。前提条件:
阅读全文
-
【JS】判断浏览器类型
摘要:判断原理 JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另 一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之
阅读全文
-
【JS】jquery通知插件toastr
摘要:toastr介绍 toastr是一款非常棒的基于jquery库的非阻塞通知提示插件,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成JS,非常的方便使用。 学习参考地址:http://codeseven.githu
阅读全文
-
【JS】 伪主动触发input:file的click事件
摘要:大家用到input:file标签时,对于input:file的样式难看的处理方法一般有2种:
阅读全文
|