详解ES6中的 Set Map 数据结构学习总结
ES6中的 Set 数据结构
ES6 新增了一种 Set 数据结构。它类似数组。 最重要的一点是 Set中的结构成员没有重复的, 可用这点 一行代码实现数组去重。 Set 本身是一个构造函数...
2020-05-27
微信小程序下拉框功能的实例代码
微信小程序组件里没有下拉框，正好要用到，记下来以后参考wxml代码<view class='top'> <view class='top-text'> 选择接收班级</view> <!-- 下拉框 --> <view class='top-sel...
2020-05-27
vue组件tabbar使用方法详解
本文实例为大家分享了vue组件tabbar的具体使用方法，供大家参考，具体内容如下1.App.vue<!-- 入口文件 --><template> <div id="app"> <!-- 视图层 --> <router-view></router-v...
2020-05-27
Vue 实时监听窗口变化 windowresize的两种方法
下面给大家分享两种方法来介绍Vue 实时监听窗口变化 windowresize，具体内容如下所示：方法一：First-step : 定义变量data(){ return{ formLabelWidth : '123px' }},Second...
2020-05-27
vue-cli 首屏加载优化问题
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码route...
2020-05-27
详解在vue-test-utils中mock全局对象
vue-test-utils 提供了一种 mock 掉 Vue.prototype 的简单方式，不但对测试用例适用，也可以为所有测试设置默认的 mock。mocks 加载选项
mocks 加载选项 是一种将...
2020-05-27
在vue中使用express-mock搭建mock服务的方法
首先安装 nodemon ，如果是全局安装，那么所有的项目都可以使用mock服务npm install nodemon 再安装express-mockjsnpm i -D express-mockjs 接下来按照以下的步骤来 第一步...
2020-05-27
javascript动态创建对象的属性详解
面向对象的JavaScript在客户端编码时提供了极大的灵活性，Javascript对象上的属性有助于设置可在对象内使用以管理和使用数据的值。
我对JavaScript中属性的理解，在javascript...
2020-05-27
JS复杂判断的更优雅写法代码详解
我们编写js代码时经常遇到复杂逻辑判的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越...
2020-05-27
详解Webpack loader 之 file-loader
简介安装npm install --save-dev file-loader用法默认情况下，生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。import img from './webpack-lo...
2020-05-27
Angular Material Icon使用详解
1. 引入图标资源
在项目index.html文件里添加icon的图标库文件的引用。 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="external nofoll...
2020-05-27
微信小程序使用npm支持踩坑
前言
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。npm 支持
从小程序基础库版本 2.2....
2020-05-27
详解react native页面间传递数据的几种方式
1. 利用react-native 事件DeviceEventEmitter 监听广播
应用场景：- 表单提交页面， A页面跳转到B页面选人， 然后返回A页面， 需要将B页面选择的数据传回A页面。
- 多个多媒体来回...
2020-05-27
监听angularJs列表数据是否渲染完毕的方法示例
前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作，这几天就一直遇到在列表和表格渲染完毕后，执行点击和选择操作。对于angularjs处理这类问题，最好的方式就是指...
2020-05-27
React 源码中的依赖注入方法
一、前言
依赖注入（Dependency Injection）这个概念的兴起已经有很长时间了，把这个概念融入到框架中达到出神入化境地的，非Spring莫属。然而在前端领域，似乎很少会提到这个概念，难...
2020-05-27
利用jqgrid实现上移下移单元格功能
前言JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。在表格中常常需要调整表格中数据的显示顺序，我用的是jqgrid,实现原理就是将表中的行数保存到...
2020-05-27
vue+webpack中配置ESLint
一、ESLint
协同开发过程中，经常感受到来自代码检视的恶意。代码习惯不一致，看半天；居然提交低级错误，我的天(╯‵□′)╯︵┻━┻！...研究了一番，决定使用ESLint来做代码规范检查。...
2020-05-27
vue调试工具vue-devtools安装及使用方法
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载：git clone https://...
2020-05-27
VueCli3构建TS项目的方法步骤
使用vue-cli3构建Typescript项目import 和 requirerequire: 以同步的方式检索其他模块的导出 (开发)import: 动态地加载模块 (生产)相关文档：module methodsvue-cli3vue crea...
2020-05-27
Angular 实现输入框中显示文章标签的实例代码
很多网站发帖的时候标签输入框看起来像是在 <input> 元素中直接显示标签. 比如这种一开始以为是把 <span> 放在 <input> 中, 看了下 Stack Overflow 和 SegmentFault 的实现...
2020-05-27
微信小程序列表中item左滑删除功能
第一步：把想要的两种样式写出来
1.正常显示的样式
css:.box{ height: 100%;}.item{ position:relative; top: 0; width: 100%; height: 150rpx; border-bottom: #d9d9d9 soli...
2020-05-27
详解webpack打包后如何调试的方法步骤
webpack.config.js
在配置devtool时，webpack给我们提供了四种选项 source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢...
2020-05-27
基于React Native 0.52实现轮播图效果
本文基于React Native 0.52Demo上传到Git了，有需要可以看看，写了新内容会上传的（Git地址）一、总览轮播图几乎是必备的效果，这里选择 react-native-swiper 来实现，效果如下图：二、实...
2020-05-27
Jquery和CSS实现选择框重置按钮功能
很多时候我们都会用到一个下拉选择，还有就是重置的功能，今天我们就给大家带来用Jquery配合CSS实现的这个功能。代码如下：HTML<select> <option value="">Select a color..</opt...
2020-05-27
Echarts之悬浮框中的数据排序问题
Echarts非常强大，配置也非常的多，有很多细节需要深入研究。详解一下关于悬浮框中的数据排序问题 悬浮框的数据排序默认是根据series中的数据位置排序的，在我们想自定义...
2020-05-27
webpack4+express+mongodb+vue实现增删改查的示例
在讲解之前，我们先来看看效果如下所示：1）整个页面的效果如下：2) 新增数据效果如下：3) 新增成功如下：4) 编辑数据效果如下：5) 编辑成功效果如下：6) 删除数据效果如下：7) 删除成功效果...
2020-05-27
node使用Mongoose类库实现简单的增删改查
Mongoose是在nodejs环境中对MongoDB数据库操作的封装，一种对象模型工具，可以将数据库中的数据转换为javascript对象供我们使用。Mongoose安装npm install mongoose安装成功后，...
2020-05-27
vue中promise的使用及异步请求数据的方法
下面给大家介绍vue中promise的使用 promise是处理异步的利器，在之前的文章《ES6之promise》中，我详细介绍了promise的使用， 在文章《js动画实现&&回调地狱&&promise》中也提...
2020-05-27
深入解析ES6中的promise
ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。第一部分：什么...
2020-05-27
JS动画实现回调地狱promise的实例代码详解
1. js实现动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animate</title> <style> .ball { width: 40px; height: 40px;...
2020-05-27
webpack 开发和生产并行设置的方法
安装依赖的4种命令生产依赖和开发一个项目中是有开发环境和生产环境的，这两个环境的依赖也是不同的 开发依赖：只在开发中用来帮助你进行开发，简化代码或者生成兼容设置的以来...
2020-05-27
webpack开发环境和生产环境的深入理解
以前自己写一小项目时，webpack的配置基本就是一套配置，没有考虑生产环境和开发环境的区分，最近在做一个复杂的商城项目接触到了webpack的高级配置，经过两天的研究，写出了一份目前...
2020-05-27
详解如何创建并发布一个 vue 组件
步骤
创建 vue 的脚手架
npm install -g @vue/clivue init webpack绑定 git 项目
cd existing_foldergit initgit remote add origin http://gitlab.alipay-inc.com/ampg/my...
2020-05-27
vue-cli3.0 环境变量与模式配置方法
vue-cli3.0移除了配置文件目录： config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢?为什么需要配置环境变量和模式呢？所...
2020-05-27
Vue实现简易翻页效果源码分享
源码如下：<html><head> <meta charset="UTF-8"> <title>slidePage</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <style type...
2020-05-27
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
说到h5的翻页，很定第一时间想到的是swiper。但是我当时想到的却是，vue里边怎么用swiper？！vue-awesome-swiper就是其中一个前辈们产出的结晶。就看首尾两个单词，就知道他是vue和sw...
2020-05-27
vue项目动态设置页面title及是否缓存页面的问题
跟传统的页面可以在每个页面分别设置填写对应的页面title,but,vue是单页面应用项目,想设置页面对应的title就不能跟传统方式一样了。
下载
npm install vue-wechat-title --...
2020-05-27
vue-cli安装使用流程步骤详解
1.全局安装vue-clicnpm i vue-cli -g2.监测安装版本vue -V大写V : version3.指定目录下新建项目vue init webpack [项目名]按自己的意愿配置、选择对应信息。最后配置完成检...
2020-05-27
Angular设置别名alias的方法
设置别名
在根目录下tsconfig.json中添加baseUrl和paths{ "compilerOptions": { "baseUrl": "src", "paths": { "@app/*": ["app/*"], "@assets/*": ["assets/*"],...
2020-05-27
Vux+Axios拦截器增加loading的问题及实现方法
很多时候，我们在页面使用Ajax刷新时候，会希望它出现loading的图标，让用户体验更好一些。那么如果我们每次在Axios里面进行请求，都要显示loading图标的话，那么没有一个全局的方法...
2020-05-27
详解在不使用ssr的情况下解决Vue单页面SEO问题
遇到的问题:
近来在写个人博客的时候遇到了大家可能都会遇到的问题Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本Vue-Router配合前后端分离无法让meta标签在蜘蛛抓...
2020-05-27
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
上一篇说了vue单页面解决解决SEO的问题
只是用php预处理了meta标签
但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无到有的问题
那接下来可以更进一步的...
2020-05-27
vue-cli 构建骨架屏的方法示例
脚手架不说了,提前搭建好然后安装 vue-skeleton-webpack-pluginnpm install vue-skeleton-webpack-plugin 创建文件 skeleton.js和skeleton.vueskeleton.jsimport Vue from...
2020-05-27
vue.js层叠轮播效果的实例代码
最近写公司项目有涉及到轮播banner，一般的ui框架无法满足产品需求；所以自己写了一个层叠式轮播组件；现在分享给大家；主要技术栈是vue.js ;javascript;jquery；确定实现思路因工作...
2020-05-27
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
项目类型：vue+vux+axios刚开始，把Axios封装在了http.js文件里面，然后为了使用VUX的提示框消息，把拦截器直接写在了main.js里面。直接调用接口，一切正常。然而因为返回值有统一的c...
2020-05-27
node版本管理工具n包使用教程详解
1. 安装n管理包终端使用npm install -g n命令全局安装，
安装成功后在终端输入n --version或n查看。~ npm install -g n/usr/local/bin/n -> /usr/local/lib/node_modules/n/b...
2020-05-27
angular4笔记系列之内置指令小结
内置指令
内置属性型指令
属性型指令会监听和修改其它HTML元素或组件的行为、元素属性（Attribute）、DOM属性（Property）。NgClass
形式：[ngClass]="statement"
通过绑定到NgClass，...
2020-05-27
webpack4.x CommonJS模块化浅析
先看下webpack官方文档中对模块的描述：在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。
每个模块具有比完整程序更小的接触面...
2020-05-27
详解关于element el-button使用$attrs的一个注意要点
之前需要对 el-button 做二次封装，所以就用到 vue 的 $attrs 和 $listeners 属性，这两个属性在这不细说，可以在这里 查看详情。二次封装代码（limit-button）<template> <el-button...
2020-05-27
KOA+egg.js集成kafka消息队列的示例
Egg.js ： 基于KOA2的企业级框架Kafka：高吞吐量的分布式发布订阅消息系统本文章将集成egg + kafka + mysql 的日志系统例子系统要求：日志记录，通过kafka进行消息队列控制思路图：这...
2020-05-27
