Vue2.x通用条件搜索组件的封装及应用详解
本文实例为大家分享了Vue2.x通用条件搜索组件的封装及应用，供大家参考，具体内容如下效果 组件源码<template> <div class="search"> <el-select v-model="type" @change="chan...
2020-05-27
jquery实现Ajax请求的几种常见方式总结
本文实例讲述了jquery实现Ajax请求的几种常见方式。分享给大家供大家参考，具体如下：用原生的javascript开发ajax有着许多重复的代码，当然你也可以封装成可以复用的js代码，但却不...
2020-05-27
实例详解带参数的 npm script
添加参数可以减少重复的 npm script。拿 eslint 来说，传入 --fix 参数，就开启内置的代码风格自动修复模式，好智能听起来。"scripts": { ..., "lint:js": "eslint ./src/**/*....
2020-05-27
小程序多图列表实现性能优化的方法步骤
写这篇文章的缘由: 最近在公司的小程序项目中遇到了页面图片元素过多导致的性能问题. 从小程序提供的性能检测面板分析, 确定是图片元素占用了过多内存导致.因为本人之前主...
2020-05-27
JS拖动选择table里的单元格完整实例【基于jQuery】
本文实例讲述了JS拖动选择table里的单元格。分享给大家供大家参考，具体如下：用JS 实现类似Excel里面动态选择单元格的例子，从网上得到的例子，先记录在这里，以后参考用。<html><he...
2020-05-27
Vue2.x通用编辑组件的封装及应用详解
本文实例为大家分享了Vue2.x通用编辑组件的封装及应用，供大家参考，具体内容如下效果 组件源码<template> <div class="edit-input"> <div class="editBox"> <div> <span cla...
2020-05-27
Vue实现搜索结果高亮显示关键字
本文实例为大家分享了Vue实现搜索结果高亮显示关键字的具体代码，供大家参考，具体内容如下1. 需要解决的问题 父组件将搜索的字段传到子组件 子组件接受数据，正则匹配，并替换字...
2020-05-27
Vue3.0结合bootstrap创建多页面应用
本人主要做c#winform应用，刚接触vue，发现用vue做单页面应用的比较多，多页面的资料很少，特别是用vue3.0版本做多页面的资料，更少，所以自己整理一下，结合bootstrap和jquery，也可以给有...
2020-05-27
Django+Vue实现WebSocket连接的示例代码
近期有一需求：前端页面点击执行任务，实时显示后端执行情况，思考一波；发现 WebSocket 最适合做这件事。效果测试 ping www.baidu.com 效果点击连接建立ws连接后端实现所需软件包...
2020-05-27
vue+elementUI实现表格关键字筛选高亮
本文实例为大家分享了vue elementUI表格关键字筛选高亮的具体代码，供大家参考，具体内容如下代码：<template> <div class=""> <div class="top"> <!-- 筛选 --> <div class=...
2020-05-27
vue input输入框关键字筛选检索列表数据展示
想必大家在项目开发中难免会用到关键字筛选的功能，正好这次项目有需求要做这一块，就整理一下vue的input输入框输入关键字检索数据列表的代码。下面直接上代码：html：<!-- 筛选dem...
2020-05-27
vue+Element实现搜索关键字高亮功能
最近做了一个日志搜索的需求，要在页面上实现海量日志的关键字搜索。为了搜索更清晰，我最终实现了多条件搜索，且搜索结果的记录中的关键字全部高亮。一、实现思路1 实时监控表格...
2020-05-27
Vue实现表格批量审核功能实例代码
本文实例为大家分享了Vue实现表格批量审核功能的具体代码，供大家参考，具体内容如下1 前端部分效果如下图所示：
1.1 html部分 <el-form-item> <el-button type="success" icon...
2020-05-27
vue+element实现表格新增、编辑、删除功能
需要做一个需求：新增一个xml文件时，添加数量不确定、属性相同的xml标签，想了想可以用表格做啊，属性相同，使用统一的表头，下面的属性值只是进行增删改不就行了，就类似于mysql给表里...
2020-05-27
Javascript三种字符串连接方式及性能比较
第一种：用连接符“+”连接字符串str="a";
str+="b";这种方法相对以下两种，最便捷快速。建议100字符以下的连接使用这种连接方式。第二种：以数组作为中介，使用jion函数进行连接va...
2020-05-27
Vue+Element实现表格编辑、删除、以及新增行的最优方法
之前已经实现了表格的新增、编辑和删除，在我的上篇文章中写的也比较详细。但是总感觉有点不完美，首先新增了一行以后，必须要双击某一个单元格参能进行内容的输入。从代码上来说...
2020-05-27
vue里的data要用return返回的原因浅析
官网的示例var vm = new Vue({ el: '#example', data: { message: 'Hello' }});项目中的写法data() { return { message: 'Hello' } }为什么要把data变成函数并return属性呢...
2020-05-27
详解vue-cli3开发Chrome插件实践
之前找了不少如何开发谷歌插件的文章，结果发现都是些很基础的内容，并没有写到如何快速编译打包插件。我就在想为什么不能通过webpack来打包插件呢？如果通过webpack编译的话，就能...
2020-05-27
vue-cli3中vue.config.js配置教程详解
前言vue-cli3推崇零配置，其图形化项目管理也很高大上。但是vue-cli3推崇零配置的话，导致了跟之前vue-cli2的配置方式都不一样了。别名设置，sourcemap控制，输入文件位置和输出文...
2020-05-27
vue读取本地的excel文件并显示在网页上方法示例
我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要...
2020-05-27
JS学习笔记之原型链和利用原型实现继承详解
本文实例讲述了JS学习笔记之原型链和利用原型实现继承。分享给大家供大家参考，具体如下：
原型链原型链是一种关系，实例对象和原型对象之间的关系，关系是通过原型(__proto__)来联...
2020-05-27
el-select数据过多懒加载的解决(loadmore)
el-select数据过多处理方式
在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式.远程搜索
组件提供了远程搜索方式, 也...
2020-05-27
通过vue手动封装on、emit、off的代码详解
一、概念1. $on("事件名称"，回调函数)事件绑定，一个事件名称上面可能绑定多个函数2. $emit("事件名称"，需要传递的值)事件触发时，会触发当前事件身上所有的函数3. $off("事件名...
2020-05-27
elementUI select组件使用及注意事项详解
elementUI select组件使用详解 动态生成option选项 option选项绑定对应的文本值和value值 作为表单项目，新增、编辑功能 对选项改变后触发相关事件<div id="app"> <el-f...
2020-05-27
elementUI select组件value值注意事项详解
select组件的使用方式就不细说，可查看select组件使用方式 主要要说一下注意事项：
select组件可以动态生成option选项，option选项绑定对应的文本值和value值。
有时候我们发现...
2020-05-27
JS学习笔记之贪吃蛇小游戏demo实例详解
本文实例讲述了JS学习笔记之贪吃蛇小游戏demo实例。分享给大家供大家参考，具体如下：
最近跟着视频教程打了一个贪吃蛇,
来记录一下实现思路,
先上代码
静态页<!DOCTYPE html><...
2020-05-27
JS学习笔记之闭包小案例分析
本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考，具体如下：直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</ti...
2020-05-27
基于Vue实现电商SKU组合算法问题
前段时间，公司要做“添加商品”业务模块，这也算是电商业务里面的一个难点了。令我印象最深的不是什么“组合商品”、“关联商品”、“关联单品”，而是商品SKU的组合问题。这个...
2020-05-27
JS学习笔记之数组去重实现方法小结
本文实例讲述了JS学习笔记之数组去重实现方法。分享给大家供大家参考，具体如下：
操作的数组 let arr=[0,1,23,'1',4,2,8,5,5,6,9,'asdasd','5']1、
利用ES6 的set 来进行数组...
2020-05-27
关于element-ui的隐藏组件el-scrollbar的使用
虽然在官方文档中没有给出这个组件，但是在源码中是有的。所以我们可以直接使用：<el-scrollbar></el-scrollbar>但是我们需要微调一下样式，两种情况的演示代码如下：已知内容高度...
2020-05-27
node学习笔记之读写文件与开启第一个web服务器操作示例
本文实例讲述了node读写文件与开启第一个web服务器操作。分享给大家供大家参考，具体如下：读取文件Node中的js 具有文件操作的能力使用require 方法加载fs核心模块* require是...
2020-05-27
node将geojson转shp返回给前端的实现方法
node将geojson转shp需要调用[ogr2ogr][1]库来实现，在调用ogr2ogr库时，因为其通过调用gdal的工具来实现将
geojson转shp，所以需要安装gdal并配置环境变量。参考文章：https://stac...
2020-05-27
深入了解响应式React Native Echarts组件
前言一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo
近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样...
2020-05-27
微信小程序mpvue点击按钮获取button值的方法
在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法方...
2020-05-27
基于JS实现一个随机生成验证码功能
效果展示实现原理 1. html：一般就是一个div： <div id="code"></div> ，样式根据需求设计。 2. JS：1）将所有的验证码所用的字符放在一个字符串中 2）在这个字符串的...
2020-05-27
详细讲解如何创建, 发布自己的 Vue UI 组件库
前言
在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI_, _Vuetify 等.只需一行命令, 即可方便的将这些库引入我们当前的项目:npm install vuet...
2020-05-27
新手简单了解vue
前言作为一个刚入行不久的菜鸟不知从什么时候开始就有了写一个自己的专栏的想法，刚好今天没事就给自己挖一个坑，分享一下我对vue的见解和一些领悟，整个专栏应该会包括vue，vue-cl...
2020-05-27
小程序如何构建骨架屏
首屏
一般情况下，在首屏数据未拿到之前，为了提升用户的体验，会在页面上展示一个loading的图层，类似下面这个
其中除了菊花图以外网上还流传这各种各样的loading动画，在PC端上几乎...
2020-05-27
了解重排与重绘
前言浏览器下载完页面中的所有内容：HTML、JavaScript、CSS、图片——之后会解析并生成两个内部数据结构： DOM树：表示页面结构 渲染树：表示DOM节点如何显示DOM树中的每一个需要...
2020-05-27
Vue+Django项目部署详解
本地项目配置
1 复制 luffy/settings/dev.py为prop.py
修改luffy/settings/prop.py中以下几项(1) allow_hosts
ALLOWED_HOSTS = [ 'api.youdomain.com',](2) 跨域白名单...
2020-05-27
Vue.js中的组件系统
vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。Vue.js组件系统每一...
2020-05-27
js逆向解密之网络爬虫
1 引言
数月前写过某网站（请原谅我的掩耳盗铃）的爬虫，这两天需要重新采集一次，用的是scrapy-redis框架，本以为二次爬取可以轻松完成的，可没想到爬虫启动没几秒，出现了大堆的重试提...
2020-05-27
深入了解js原型模式
一、什么是原型模式
在js中，创建对象的方式有工厂模式和构造函数模式等； 而构造函数模式最大的问题在于：构造函数中的每个方法都需要在实例对象中重新创建一遍，不能复用，所以为了...
2020-05-27
基于iview的router常用控制方式
1 iview的router控制需求
最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.
每个项目在开发时,对于类似tags(标签页)的控制...
2020-05-27
详解一次Vue低版本安卓白屏问题的解决过程
因为业务需要一定要使用安卓4.4的webview浏览页面，测试的时候发生了白屏问题，很自然想到使用babel转换部分ES6语法.Babel 转换 Promise 和 Symbol ES6语法的配置
# 两项都需要...
2020-05-27
vue组件三大核心概念图文详解
前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个...
2020-05-27
浅谈Express.js解析Post数据类型的正确姿势
一、概念介绍1、POST请求：HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据。2、...
2020-05-27
全面分析JavaScript 继承
ES6之前，JavaScript并没有继承这一现有的机制。
ES5的继承方式
类式继承
//声明父类function Father(){this.fatherVal = 'father';}//为父类添加共有方法Father.prototype.g...
2020-05-27
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
Ajax•说明：本文效果是无限加载的，意思就是你一直滚动就会一直加载图片出现，通过鼠标滚动距离来判断的，所以不是说的那种加载一次就停了的那种，那种demo下次我会再做一次css...
2020-05-27
详解小程序中h5页面onShow实现及跨页面通信方案
小程序webview的现状
h5页面在小程序中的交互（跳转）场景 h5跳转小程序native页面（如：调用小程序地址选择能力，然后返回对应的地址信息给h5页面） h5跳转己方业务线的h5页面（内部页...
2020-05-27
