前言:最近做一个vueNuxt的项,没有index.html 也没有main.js项目需要引入一些外部的包,没什么技术含量只是一种思路 在vue生命钩子函数中动态创建JavaScript标签追加到HTML页面上引入 (function() { var hm = document.createElement("script"); hm.src = "需要引入的外部Url链接"; var s = document.getElementsByTagName("s

IE目前已经放弃了自己的独特化,正一步步迎入互联网的主流怀抱.但迫于有用户存在,还是要兼容到IE8,9, 以上. 下面聊一下如何在vue框架中兼容IE 1.首先在index.html <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> // 添加请求meta 2. 安装npm install babel-cli --save 3.在webpack.base.conf.js 配置 e

vue框架中props的typescript用法 在vue中使用typescript时,需要引入vue-property-decorator库来兼容格式. javascript写法 Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3>{{ postTitle }}</h3>' }) typescript写法 @Prop({ type: Arr

在我们常规的业务处理中,一般内部处理的接口多数都是以数据库相关的,基于混合式开发的Winform开发框架,虽然在客户端调用的时候,一般选择也是基于Web API的调用,不过后端我们可能不仅仅是针对我们业务数据库的处理,也可以能是调用其他外部接口,如物流.供应商接口等接口,本随笔就是主要介绍基于混合式开发框架如何整合外部API接口的调用. 1.混合式框架的结构介绍 我们知道,混合式的框架是可以在客户端访问Web API服务.WCF服务或者直接连接数据库几种方式的综合,而尤以Web API为最广泛的

最近在用vue框架写一个app,这个是用到的日期格式转换,把下面的标准格式转换为字符串连接格式

初始化项目 yarn add init 安装vue yarn add vue 安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器) yarn add webpack webpack-dev-server 安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5 yarn add babel babel-core babel-loader babel-preset-es2015 用来解析vue的组件,.vue后缀的文件 y

1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('script', { attrs: { type: 'text/javascript', src: this.src }, on: { load: function (event) { self.$emit('lo

在app中不可避免的要引用第三方的页面,那么在Ionic中是如何实现呢? 1.设计引用外部页面的html框架页面,分3部分,表头有2个按钮,中间是引用的页面,底部隐藏分享相关按钮,具体页面如下: <ion-view title="{{title}}" > <ion-nav-buttons side="left"> <a class="button button-icon ion-ios-arrow-back" ng-

例子中css文件采用bootstrap.css,js文件采用jQuery,less文件用less.less(自定义文件) 步骤一:安装webpack cnpm install webpack -g 步骤二:在src/assets下面新建css.js.less.fonts文件夹,并放入对应文件. 将bootstrap.css放入css目录下,bootstrap.min.js放入js文件下,fonts字体放入fonts目录下 步骤三:安装js依赖 cnpm install jquery --save

  function axios(options) {     let promise = new Promise((resolve, reject) => {         var xhr = new XMLHttpRequest();         var data = "";         //数据处理           for (var key in options.data) {             data += "&" + k

1.首先在index.html中引入百度地图 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的秘钥"></script> 2.在组建中设置一个容器 <template> <div class="box"> <div id="boxMap"></div&

问题一. 我需要渲染数组A,并根据 B数组中是否存在A中,给A添加 选中状态sel. 经过很焦虑的研究后,寻求帮助得到答案. 1.初始化数据时 A添加属性flag(bool)标识,如果B中存在A中某个 就 flag=true. 2.渲染页面时 使用关键 指令:class  (v-bind)  , {'select-tag': item.flag}解析: 当 item.flag 为 true时输出 select-tag <div class="block-tags" :class=

点击下拉出几个选项,根据日期不同来过滤数据.看图--(忽略小梨子,这是日常练手页面) (element ui) 点击today-当天日期 点击last three days 点击custom,并且实现右侧结束日期必须大于左侧(左边先选,右边无法选择比左边小的) 首先呢--先弄它个按钮下拉玩玩,,下拉数据v-for遍历, @click.native="filterTime(menu)" 根据interval不同来判断不同时间段(在data--menus中) <el-dropdown

前端页面中使用MVVM的思想,即MVVM是整个视图层view的概念,属于视图层的概念. MVVM是前端视图层的分层开发思想,将页面分成了Model, View,和VM:其中VM是核心,因为VM是V和M之间的调度者; 优势: MVVM提供了数据的双向绑定,让我们的开发更加方便 [注意]这里的MVVM概念与后端服务器的MVC思想毫无关系

前言 本篇随笔主要写了Vue框架中路由的基本概念.路由对象属性.vue-router插件的基本使用效果展示.案例分析.原理图解.附源码地址获取. 作为自己对Vue路由进行页面跳转效果知识的总结与笔记. 因内容有案例解读,代码实现,导致篇幅稍长,大约3分钟可以浏览完,如有需要的话(请笔友耐心看完,也可按目录查找所需内容) 如需要全部案例代码-自取:(百度网盘链接,全套案例源码) 链接:https://pan.baidu.com/s/1EHOCU2qfDSx1BgI-SueFEg?pwd=1234 

前言 本篇随笔主要写了手动搭建一个webpack+Vue项目,掌握相关loader的安装与使用,包括css-loader.style-loader.vue-loader.url-loader.sass-loader等,熟悉webpack的配置.文件的打包,以及路由的配置及使用. 作为自己对Vwebpack+Vue项目搭建知识的总结与笔记. 因内容有案例解读,代码实现,导致篇幅稍长,大约3分钟可以浏览完,如有需要的话(请笔友耐心看完,也可按目录查找所需内容) 百度网盘链接,案例源码获取地址: 链接

需求场景: 非推荐商品详情页返回的时候弹出弹窗推荐商品,点击弹窗按钮可以直接访问推荐商品: 只有直接进入商品详情页返回才会弹出推荐商品弹窗: 每个用户访问只能弹一次(除非清除缓存). 需求分析: 1. 判断是否直接进入商品详情页可以在商品详情页直接判断 history.length ,如果是则 history.length=2 : 2. 每个用户只能弹一次可以保存一个标志值 hasBeenRecommended=true 到缓存中,有了这个标志值就不再弹出: 3. 返回的监控,还是要监听页面的p

一个VUE项目的主树: assets文件夹是放静态资源: components是放组件: router是定义路由相关的配置; view视图: app.vue是一个应用主组件: main.js是入口文件  知识点: 1.MVC和MVVM MVC是Model-View- Controller的简写,分别表示: Model(数据模型),用于存放数据 View(视图),也就是用户界面 Controller(y业务逻辑)是Model和View的协调者,Controller把Model中的数据拿过来给Vie

在 CI 框架中,一个 URL 和它对应的控制器中的类以及类中的方法是一一对应的,如: www.test.com/user/info/zhaoyingnan 其中 user 对应的就是控制器中的 user 类,而 info 则对应 user 类中的 info 方法,zhaoyingnan 则是传递的参数 如果我不想 用 www.test.com/user/info/zhaoyingnan 这个 URL, 而是改成 www.test.com/member/zhaoyingnan, 此时就需要一个自

svg的图片有着颜色自定义大小自定义的优势.在阿里图标库可以下载svg图片. 那么在vue框架中我们该怎么使用svg图片呢 这个时候就用到了 webpack 插件 svg-sprite-loader 首先呢自然就是安装了 npm i svg-sprite-loader --save 创建svg文件目录/src/icons/svg 里面呢放置所有svg文件 还有/src/icons/index.js //index.js import Vue from 'vue' import SvgIcon f