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

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

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

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

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

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

快速了解vue-cli 3.0 新特性

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

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

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

vue cli 全面解析

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

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=...

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

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

Vue-Router模式和钩子的用法

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

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

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

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

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

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

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

angularjs select 赋值 ng-options配置方法

数组方式数据是数组$scope.years = [2014, 2015, 2016];页面元素 <select ng-model="item" ng-options="item as y for y in years"> </select>设置默认值如果需要设置默认...

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

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

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

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

Node.js中DNS模块学习总结

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

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

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

React组件中的this的具体使用

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

在Vue组件中使用 TypeScript的方法

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

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

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

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

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

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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

浅谈Angular 的变化检测的方法

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

vue-star评星组件开发实例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

浅谈vue的几种绑定变量的值 防止其改变的方法

1、Object.freeze(obj)语句obj={ foo:"nan" } Object.freeze(obj); 用该语句固定变量后,之后对这个变量的更改都会无效,并在console中报错。2、v-once元素绑定<span>{{msg}}<...

基于 Immutable.js 实现撤销重做功能的实例代码

浏览器的功能越来越强大,许多原来由其他客户端提供的功能渐渐转移到了前端,前端应用也越来越复杂。许多前端应用,尤其是一些在线编辑软件,运行时需要不断处理用户的交互,提供了撤...

Node.js readline模块与util模块的使用

1. 使用readline模块逐行读取流数据
1.1. 创建Interface对象
在readline模块中,通过Interface对象的使用来实现逐行读取流数据的处理。因此首先要创建Interface对象,在readlin...

基于Vuex无法观察到值变化的解决方法

在跨越主路由视图时,由于Vuex的状态值一直存储在内存中,所以在组件视图重新载入时,可能会出现组件无法检测到状态值的变化,从而导致业务逻辑出现错误。假定通用头部组件有一个全...

Node.js readline 逐行读取、写入文件内容的示例

本文介绍了运用readline逐行读取的两种实现,分享给大家,具体如下:什么是ReadlineReadline是Node.js里实现标准输入输出的封装好的模块,通过这个模块我们可以以逐行的方式读取数...

解决VUEX兼容IE上的报错问题

在IE 上使用Vuex的过程中,出现如下错误:SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 解决方法:1、先安装babel-polyfillnpm install --save-dev ba...

详解Immutable及 React 中实践

有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。这些至少说明 Immut...

解决easyui日期时间框ie的兼容的问题

前几天项目进入最后准备上线阶段,测试突然发现使用easyui的datetimebox插件获取的时间在ie的时候无法获取到比当前时间还往后的时间,当时是这么写的: $(selector).datetimebox(...

返回顶部
顶部