JavaScript - 教程之家

47浏览

0评论

angularjs实现table增加tr的方法

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

2020-05-27

41浏览

0评论

angular json对象push到数组中的方法

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

2020-05-27

50浏览

0评论

angularjs数组判断是否含有某个元素的实例

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

2020-05-27

48浏览

0评论

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

74浏览

0评论

Vue中this.$router.push参数获取方法

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

2020-05-27

56浏览

0评论

JavaScript复制内容到剪贴板的两种常用方法

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

2020-05-27

40浏览

0评论

React 组件转 Vue 组件的命令写法

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

2020-05-27

55浏览

0评论

vue.js给动态绑定的radio列表做批量编辑的方法

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

2020-05-27

57浏览

0评论

vue+element实现批量删除功能的示例

今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过row...

2020-05-27

54浏览

0评论

vue.js根据代码运行环境选择baseurl的方法

配置通用的API前缀可以更好在本地通过接口代理转发获取数据、或者部署时在Nginx中做反向代理，但是项目中一旦涉及大量的需要文件上传的部分（文件上传不走Ajax的方法），我们需要考...

2020-05-27

75浏览

0评论

jquery radio 动态控制选中失效问题的解决方法

性别选择男女通常是使用radio 在修改客户资料时需要根据信息对radio进行选中。最初的代码做法是console.log($(':radio[value='+data[2]+']').attr('checked'));但测试后...

2020-05-27

65浏览

0评论

快速了解vue-cli 3.0 新特性

vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。 vue-cli 从 2.0 到 3.0 的升级有太多的新东西可以说了，但是...

2020-05-27

68浏览

0评论

js实现动态改变radio状态的方法

h5的radio是自带选中状态改变的，但是如果自带的状态无法满足自己的需求时，就需要自己去实现。代码如下：h5部分代码<p class="group"> <label class="active"> <input type="ra...

2020-05-27

47浏览

0评论

vue cli 全面解析

写在前面：vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释...

2020-05-27

38浏览

0评论

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

44浏览

0评论

angularjs 获取默认选中的单选按钮的value方法

在Html页面中，有三个单选按钮，默认选中的是第二个“重要”这个选项，设置ng-checked="true"，把该选项默认选中，可是在提交表单时，却提示$scope.level为undefine状态,明明默认选中了...

2020-05-27

48浏览

0评论

Vue-Router模式和钩子的用法

上一篇主要写了一下vuer-router的基本使用，可以说解决温饱了，下面就再来点下午茶吧模式vue-router中的模式选项主要在router实例化的时候进行定义的，如下const router = new Vu...

2020-05-27

76浏览

0评论

基于vue-cli vue-router搭建底部导航栏移动前端项目

vue.js学习踩坑第一步1.首先安装vue-cli脚手架不多赘述，主要参考 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目 2.项目呈现效果项目呈现网址：www.zhoupeng520.cn/index.html 项...

2020-05-27

40浏览

0评论

AngularJS select加载数据选中默认值的方法

问题描述：在我们开发项目过程中，避免不了会用到select下拉框，那么在angular中如何使用select呢？解决方案：可以用ng-options来动态加载option,然后在用ng-model来匹配。代码如下：//...

2020-05-27

69浏览

0评论

select获取下拉框的值下拉框默认选中方法

本文主要介绍select下拉框的相关方法。1、通过id获取下拉框的value和文本值例如： <select class="form-control" id="numbers"> <option value="1">数字1</option>...

2020-05-27

34浏览

0评论

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

34浏览

0评论

如何在vue中使用ts的示例代码

本文介绍了如何在vue中使用ts的示例代码，分享给大家，具体如下：注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。...

2020-05-27

53浏览

0评论

Vue自定义指令实现checkbox全选功能的方法

最近做的一个项目需要用到Vue实现全选功能，参考了一下网上的做法，发现用属性计算的复用性不高，于是选用自定义指令，但网上的做法大多是会对原始数据有一定的格式要求，而且没有返...

2020-05-27

37浏览

0评论

Node.js中DNS模块学习总结

1. DNS
在Node.js中，提供DNS模块，以实现域名查找及域名解析的处理。在DNS模块中，提供了三个主方法及一系列便捷方法。 resolve方法:用于将一个域名解析为一组DNS记录。 rev...

2020-05-27

49浏览

0评论

浅谈Vue网络请求之interceptors实际应用

项目背景
最近在项目开发中，遇到下面这样一个问题：在进行铭感操作之前，每个请求需要携带token,但是token 有有效期，token 失效后需要换取新的token并继续请求。需求分析每个...

2020-05-27

83浏览

0评论

React组件中的this的具体使用

React组件的this是什么通过编写一个简单组件，并渲染出来，分别打印出自定义函数和render中的this：import React from 'react';const STR = '被调用，this指向：';class App extends...

2020-05-27

50浏览

0评论

在Vue组件中使用 TypeScript的方法

注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为...

2020-05-27

28浏览

0评论

vue组件传递对象中实现单向绑定的示例

当使用vue组件时，组件之间经常需要传递数据，这里不讨论传递一个字符串变量或者数字变量的情况，那些去看官方文档就够了，此处提出我在组件间传递对象时遇到的一个坑。当组件间传...

2020-05-27

43浏览

0评论

浅析node应用的timing-attack安全漏洞

前言
假如你在项目中遇到过 eslint 报错 Potential timing attack ，不可忽视！这是一个涉及到安全的问题：时序攻击。
eslint 报错原因首先eslint引入了一个叫做eslint-plugin-se...

2020-05-27

50浏览

0评论

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

21浏览

0评论

bootstrap table支持高度百分比的实例代码

更改BootstrapTable.prototype.resetView 方法，以支持高度百分比定义，适应不同高度屏幕BootstrapTable.prototype.resetView = function (params) { var padding = 0; i...

2020-05-27

43浏览

0评论

Vue2.0子同级组件之间数据交互方法

熟悉了Vue.js的同级组件之间通信，写此文章，以便记录。Vue是一个轻量级的渐进式框架，对于它的一些特性和优点，请在官网上进行查看，不再赘述。使用NPM及相关命令行工具初始化的Vue...

2020-05-27

37浏览

0评论

vue 自定义全局方法,在组件里面的使用介绍

在main.js里进行全局注册 Vue.prototype.funcName = function (){}在所有组件里可调用this.funcName();以上这篇vue 自定义全局方法,在组件里面的使用介绍就是小编分享给大...

2020-05-27

29浏览

0评论

vue 组件全局注册和局部注册的实现

全局注册，注册的组件需要在初始化根实例之前注册了组件；局部注册，通过使用组件实例选项注册，可以使组件仅在另一个组件或者实例的作用域中可用：全局组件jsVue.component('tab-tit...

2020-05-27

40浏览

0评论

vue-cli+webpack项目修改项目名称的方法

使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。解决方...

2020-05-27

48浏览

0评论

webpack项目调试以及独立打包配置文件的方法

webpack项目调试-sourcemapwebpack配置提供了devtool这个选项，如果设置为 ‘#source-map'，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。devtool: '#source-...

2020-05-27

43浏览

0评论

vue+webpack 打包文件 404 页面空白的解决方法

最近用vue-cli+vue-router+webpack建立项目，其中的遇到的三个问题，整理如下：vue-cli+ webpack 建立的项目，cnpm run build 打包项目之后，需要放在http服务器上才可以运行，例如：ngi...

2020-05-27

57浏览

0评论

JS脚本加载后执行相应回调函数的操作方法

项目中经常会遇到这样的问题：当某个 js 脚本加载完成后再执行相应任务，但很多朋友可能并不知道怎么判断我们要加载的 js 文件是否加载完成，如果没有加载完成我们就调用 js 文件...

2020-05-27

52浏览

0评论

Node.js静态服务器的实现方法

当你输入一个url时，这个url可能对应服务器上的一个资源（文件）也可能对应一个目录。 So服务器会对这个url进行分析，针对不同的情况做不同的事。如果这个url对应的是一个文件，那么...

2020-05-27

54浏览

0评论

ES6学习笔记之map、set与数组、对象的对比

前言ES5中的数据结构，主要是用Array和Object。在ES6中主要新增了Set和Map数据结构。到目前为止，常用的数据结构有四种Array、Object、Set、Map。下面话不多说了，来一起看看详细...

2020-05-27

30浏览

0评论

浅谈Angular 的变化检测的方法

Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。
在介绍变化检...

2020-05-27

32浏览

0评论

vue-star评星组件开发实例

star文件夹下建立Star.vue，及相关的图片信息。便于组件的就近维护Star.vue：<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses"...

2020-05-27

31浏览

0评论

vue 实现类似淘宝星级评分的示例

实例如下所示：<template><div id="shoplist"><p class="all" ><inputtype="radio"name="b" value="0" v-model="inputdata"/><span>★</span><inputtype="radio"name...

2020-05-27

44浏览

0评论

解决vue中无法动态修改jqgrid组件 url地址的问题

在项目开发中使用封装的jqgrid组件时需要动态修改URL地址，直接修改URL地址jqgrid请求的url地址并不会改变，这时我们可以强行修改jqgrid的url地址，修改如下：$("#accountGrid").se...

2020-05-27

88浏览

0评论

React Native 自定义下拉刷新上拉加载的列表的示例

在移动端开发中列表页是非常常见的页面，在React Native中我们一般使用FlatList或SectionList组件实现这些列表视图。通常列表页都会有大量的数据需要加载显示，这时候就用到了...

2020-05-27

85浏览

0评论

vue父组件向子组件传递多个数据的实例

在平时我们使用VUE组件的时候，经常需要将父组件的某些数据传递给子组件，这个时候，我们通常会有很多的办法，这里主要分为两种情况：第一种：静态数据传递：传递一个字符串第二种：动态...

2020-05-27

50浏览

0评论

Node.js 利用cheerio制作简单的网页爬虫示例

本文介绍了Node.js 利用cheerio制作简单的网页爬虫示例，分享给大家，具有如下：
1. 目标完成对网站的标题信息获取将获取到的信息输出在一个新文件工具: cheerio，使用npm下...

2020-05-27

50浏览

0评论

vue-prop父组件向子组件进行传值的方法

vue-prop是父组件向子组件进行传递数据时使用的。例如子组件为child.vuetemplate: '<div>msg: {{msg}}</div>'props: ['msg'],我们在子组件里规定了一个数据名字叫msg父组件...

2020-05-27

46浏览

0评论

详解用Node.js写一个简单的命令行工具

本文介绍了用Node.js写一个简单的命令行工具，分享给大家，具体如下：
操作系统需要为Linux1. 目标
在命令行输入自己写的命令，完成目标任务命令行要求全局有效命令行要求可...

2020-05-27

38浏览

0评论

JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍

某天写代码突然县道这个问题,顺势总结一波JavaScript 函数和变量声明的“提前”（hoist）行为简单的说如果我们使用匿名函数var a = {}这种方式，编译后变量声明a 会“被提前”...

2020-05-27

热门文章