VUE 相当 IE ActiveXObject ProgID

2024-09-05

JS调用activeX实现浏览本地文件夹功能 wekit内核只需要<input type="file" id="files" name="files[]" webkitdirectory/>即可，IE内核比较麻烦

研究了一天,js访问本地文件本身是不可能的,只能借助于插件.植入正题,IE仅支持ActiveX插件. function openDialog() { try { var Message = "请选择文件夹"; //选择框提示信息 var Shell = new ActiveXObject("Shell.Application"); var Folder = Shell.BrowseForFolder(0, Message, 0x0040, 0x11); //起始目录

JS入门之ActiveXObject对象（转载）

JS入门之ActiveXObject对象此对象提供自动化对象的接口. function ActiveXObject(ProgID : String [, location : String]) 参数 ProgID 必选.形式为"serverName.typeName"的字符串,其中 serverName 是提供对象的应用程序的名称,typeName 是要创建的对象的类型或类. location 可选项.要在其中创建对象的网络访问器的名称. 备注通常,自动化服务器会提供至少一

TodoMVC中的Backbone+MarionetteJS+RequireJS例子源码分析之三 Views

这个版本的TodoMVC中的视图组织划分比较细,更加易于理解,这也得益于Marionette为我们带来了丰富的视图选择,原生的backbone只有views,而Marionette则有itemview, collectionview, compositeview 和layoutview. js/templates.js /*global define */ define(function (require) {//这里用了简写,因为require.js是CommonJS 模块,相当于 defin

javascript检测ActiveX插件是否安装/启用

本文主要提供在IE浏览器下检测ActiveX插件安装/启用的状态. 在一些应用开发中,需要用到一些第三方提供的ActiveX插件,如Flash插件. 为了在未安装插件的浏览器显示友好的提示,需要用到主动检测插件的安装/启用状态. ActiveX插件本质上是一种COM组件,安装了之后会在注册表HKEY_CLASSES_ROOT\CLSID目录下创建一个名称为控件的CLSID的项,展开这个项,下面还有一个名称为ProgID的项,它有一个默认值代表控件的名称.如XML HTTP 6.0的CLSID为:

XHR 框架与 Dojo( xhrGet,xhrPut,xhrDelete)

总结本文介绍了 Dojo 中三种浏览器与服务器交互的方式,这三种方式各有优缺点,但是在使用方式却出奇的一致: xhr 框架的函数,dojo.io.iframe.dojo.io.script 对象的函数使用的 JSON 对象参数也极其相似,而且浅显易懂. Dojo 设计者的这一良好设计极大的减轻了开发人员的学习负担,作为框架开发人员应该了解这一理念.表 2 对这三种方式从三个方面进行了比较. 支持的 HTTP 请求类型期望的输出跨域 XHR Get, post, delete, put

[转]掌握 Dojo 工具包，第 2 部分: XHR 框架与 Dojo

作者:secooler 快乐的DBA Ajax 的兴起改变了传统的 B/S 结构应用程序中以页面为单位的交互模式,Ajax 引入的局部刷新机制带来了更好的用户体验,促使浏览器中的页面开始向应用程序发展,Google Mail, Google Reader 是在这种趋势下诞生的典型应用. Dojo 提供了基于 XmlHttpRequest 的对象的 XHR 框架来支持异步 Ajax 调用,另外 Dojo.io 包中提供了两种浏览器与服务器交互的方式:iframe. 隐藏框架和 script. 动态

Vue和Bootstrap的整合之路

我是一个刚刚接触前端开发的新手,所以有必要记录如何将Bootstrap和Vue进行整合. 如果你是老手,请直接绕道而过.作为一个新手,里面的步骤,过程或者专业术语未必正确,如果你发现哪里错误了,请发邮件至ztao8607@gmail.com Vue官方不建议新手直接使用vue-cli,但我不这么看. 先使用cli跳过繁琐的环境配置,直接看到demo效果能增强点自信心.如果上手就被一大堆的环境配置搞乱了心情,那才是得不偿失呢. 恩. 至少我是这么认为的. 使用vue-cli 如果是使用国内网络安装

vue使用之剑走偏锋——菜单组件篇

背景习惯了这样的写法了,上来先来一个背景,交待一下事情的起因.事情的起因很简单,用惯了mvc框架,想来一发前后端完全分离的框架试试.选用的人员和技术是这样子的,让原本做java的web开发的人员使用vue,在visual studio code里面写纯前端的代码,然后由.net的同事,提示webapi2的接口.关于这个设计中的权限验证等问题,会单独一篇笔记进行介绍. 这里要说的是,由于前后端分离,导致没有了后台的java模板或者.net的razor之类的视图引擎.没有了这种东西会很尴尬,因为需

Vue解析一之挂载全局变量与方法

1.在mian.js里面进行Vue对象的原型连的挂载Vue.prototype.$ajax = Ajax; 2.使用Mixin: VuVue.mixin({ data(){ return { Host:window.location.href.split('/gonghui')[0] } }, methods:{ parameterDeal(_parameter){ var _sender=""; if(_parameter instanceof Object){ for(var k

vue双向绑定的简单实现（原创）

简单模拟一下vue的双向绑定实现,代码比较粗糙,菜鸟一枚,欢迎各位大佬斧正 1.实验环境: 利用a.b两个input,a代表页面中的数据,b代表data中的数据 2.原理: 利用Object.defineProperty()方法实现数据的更新:使用oninput(IE下的)和onporpertychange(非IE下的)方法对input框中值的改变进行监听 3.代码注:以下原生js实现 <!DOCTYPE html> <html lang="en"> <

vue实践---vue结合 promise 封装原生ajax

有时候不想使用axios这样的外部依赖,想自己封装ajax,这里有两种方法方法一,在单个页面内使用封装的代码如下: beforeCreate () { this.$http = (() => { let createFetch = (type, url, params) => { return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest() xhr.onreadystatechange = () =&

三种实现AJAX的方法以及Vue和axios结合使用的坑

前言之前曾经想自己写一个天气的App,并找到了一个免费的天气数据接口的服务商--和风天气,当时也不懂怎么发HTTP请求,而且也只会用Java语言,看到官方文档里面有一个Java代码示例,就复制了一下在自己电脑上调通.一开始是在控制台输出天气数据的,后来用Swing写了一个图形化界面并放置数据,但也就到此为止了,并没有什么实用价值. 最近学习了一下前端的相关知识,发现像和风天气这样的数据接口,根本不需要用到像Java这样的大型语言,只需在网页端用Javascript发HTTP请求就能获得JSON

vue.js层叠轮播

最近写公司项目有涉及到轮播banner,一般的ui框架无法满足产品需求:所以自己写了一个层叠式轮播组件:现在分享给大家: 主要技术栈是vue.js ;javascript;jquery:确定实现思路因工作繁忙,暂时不做梳理了:直接贴代码参考: 此组件是基于jquer封装,在vue项目中使用首先需要先安装jquery插件:指令:npm install jquery,安装完成之后再webpack.base.conf.js配置插件: plugins: [ new webpack.ProvidePlug

vue项目集成金格WebOffice2015

下载官网地址:http://www.goldgrid.com/jinge_download/index.aspx?num=5 解压后的文件 js文件中有两个重要的js文件iWebOffice2015.js和WebOffice.js WebOffice.js是WebOffice2015对象的一些方法. iWebOffice2015.js是根据不同的浏览器环境来渲染<object> 实现将iWebOffice2015.js和WebOffice.js放入static目录下 index.html中

在vue项目中使用自己封装的ajax

在 src 目录下新建 vue.extend.js ,内容如下: export default { install(Vue) { Vue.prototype.$http=function(options){ /*将数据转化为字符串*/ var strData=function(data){ var dataStr=""; for(var key in data){ dataStr += key+'='+data[key]+'&'; } dataStr = dataStr &am

Vue+Java实现在页面树形展示文件目录

getInfo.class /** * @author Sue * @create 2019-07-16 15:06 **/ @RestController public class getInfo { static StringBuilder buf =new StringBuilder(); StringBuilder sb = new StringBuilder(); int kai = 0; public void println() { System.out.println(buf);

vue使用远程在线更新代码

一.main.js import Vue from 'vue' import App from './App' import router from './router' import Vuex from 'vuex' import store from './store' import axios from 'axios' import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css'

Vue + axios + SpringBoot 2实现导出Excel

Vue + axios + SpringBoot 2实现导出Excel 1. 前端js代码-发送Http请求 /** * 文件下载 * @param url 下载地址 * @param fileName 文件名称 * @param params 参数 */ downloadFile: function (url, params) { params = params || {} let httpService = axios.create({ timeout: 300000, // 请求超时时间

基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框

vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dialog.Message.Notification.ActionSheet.Toast.Popover.Popconfirm等众多功能于一身的轻量级pc弹层组件.通过精巧的逻辑.布局解决复杂的对话框功能,为你呈现多样化弹出框效果! VLayer 在设计开发之初借鉴了业界有名的Layer弹窗.Eleme

Vue.js 和 MVVM 小细节

MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定. Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层.它的核心是 MVVM 中的 VM,也就是 ViewModel. ViewModel负责连接 View 和 Model,保证视图和数据的一致性,这种轻量

wepack+sass+vue 入门教程（三）

十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助webpack将符合条件的源文件转换为对应的目标格式文件.比如index.scss转换成index.css 安装成功后,package.json文件变化如下: 接着,安装extract-text-webpack-plugin,让webpack可以输出css格式的文件 npm install --save-

VUE 相当 IE ActiveXObject ProgID

热门专题