JavaScript - 教程之家

48浏览

0评论

Vue 无限滚动加载指令实现方法

也不存在什么加载咯，就是一个判断滚动条是否到达浏览器底部了。如果到了就触发事件，米到就不处理。计算公式提简单的底部等于（0） = 滚动条高度 - 滚动条顶部距离 - 可视高...

2020-05-27

54浏览

0评论

vue实现路由切换改变title功能

由于vue项目通常是单页应用，因此在入口文件index.html只有一个title，单页所展示的若干页面只是随着路由的切换而在同一个index.html上不同的渲染而已，因此此时的title属性是不...

2020-05-27

59浏览

0评论

vue实现多条件和模糊搜索功能

本文实例为大家分享了vue实现多条件和模糊搜索的具体代码，供大家参考，具体内容如下html
<div class="content"> <div class="right"> <select name="sex" width='100' v-mode...

2020-05-27

70浏览

0评论

React中使用外部样式的3种方式(小结)

一、关于css-in-js的认识1、css-in-js是一种使用 js 编写 css 样式的 css 处理方案。它的实现方案有很多，比如styled-components、polished、glamorous(paypal 开源的，不再维...

2020-05-27

62浏览

0评论

js 将线性数据转为树形的示例代码

在日常开发工作中，我们经常碰到将线性的数据转换成树的需求，今天给大家分享一个简单的转换算法。
数据结构
下面是我们转换前的数据：
[ { "id":1, "parent_id":0, "n...

2020-05-27

45浏览

0评论

vue实现前台列表数据过滤搜索、分页效果

本文实例为大家分享了vue实现列表数据过滤搜索、分页效果的具体代码，供大家参考，具体内容如下job.vue页面<style lang="scss">.job-wrapper { padding-top: 50px;}.job-left {...

2020-05-27

43浏览

0评论

php结合js实现多条件组合查询

本文实例为大家分享了php结合js实现多条件组合查询的具体代码，供大家参考，具体内容如下一、效果图二、前端代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...

2020-05-27

80浏览

0评论

利用原生JS实现data方法示例代码

前言在开发中经常会在DOM上存储一些自定义数据，我们可以通过setAttribute方法来实现。但是当数据为引用类型时，存储后的数据却无效。这里将用原生的JS对data方法进行实现。
使...

2020-05-27

67浏览

0评论

jQuery实现高级检索功能

初学JQuery，写了一个高级检索的动态输入框，如图所示：

实现的功能：* 当选择属性下拉框中不同类型（字符串、数字、日期）的属性时，后面弹出不同数量的和不同格式的文本框（字符串弹出...

2020-05-27

66浏览

0评论

详解ES6 export default 和 import语句中的解构赋值

解构赋值
有如下 config 对象
const config = { host: 'localhost', port: 80}要获取其中的 host 属性
let { host } = config拆分成模块
以上两段代码，放到同一个文件当中不...

2020-05-27

62浏览

0评论

webpack4 从零学习常用配置(小结)

webpack 的核心价值就是前端源码的打包，即将前端源码中每一个文件（无论任何类型）都当做一个 pack ，然后分析依赖，将其最终打包出线上运行的代码。webpack 的四个核心部分 entry...

2020-05-27

55浏览

0评论

vue实现条件叠加搜索的解决方法

案例场景:现在有个文章管理模块，在该模块中有栏目选择、文章搜索、分页功能。这些功能改变其中一个都会对查询的文章有所改变。案例图如下:实现方案有两种：其一、我们开始可能...

2020-05-27

83浏览

0评论

jquery操作select常见方法大全【7种情况】

本文实例讲述了jquery操作select常见方法。分享给大家供大家参考，具体如下：在前段HTML页面设计中select 下拉框，或者在 multiple="multiple" 时，表现为列表。经常会在页面上对...

2020-05-27

76浏览

0评论

Vue2.x通用条件搜索组件的封装及应用详解

本文实例为大家分享了Vue2.x通用条件搜索组件的封装及应用，供大家参考，具体内容如下效果组件源码<template> <div class="search"> <el-select v-model="type" @change="chan...

2020-05-27

44浏览

0评论

jquery实现Ajax请求的几种常见方式总结

本文实例讲述了jquery实现Ajax请求的几种常见方式。分享给大家供大家参考，具体如下：用原生的javascript开发ajax有着许多重复的代码，当然你也可以封装成可以复用的js代码，但却不...

2020-05-27

54浏览

0评论

实例详解带参数的 npm script

添加参数可以减少重复的 npm script。拿 eslint 来说，传入 --fix 参数，就开启内置的代码风格自动修复模式，好智能听起来。"scripts": { ..., "lint:js": "eslint ./src/**/*....

2020-05-27

41浏览

0评论

小程序多图列表实现性能优化的方法步骤

写这篇文章的缘由: 最近在公司的小程序项目中遇到了页面图片元素过多导致的性能问题. 从小程序提供的性能检测面板分析, 确定是图片元素占用了过多内存导致.因为本人之前主...

2020-05-27

41浏览

0评论

JS拖动选择table里的单元格完整实例【基于jQuery】

本文实例讲述了JS拖动选择table里的单元格。分享给大家供大家参考，具体如下：用JS 实现类似Excel里面动态选择单元格的例子，从网上得到的例子，先记录在这里，以后参考用。<html><he...

2020-05-27

59浏览

0评论

Vue2.x通用编辑组件的封装及应用详解

本文实例为大家分享了Vue2.x通用编辑组件的封装及应用，供大家参考，具体内容如下效果组件源码<template> <div class="edit-input"> <div class="editBox"> <div> <span cla...

2020-05-27

57浏览

0评论

Vue实现搜索结果高亮显示关键字

本文实例为大家分享了Vue实现搜索结果高亮显示关键字的具体代码，供大家参考，具体内容如下1. 需要解决的问题父组件将搜索的字段传到子组件子组件接受数据，正则匹配，并替换字...

2020-05-27

51浏览

0评论

Vue3.0结合bootstrap创建多页面应用

本人主要做c#winform应用，刚接触vue，发现用vue做单页面应用的比较多，多页面的资料很少，特别是用vue3.0版本做多页面的资料，更少，所以自己整理一下，结合bootstrap和jquery，也可以给有...

2020-05-27

64浏览

0评论

Django+Vue实现WebSocket连接的示例代码

近期有一需求：前端页面点击执行任务，实时显示后端执行情况，思考一波；发现 WebSocket 最适合做这件事。效果测试 ping www.baidu.com 效果点击连接建立ws连接后端实现所需软件包...

2020-05-27

55浏览

0评论

vue+elementUI实现表格关键字筛选高亮

本文实例为大家分享了vue elementUI表格关键字筛选高亮的具体代码，供大家参考，具体内容如下代码：<template> <div class=""> <div class="top">  <div class=...

2020-05-27

30浏览

0评论

vue input输入框关键字筛选检索列表数据展示

想必大家在项目开发中难免会用到关键字筛选的功能，正好这次项目有需求要做这一块，就整理一下vue的input输入框输入关键字检索数据列表的代码。下面直接上代码：html：<!-- 筛选dem...

2020-05-27

41浏览

0评论

vue+Element实现搜索关键字高亮功能

最近做了一个日志搜索的需求，要在页面上实现海量日志的关键字搜索。为了搜索更清晰，我最终实现了多条件搜索，且搜索结果的记录中的关键字全部高亮。一、实现思路1 实时监控表格...

2020-05-27

55浏览

0评论

Vue实现表格批量审核功能实例代码

本文实例为大家分享了Vue实现表格批量审核功能的具体代码，供大家参考，具体内容如下1 前端部分效果如下图所示：
1.1 html部分 <el-form-item> <el-button type="success" icon...

2020-05-27

43浏览

0评论

vue+element实现表格新增、编辑、删除功能

需要做一个需求：新增一个xml文件时，添加数量不确定、属性相同的xml标签，想了想可以用表格做啊，属性相同，使用统一的表头，下面的属性值只是进行增删改不就行了，就类似于mysql给表里...

2020-05-27

51浏览

0评论

Javascript三种字符串连接方式及性能比较

第一种：用连接符“+”连接字符串str="a";
str+="b";这种方法相对以下两种，最便捷快速。建议100字符以下的连接使用这种连接方式。第二种：以数组作为中介，使用jion函数进行连接va...

2020-05-27

100浏览

0评论

Vue+Element实现表格编辑、删除、以及新增行的最优方法

之前已经实现了表格的新增、编辑和删除，在我的上篇文章中写的也比较详细。但是总感觉有点不完美，首先新增了一行以后，必须要双击某一个单元格参能进行内容的输入。从代码上来说...

2020-05-27

64浏览

0评论

vue里的data要用return返回的原因浅析

官网的示例var vm = new Vue({ el: '#example', data: { message: 'Hello' }});项目中的写法data() { return { message: 'Hello' } }为什么要把data变成函数并return属性呢...

2020-05-27

76浏览

0评论

详解vue-cli3开发Chrome插件实践

之前找了不少如何开发谷歌插件的文章，结果发现都是些很基础的内容，并没有写到如何快速编译打包插件。我就在想为什么不能通过webpack来打包插件呢？如果通过webpack编译的话，就能...

2020-05-27

76浏览

0评论

vue-cli3中vue.config.js配置教程详解

前言vue-cli3推崇零配置，其图形化项目管理也很高大上。但是vue-cli3推崇零配置的话，导致了跟之前vue-cli2的配置方式都不一样了。别名设置，sourcemap控制，输入文件位置和输出文...

2020-05-27

56浏览

0评论

vue读取本地的excel文件并显示在网页上方法示例

我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要...

2020-05-27

64浏览

0评论

JS学习笔记之原型链和利用原型实现继承详解

本文实例讲述了JS学习笔记之原型链和利用原型实现继承。分享给大家供大家参考，具体如下：
原型链原型链是一种关系，实例对象和原型对象之间的关系，关系是通过原型(__proto__)来联...

2020-05-27

63浏览

0评论

el-select数据过多懒加载的解决(loadmore)

el-select数据过多处理方式
在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式.远程搜索
组件提供了远程搜索方式, 也...

2020-05-27

61浏览

0评论

通过vue手动封装on、emit、off的代码详解

一、概念1. $on("事件名称"，回调函数)事件绑定，一个事件名称上面可能绑定多个函数2. $emit("事件名称"，需要传递的值)事件触发时，会触发当前事件身上所有的函数3. $off("事件名...

2020-05-27

79浏览

0评论

elementUI select组件使用及注意事项详解

elementUI select组件使用详解动态生成option选项 option选项绑定对应的文本值和value值作为表单项目，新增、编辑功能对选项改变后触发相关事件<div id="app"> <el-f...

2020-05-27

47浏览

0评论

elementUI select组件value值注意事项详解

select组件的使用方式就不细说，可查看select组件使用方式主要要说一下注意事项：
select组件可以动态生成option选项，option选项绑定对应的文本值和value值。
有时候我们发现...

2020-05-27

49浏览

0评论

JS学习笔记之贪吃蛇小游戏demo实例详解

本文实例讲述了JS学习笔记之贪吃蛇小游戏demo实例。分享给大家供大家参考，具体如下：
最近跟着视频教程打了一个贪吃蛇,
来记录一下实现思路,
先上代码
静态页<!DOCTYPE html><...

2020-05-27

66浏览

0评论

JS学习笔记之闭包小案例分析

本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考，具体如下：直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</ti...

2020-05-27

76浏览

0评论

基于Vue实现电商SKU组合算法问题

前段时间，公司要做“添加商品”业务模块，这也算是电商业务里面的一个难点了。令我印象最深的不是什么“组合商品”、“关联商品”、“关联单品”，而是商品SKU的组合问题。这个...

2020-05-27

51浏览

0评论

JS学习笔记之数组去重实现方法小结

本文实例讲述了JS学习笔记之数组去重实现方法。分享给大家供大家参考，具体如下：
操作的数组 let arr=[0,1,23,'1',4,2,8,5,5,6,9,'asdasd','5']1、
利用ES6 的set 来进行数组...

2020-05-27

75浏览

0评论

关于element-ui的隐藏组件el-scrollbar的使用

虽然在官方文档中没有给出这个组件，但是在源码中是有的。所以我们可以直接使用：<el-scrollbar></el-scrollbar>但是我们需要微调一下样式，两种情况的演示代码如下：已知内容高度...

2020-05-27

55浏览

0评论

node学习笔记之读写文件与开启第一个web服务器操作示例

本文实例讲述了node读写文件与开启第一个web服务器操作。分享给大家供大家参考，具体如下：读取文件Node中的js 具有文件操作的能力使用require 方法加载fs核心模块* require是...

2020-05-27

109浏览

0评论

node将geojson转shp返回给前端的实现方法

node将geojson转shp需要调用[ogr2ogr][1]库来实现，在调用ogr2ogr库时，因为其通过调用gdal的工具来实现将
geojson转shp，所以需要安装gdal并配置环境变量。参考文章：https://stac...

2020-05-27

58浏览

0评论

深入了解响应式React Native Echarts组件

前言一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo
近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样...

2020-05-27

38浏览

0评论

微信小程序mpvue点击按钮获取button值的方法

在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法方...

2020-05-27

44浏览

0评论

基于JS实现一个随机生成验证码功能

效果展示实现原理　　1. html：一般就是一个div： <div id="code"></div> ，样式根据需求设计。　　2. JS：1）将所有的验证码所用的字符放在一个字符串中　　　　　 2）在这个字符串的...

2020-05-27

87浏览

0评论

详细讲解如何创建, 发布自己的 Vue UI 组件库

前言
在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI_, _Vuetify 等.只需一行命令, 即可方便的将这些库引入我们当前的项目:npm install vuet...

2020-05-27

46浏览

0评论

新手简单了解vue

前言作为一个刚入行不久的菜鸟不知从什么时候开始就有了写一个自己的专栏的想法，刚好今天没事就给自己挖一个坑，分享一下我对vue的见解和一些领悟，整个专栏应该会包括vue，vue-cl...

2020-05-27

热门文章