HTML5开发APP技术文档一、环境参数1、技术语言：HTML、CSS、ES6、Node.js等；2、框架：Vue.js 2.x、Cordova；3、开发系统：mac、windows等；4、环境配置： node 6+ npm 3+ （最好下载Node.j...

在看了element组件的源码后发现，所有模态框其实实现方法都差不多，主要用到了vue在组件化上的双向绑定。代码：<!--查看槽点对话框--><template lang="html"> <transition name="...

D3 是什么
D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据...

效果如下，dialog中内容自行添加<template> <div> <div class="dialog-wrap"> <div class="dialog-cover" v-if="isShow" @click="closeMyself"></div> <transition name="d...

通常会有需求，在关闭弹框后需要清空填写的数据，这时候就需要关闭事件了<el-dialog title="标题" :visible.sync="bind" size="small" @close='closeDialog'></el-dialog>在标...

在 Vue 里，模板编译也是非常重要的一部分，里面也非常复杂，这次探究不会深入探究每一个细节，而是走一个全景概要，来吧，大家和我一起去一探究竟。初体验我们看了 Vue 的初始化函数就...

关闭dialog触发事件//vue <!--添加用户dialog begin--> <el-dialog title="编辑用户" :visible.sync="dialogFormVisible" custom-class="editDialog" :close-on-...

如下所示：<template> <el-table :data="tableData" border @cell-mouse-enter="handleMouseEnter" @cell-mouse-leave="handleMouseOut" style="width: 100%"> <el-table-col...

在微信项目的开发的时候，经常需要对微信jssdk提供的接口进行调试，比如说录音, 分享 ,上传图像等接口，但是微信jssdk要求绑定安全域名才能使用其提供的一系列功能 , 而在开发环...

利用vue组件创建模板，使用webpack打包生成插件再全局使用1、vue init webpack-simple 生成项目目录2、调整目录结构3、修改webpack.config.jsvar path = require('path')var...

1.vue-cli搭建好项目之后，使用npm安装vuex npm install vuex --save2.在项目目录中构建vuex目录（这里我新建了store的文件夹，里面新建了store.js文件）
3.在vue项目中的入口文件m...

Bootstrap是现在最流行的CSS框架，有许多网站、后台管理系统的样式都是基于Bootstrap设计的。然而，Bootstrap 始终保持着那蓝色 + 浅灰色彩基调，最新的 Bootstrap4 也是如此，看久...

概述
简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则...

1.vue-cli搭建好项目之后，使用npm安装vue-bus npm install vue-bus2.在入口文件main.js中全局注册 import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus);...

Angular 2.3 版本中引入了组件继承的功能，该功能非常强大，能够大大增加我们组件的可复用性。
组件继承涉及以下的内容：
Metadata：如 @Input()、@Output()、@ContentChild/Childr...

在上篇文章给大家介绍了vue-cli webpack模板项目搭建及打包时路径问题的解决方法，可以点击查看。vue-cli构建的项目中，生产模式下的打包路径、与生产模式下的请求代理简单示意...

Angular 的口号是 - "一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)"，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移...

这篇文章给大家介绍一个vue全局提示框组件，具体代码如下所示：<template> <!-- 全局提示框 --> <div v-show="visible" class="dialog-tips dialog-center"> <div>{{me...

vue使用$emit时，父组件无法监听到子组件的事件的原因是$emit传入的事件名称只能使用小写，不能使用大写的驼峰规则命名<div id="counter-event-example"> <p>{{ total }}</p>...

项目数据少的时候，搜索这样的小事情就要交给咱们前端来做了，重要声明，适用于小项目！！！！！其实原理很简单，小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-mod...

子组件注册触发事件，父组件注册 触发子组件事件后的方法写在method里面父组件这么写<component-a v-on:child-say="listenToMyBoy"></component-a><p>Do you like me&#63; {{...

本文以jquery 为例第一种：有对应的声明文件的1、用命令安装jQuery的声明文件。（声明文件是为了ide完美智能提示）npm install -D @types/jquery2、引入jqueryimport * as $ from...

话不多说直入主题，最常见的有三种方式来引用第三方插件，下面以jquery插件及基于JQuery的两款插件：nicescroll和rangeSlider为例。一、第一种方式：在.angular-cli.json文件中配置...

我们都知道swiper是交互体验十分好的轮播插件但是通过angular（ng-repeat）循环出来的swiper不能轮播的解决方案通常我们都是通过以下方法来执行：html<div class="swiper-contain...

两种解决方法1、数据加载后进行swiper初始化success:function(result){var resultdata =eval("("+result+")");if(resultdata.status == 1){ var dataList = resultdata.dat...

前端时间做一个vue的项目，echart是按需引入的如下：// 引入 ECharts 主模块import echarts from 'echarts/lib/echarts'// 引入折线图import 'echarts/lib/chart/line'// 引入...

简要介绍：箭头函数中的this，指向与一般function定义的函数不同，箭头函数this的定义：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。（1）一般函数this指向在...

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...

1.配置 build/webpack.dev.conf.js// 获取静态json数据const express = require('express')const app = express()const apiServer = express()const bodyParser = require(...

1.准备工作1.1 webpack.dev.conf.js在 const portfinder = require(‘portfinder') 的下面加上以下代码const express = require('express')const app = express()var appDa...

1.前言项目中有些页面内容是变更比较频繁的，这些页面我们会考虑用 网页 来解决。在RN项目中提供一个公用的Web页，如果是网页内容，就跳转到这个界面展示。此时会有一个问题是，网...

安装
我使用的是 vue-cli 初始化项目，命令如下：npm i -g vue-climkdir my-project && cd my-projectvue init webpack修改 package.json 文件：..."dependencies": { "vue": "^2...

说明
jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象，返回值为Boolean类型。"纯粹的对象"，就是通过 { }、new Object()、Object.create(null) 创建的对...

要知道，在js中，引用类型是一种数据结构，包含5种引用类型，分别是Object,data,Array,re请输入代码gExp,Function。今天我们就说Function这种数据结构。
在js种函数实际上是对象，每...

所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict”
如果在全局作用域下 给出这个提示，那整个脚本将采用严格模式。也可以只在函数中打开严格模式1.严格模...

如下所示：<!DOCTYPE html><html lang="en" ng-app="App"><head> <meta charset="UTF-8"> <title>TodoList</title> <style> body { padding: 0; margin: 0; } .todo {...

React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。
React 中的元素、组件、实例和节点，是React中...

要实现的功能类似下图，动态添加或者删除div点击 增加可添加一条div 点击删除可删除一条divHTML代码如下：（省略CSS样式代码了大笑）<div class="accordion-inner"> <div class="a...

由于Echarts不提供表格功能，想要实现上图下表，需要自己增加一个table标签。ExtJs整合Echarts从Echarts官网下载js文件通过import引用 新建一个页面，通过竖直放置的两个div排版，...

如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="agl/angular.min.js"></script> <script> var app=angular.m...

很多人习惯在 Chrome 的调试窗口中调试 Vue 代码， 或者直接使用 console.log 来观察变量值， 这是非常痛苦的一件事，需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。...

本文介绍了关于redux-saga中take使用方法详解，分享给大家，具体如下：
带来一个自己研究好久的API使用方法.redux-saga中effect中take这个API使用方式,用的多的是call,put,select...

需求：上面是一个table，运用了<tr ng-repeat="rule in formData.ruleList track by $index">循环显示。现在的一个需求是：需要在每行添加一个字段，不过不能在同一行显示，需要在下...

在项目中，api要求的数据格式为$scope.data = { "name":"zhangsan", "Menus": [{"id":1},{"id":2}]}而我的返回格式为 $scope.data=["name":"zhangsan"] $scope.selected = [1...

也就是in_array函数，判断数组中是否含有某个元素。 Array.prototype.in_array = function(e) { for(i=0;i<this.length;i++) { if(this[i] == e) return...

实例如下所示：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ overflow: hidden;...

传递参数的方法：1.Params由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。及通过路由配...

常见方法查了一下万能的Google，现在常见的方法主要是以下两种：第三方库：clipboard.js
原生方法：document.execCommand()分别来看看这两种方法是如何使用的。clipboard.js这是cli...

基于目前React和Vue比较火，开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面简介对于react-to-vue工具，转化的是基本的react...

每个题目绑定的题目结构如下json对象，每次动态添加选项就是将其加入了vue实例的某个数组对象中：vm.options.push({ id: "", text: "新选项", checked: false }); 现在对radio...