swiper 解决动态加载数据滑动失效的问题
两种解决方法1、数据加载后进行swiper初始化success:function(result){var resultdata =eval("("+result+")");if(resultdata.status == 1){ var dataList = resultdata.dat...
2020-05-27
vue中echarts3.0自适应的方法
前端时间做一个vue的项目，echart是按需引入的如下：// 引入 ECharts 主模块import echarts from 'echarts/lib/echarts'// 引入折线图import 'echarts/lib/chart/line'// 引入...
2020-05-27
关于ES6箭头函数中的this问题
简要介绍：箭头函数中的this，指向与一般function定义的函数不同，箭头函数this的定义：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。（1）一般函数this指向在...
2020-05-27
jQuery幻灯片插件owlcarousel参数说明中文文档
Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...
2020-05-27
vue2.5.2使用http请求获取静态json数据的实例代码
1.配置 build/webpack.dev.conf.js// 获取静态json数据const express = require('express')const app = express()const apiServer = express()const bodyParser = require(...
2020-05-27
Vue2.5通过json文件读取数据的方法
1.准备工作1.1 webpack.dev.conf.js在 const portfinder = require(‘portfinder') 的下面加上以下代码const express = require('express')const app = express()var appDa...
2020-05-27
详解react-native WebView 返回处理(非回调方法可解决)
1.前言项目中有些页面内容是变更比较频繁的，这些页面我们会考虑用 网页 来解决。在RN项目中提供一个公用的Web页，如果是网页内容，就跳转到这个界面展示。此时会有一个问题是，网...
2020-05-27
详解Vue Elememt-UI构建管理后台
安装
我使用的是 vue-cli 初始化项目，命令如下：npm i -g vue-climkdir my-project && cd my-projectvue init webpack修改 package.json 文件：..."dependencies": { "vue": "^2...
2020-05-27
详解jQuery中的isPlainObject()使用方法
说明
jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象，返回值为Boolean类型。"纯粹的对象"，就是通过 { }、new Object()、Object.create(null) 创建的对...
2020-05-27
总结js函数相关知识点
要知道，在js中，引用类型是一种数据结构，包含5种引用类型，分别是Object,data,Array,re请输入代码gExp,Function。今天我们就说Function这种数据结构。
在js种函数实际上是对象，每...
2020-05-27
JS严格模式知识点总结
所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict”
如果在全局作用域下 给出这个提示，那整个脚本将采用严格模式。也可以只在函数中打开严格模式1.严格模...
2020-05-27
AngularJS动态添加数据并删除的实例
如下所示：<!DOCTYPE html><html lang="en" ng-app="App"><head> <meta charset="UTF-8"> <title>TodoList</title> <style> body { padding: 0; margin: 0; } .todo {...
2020-05-27
浅谈React中的元素、组件、实例和节点
React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。
React 中的元素、组件、实例和节点，是React中...
2020-05-27
angularJS实现动态添加,删除div方法
要实现的功能类似下图，动态添加或者删除div点击 增加可添加一条div 点击删除可删除一条divHTML代码如下：（省略CSS样式代码了大笑）<div class="accordion-inner"> <div class="a...
2020-05-27
ExtJs整合Echarts的示例代码
由于Echarts不提供表格功能，想要实现上图下表，需要自己增加一个table标签。ExtJs整合Echarts从Echarts官网下载js文件通过import引用 新建一个页面，通过竖直放置的两个div排版，...
2020-05-27
angularJs 表格添加删除修改查询方法
如下所示：<!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...
2020-05-27
浅析Visual Studio Code断点调试Vue
很多人习惯在 Chrome 的调试窗口中调试 Vue 代码， 或者直接使用 console.log 来观察变量值， 这是非常痛苦的一件事，需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。...
2020-05-27
关于redux-saga中take使用方法详解
本文介绍了关于redux-saga中take使用方法详解，分享给大家，具体如下：
带来一个自己研究好久的API使用方法.redux-saga中effect中take这个API使用方式,用的多的是call,put,select...
2020-05-27
angularjs实现table增加tr的方法
需求：上面是一个table，运用了<tr ng-repeat="rule in formData.ruleList track by $index">循环显示。现在的一个需求是：需要在每行添加一个字段，不过不能在同一行显示，需要在下...
2020-05-27
angular json对象push到数组中的方法
在项目中，api要求的数据格式为$scope.data = { "name":"zhangsan", "Menus": [{"id":1},{"id":2}]}而我的返回格式为 $scope.data=["name":"zhangsan"] $scope.selected = [1...
2020-05-27
angularjs数组判断是否含有某个元素的实例
也就是in_array函数，判断数组中是否含有某个元素。 Array.prototype.in_array = function(e) { for(i=0;i<this.length;i++) { if(this[i] == e) return...
2020-05-27
angularJs-$http实现百度搜索时的动态下拉框示例
实例如下所示：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ overflow: hidden;...
2020-05-27
Vue中this.$router.push参数获取方法
传递参数的方法：1.Params由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。及通过路由配...
2020-05-27
JavaScript复制内容到剪贴板的两种常用方法
常见方法查了一下万能的Google，现在常见的方法主要是以下两种：第三方库：clipboard.js
原生方法：document.execCommand()分别来看看这两种方法是如何使用的。clipboard.js这是cli...
2020-05-27
React 组件转 Vue 组件的命令写法
基于目前React和Vue比较火，开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面简介对于react-to-vue工具，转化的是基本的react...
2020-05-27
vue.js给动态绑定的radio列表做批量编辑的方法
每个题目绑定的题目结构如下json对象，每次动态添加选项就是将其加入了vue实例的某个数组对象中：vm.options.push({ id: "", text: "新选项", checked: false }); 现在对radio...
2020-05-27
vue+element实现批量删除功能的示例
今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过row...
2020-05-27
vue.js根据代码运行环境选择baseurl的方法
配置通用的API前缀可以更好在本地通过接口代理转发获取数据、或者部署时在Nginx中做反向代理，但是项目中一旦涉及大量的需要文件上传的部分（文件上传不走Ajax的方法），我们需要考...
2020-05-27
jquery radio 动态控制选中失效问题的解决方法
性别选择 男女 通常是使用radio 在修改客户资料时 需要根据信息对radio进行选中。最初的代码做法是console.log($(':radio[value='+data[2]+']').attr('checked'));但测试后...
2020-05-27
快速了解vue-cli 3.0 新特性
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。 vue-cli 从 2.0 到 3.0 的升级有太多的新东西可以说了，但是...
2020-05-27
js实现动态改变radio状态的方法
h5的radio是自带选中状态改变的，但是如果自带的状态无法满足自己的需求时，就需要自己去实现。代码如下：h5部分代码<p class="group"> <label class="active"> <input type="ra...
2020-05-27
vue cli 全面解析
写在前面：vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释...
2020-05-27
angularJS的radio实现单项二选一的使用方法
废话少说，直接上代码： <div class="col-xs-3"> <input type="radio" ng-value=1 ng-model="sss" name="aaa" >男 </label> <label> <input type="radio" ng-value=0 ng-model=...
2020-05-27
angularjs 获取默认选中的单选按钮的value方法
在Html页面中，有三个单选按钮，默认选中的是第二个“重要”这个选项，设置ng-checked="true"，把该选项默认选中，可是在提交表单时，却提示$scope.level为undefine状态,明明默认选中了...
2020-05-27
Vue-Router模式和钩子的用法
上一篇主要写了一下vuer-router的基本使用，可以说解决温饱了，下面就再来点下午茶吧模式vue-router中的模式选项主要在router实例化的时候进行定义的，如下const router = new Vu...
2020-05-27
基于vue-cli vue-router搭建底部导航栏移动前端项目
vue.js学习 踩坑第一步1.首先安装vue-cli脚手架不多赘述，主要参考 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目 2.项目呈现效果项目呈现网址：www.zhoupeng520.cn/index.html 项...
2020-05-27
AngularJS select加载数据选中默认值的方法
问题描述：在我们开发项目过程中，避免不了会用到select下拉框，那么在angular中如何使用select呢？解决方案：可以用ng-options来动态加载option,然后在用ng-model来匹配。代码如下：//...
2020-05-27
select获取下拉框的值 下拉框默认选中方法
本文主要介绍select下拉框的相关方法。1、通过id获取下拉框的value和文本值例如： <select class="form-control" id="numbers"> <option value="1">数字1</option>...
2020-05-27
angularjs select 赋值 ng-options配置方法
数组方式数据是数组$scope.years = [2014, 2015, 2016];页面元素 <select ng-model="item" ng-options="item as y for y in years"> </select>设置默认值如果需要设置默认...
2020-05-27
如何在vue中使用ts的示例代码
本文介绍了如何在vue中使用ts的示例代码，分享给大家，具体如下：注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。...
2020-05-27
Vue自定义指令实现checkbox全选功能的方法
最近做的一个项目需要用到Vue实现全选功能，参考了一下网上的做法，发现用属性计算的复用性不高，于是选用自定义指令，但网上的做法大多是会对原始数据有一定的格式要求，而且没有返...
2020-05-27
Node.js中DNS模块学习总结
1. DNS
在Node.js中，提供DNS模块，以实现域名查找及域名解析的处理。 在DNS模块中，提供了三个主方法及一系列便捷方法。 resolve方法:用于将一个域名解析为一组DNS记录。 rev...
2020-05-27
浅谈Vue网络请求之interceptors实际应用
项目背景
最近在项目开发中，遇到下面这样一个问题： 在进行铭感操作之前，每个请求需要携带token,但是token 有有效期，token 失效后需要换取新的token并继续请求。需求分析 每个...
2020-05-27
React组件中的this的具体使用
React组件的this是什么通过编写一个简单组件，并渲染出来，分别打印出自定义函数和render中的this：import React from 'react';const STR = '被调用，this指向：';class App extends...
2020-05-27
在Vue组件中使用 TypeScript的方法
注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为...
2020-05-27
vue组件传递对象中实现单向绑定的示例
当使用vue组件时，组件之间经常需要传递数据，这里不讨论传递一个字符串变量或者数字变量的情况，那些去看官方文档就够了，此处提出我在组件间传递对象时遇到的一个坑。当组件间传...
2020-05-27
浅析node应用的timing-attack安全漏洞
前言
假如你在项目中遇到过 eslint 报错 Potential timing attack ，不可忽视！这是一个涉及到安全的问题：时序攻击。
eslint 报错原因首先eslint引入了一个叫做eslint-plugin-se...
2020-05-27
vue 2.x 中axios 封装的get 和post方法
vue 2.x axios 封装的get 和post方法import axios from 'axios'import qs from 'qs'export class HttpService { Get(url, data) { return new Promise((resolve, rejec...
2020-05-27
bootstrap table支持高度百分比的实例代码
更改BootstrapTable.prototype.resetView 方法，以支持高度百分比定义，适应不同高度屏幕BootstrapTable.prototype.resetView = function (params) { var padding = 0; i...
2020-05-27
Vue2.0子同级组件之间数据交互方法
熟悉了Vue.js的同级组件之间通信，写此文章，以便记录。Vue是一个轻量级的渐进式框架，对于它的一些特性和优点，请在官网上进行查看，不再赘述。使用NPM及相关命令行工具初始化的Vue...
2020-05-27
