51浏览

0评论

在vue-cli中组件通信的方法

本文介绍了在vue-cli中组件通信的方法，分享给大家。具体如下：
vue组件之间的通信包括三种：
1.父组件向子组件通信
2.子组件向父组件通信
3.同级组件之间的通信
一.父传子组件通...

• 2020-05-27

53浏览

0评论

浅谈 Vue 项目优化的方法

好久不写博文了，本文作为我使用半年 vue 框架的经验小结，随便谈谈，且本文只适用于 vue-cli 初始化的项目或依赖于 webpack 打包的项目。前几天看到大家说 vue 项目越大越难优化...

• 2020-05-27

52浏览

0评论

详解如何用模块化的方式写vuejs

引子
vuejs 是一个入门简单的框架，具有使用简单，扩展方便的特点。随着webpack的流行，vuejs也推出了自己的load，vue-loader，可以方便的打包代码。最近写了一个json viewer-ac，就是...

• 2020-05-27

61浏览

0评论

详解VUE 数组更新

1、数据方法分类：（1）原数组改变push
pop
unshift
shift
reverse
sort
splice（2）原数组未变，生成新数组slice
concat
filter对于使原数组变化的方法，可以直接更新视图。对...

• 2020-05-27

62浏览

0评论

详解如何使用 vue-cli 开发多页应用

本文介绍了如何使用 vue-cli 开发多页应用，分享给大家，具体如下：修改的webpack配置文件
全局配置
修改 webpack.base.conf.js
打开 ~\build\webpack.base.conf.js ，找到entry，添...

• 2020-05-27

50浏览

0评论

HTML5+JS+JQuery+ECharts实现异步加载问题

这几天，看了一下ECharts官网的API和Demo发现很有意思，于是就利用模型预测产生的数据做一个伪实时的动态数据显示 。首先，创建一个index.html的文件，我用的vscode打开的，进行编写...

• 2020-05-27

59浏览

0评论

详解最新vue-cli 2.9.1的webpack存在问题

最近vue-cli更新，用其构建项目的时候，发现bulid文件下少了两个文件，分别是dev-sever.js和dev-client.js
vue-cli 2.8vue-cli 2.9.1这是为什么呢
我们查看下package.json
vue...

• 2020-05-27

56浏览

0评论

总结js中的一些兼容性易错的问题

一、属性相关我们通常把特征(attribute)和属性(property)统称为属性，但是他们确实是不同的概念，特征(attribute)会表现在HTML文本中，对特征的修改一定会表现在元素的outerHTML...

• 2020-05-27

57浏览

0评论

react+redux的升级版todoList的实现

又是很久不写博客了，最近在用蚂蚁金服的ant-design-pro写毕设，写着写着写不下去了，很多东西都不理解，不得不说大神写出来的东西都是需要花学习成本的，或者底子好，对于React新手来...

• 2020-05-27

66浏览

0评论

webpack打包js文件及部署的实现方法

下面看下webpack打包js文件的实现代码const path = require('path')const webpack = require('webpack')const htmlWebpackPlugin = require('html-webpack-plugin')// 每次...

• 2020-05-27

41浏览

0评论

JavaScript模块详解

本文是关于JavaScript模块的基础讲解内容，对每个模块进行了分析和代码用法的讲解，以下是全部内容：JavaScript的模块介绍模块通常是指编程语言所提供的代码组织机制，利用此机制可...

• 2020-05-27

58浏览

0评论

微信小程序基于本地缓存实现点赞功能的方法

本文实例讲述了微信小程序基于本地缓存实现点赞功能的方法。分享给大家供大家参考，具体如下：wxml中的写法注意：1. 使用wx:if="{{condition}}" wx:else实现图标的切换效果；
2....

• 2020-05-27

47浏览

0评论

分析JavaScript数组操作难点

以下内容是学习JavaScript数组的时候总结的经验以及需要注意的点。不要用 for_in 遍历数组这是 JavaScript 初学者常见的误区。for_in 用于遍历对象中包括原型链上的所有可...

• 2020-05-27

46浏览

0评论

vue的无缝滚动组件vue-seamless-scroll实例

Installation
NPMnpm install vue-seamless-scroll --saveUsage
ES6
以下es6用法需要webpack环境编译.<template> <div id="app"> <div class="fixed top-0 w-100 z-1 f...

• 2020-05-27

52浏览

0评论

在knockoutjs 上自己实现的flux(实例讲解)

在knockoutjs 上实现 Flux 单向数据流 状态机，主要解决多个组件之间对数据的耦合问题。一、其实简单flux的设计理念和实现方案，很大程度上人借鉴和参考了Vuex的实现，只是简化了...

• 2020-05-27

41浏览

0评论

mockjs,json-server一起搭建前端通用的数据模拟框架教程

无论是在工作，还是在业余时间做前端开发的时候，难免出现后端团队还没完成接口的开发，而前端团队却需要实现对应的功能，不要问为什么，这是肯定存在的。本篇文章就是基于此原因而产...

• 2020-05-27

64浏览

0评论

微信小程序实现图片上传、删除和预览功能的方法

本文实例讲述了微信小程序实现图片上传、删除和预览功能的方法。分享给大家供大家参考，具体如下：这里主要介绍一下微信小程序的图片上传图片删除和图片预览布局<view class="i...

• 2020-05-27

48浏览

0评论

浅谈Webpack自动化构建实践指南

由于现在的博客是使用wordpress搭建，自己得经常修改过一些代码，但是修改第三方源码真的比较痛苦，于是决定计划开始使用React + Node.js / Python开发新博客项目，最终替换当前博...

• 2020-05-27

72浏览

0评论

javaScript中的空值和假值

JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言
JavaScript 是...

• 2020-05-27

58浏览

0评论

详解webpack与SPA实践之开发环境搭建

目前，公司前端项目开发技术栈基本改造为使用gulp进行自动化构建，webpack进行项目模块化依赖管理，Vue+ Vuex + Vue-Router作为项目组件化开发框架，为了更深入的理解、使用当前技...

• 2020-05-27

72浏览

0评论

10个在JavaScript开发中常遇到的BUG

就算最牛的JavaScript开发者也会犯错。有时候导致程序的执行结果和预期不一样，有时候根本无法运行。这里我总结了10个常见的错误，我相信不管是初级还是资深开发者都可能遇到。...

• 2020-05-27

68浏览

0评论

微信小程序实现页面跳转传值以及获取值的方法分析

本文实例讲述了微信小程序实现页面跳转传值以及获取值的方法。分享给大家供大家参考，具体如下：在安卓中页面跳转传值都是通过bundle，现在研究一下小程序的列表跳转及页面传值。...

• 2020-05-27

58浏览

0评论

webpack与SPA实践之管理CSS等资源的方法

上一篇介绍了如何使用webpack搭建一个稳定的支持本地服务、自动刷新、模块热替换、使用ES6编写JavaScript的开发环境，本篇主要介绍webpack如何处理HTML应用三大元素的另一元...

• 2020-05-27

41浏览

0评论

微信小程序实现给嵌套template模板传递数据的方式总结

本文实例总结了微信小程序实现给嵌套template模板传递数据的方式。分享给大家供大家参考，具体如下：一、template模板调用的数据是单一形态时：indexTemplate模板：<import src=".....

• 2020-05-27

70浏览

0评论

vue 项目如何引入微信sdk接口的方法

做微信的网页基本上都要接入微信的sdk，我在做的时候，也颇费了一番功夫，然后就想记录一下，供自己日后翻阅，以及让有需要的朋友可以做一下参考，如果喜欢的可以点波赞，或者关注一下，希...

• 2020-05-27

51浏览

0评论

浅谈使用React.setState需要注意的三点

前言这篇文章原标题是 3 Reasons why I stopped using React.setState ，但是我对原文作者提出的论点不是很感冒，但是作者提出的三点对 React 新手来说是很容易忽略的地方，所以...

• 2020-05-27

46浏览

0评论

vue 将页面公用的头部组件化的方法

本文介绍了vue 将页面公用的头部组件化的方法，分享给大家，具体如下：呃……重新捡起前面用vue-cli快速生成的项目。之前是做过一个多页面的改造，以及引入vux的ui组件，这次在这个项...

• 2020-05-27

67浏览

0评论

JS函数节流和函数防抖问题分析

问题1：如果实现了dom拖拽功能，但是在绑定拖拽事件的时候发现每当元素稍微移动一点便触发了大量的回调函数，导致浏览器直接卡死，这个时候怎么办？ **问题2：**如果给一个按钮绑定了表...

• 2020-05-27

55浏览

0评论

three.js实现3D影院的原理的代码分析

本篇文章我们通过介绍3D影院的视觉原理，并介绍了three.js事件处理过程，全面分析了实现3D影院的基础知识。1.创建一个3d的空间可以想象一下我们在房间内，房间是一个立方体，如果你...

• 2020-05-27

71浏览

0评论

switchery按钮的使用方法

1.先引入switchery.css 和 switchery.js2.绘制 checkbox按钮 : a.静态页面写法 未选中时 <input type="checkbox" class="js-switch_3" /> 选中时 <input type="c...

• 2020-05-27

72浏览

0评论

Vue侧滑菜单组件——DrawerLayout

本文介绍一个简单的DrawerLayout（类似Android的DrawerLayout）布局组件的实现，基于Vue.js。介绍的内容已经制作成 vue-drawer-layout 组件。前言大家有兴趣先用手机扫一扫这个二...

• 2020-05-27

50浏览

0评论

webpack多页面开发实践

写在前面
webpack是一款模块加载器兼打包工具，能把js,css,页面，图片，视频等各种资源，进行模块化处理。而现在网上流传很多单页面的webpack模型，那多页面呢？比较少，现在我提供一个多...

• 2020-05-27

75浏览

0评论

Vue下的国际化处理方法

1：首先安装 Vue-i8nnpm install vue-i18n --save注：-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies，表示你发布时...

• 2020-05-27

65浏览

0评论

JS实现点击复选框变更DIV显示状态的示例代码

首先是页面上： <div class="row cl"> <label class="form-label col-xs-4 col-sm-3" style="width: 20%"><span class="c-red">*</span>是否存在促销活动：</label><div cla...

• 2020-05-27

65浏览

0评论

jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

废话不多说，直接上代码吧<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>JqueryTest</title> <script src="js/jquery-1.8.3.min.js"></script>...

• 2020-05-27

52浏览

0评论

AngularJs点击状态值改变背景色的实例

实例如下：//更改边框颜色的代码 $("#shname").css({"border":"1px solid red"});//排序有时候下标会错乱 不建议使用 建议使用讲师排序代码<!DOCTYPE html><html><head><m...

• 2020-05-27

99浏览

0评论

vue.js element-ui validate中代码不执行问题解决方法

先说结论在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到因为要验证数字，参考了官网参考代码如下，发现有如下图bug，当输入为以数字开头包含字符...

• 2020-05-27

54浏览

0评论

响应式框架Bootstrap栅格系统的实例

实例如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link...

• 2020-05-27

86浏览

0评论

React Native之prop-types进行属性确认详解

属性确认的作用
使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属...

• 2020-05-27

92浏览

0评论

基于node.js实现微信支付退款功能

缘起有付款就会有退款注意，退款支持部分退款左口袋的钱退到右口袋罗 这次发起的退款请求0.01元是实时到账的，因此，用户在小程序端发起的退款只是一个请求到后台，后台审核人员审...

• 2020-05-27

70浏览

0评论

jQuery实现弹窗下底部页面禁止滑动效果

在项目开发过程中，经常会遇到带有弹窗的页面，尤其是在移动端。在没有特别要求的情况下，弹窗弹出后，弹窗下的底部页面依然能够滑动。为了得到更好的用户体验，需要做到触发弹窗时，弹...

• 2020-05-27

37浏览

0评论

Vue 2.0学习笔记之使用$refs访问Vue中的DOM

通过前面对Vue的学习，到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前，我们先看看模板。<div id="...

• 2020-05-27

47浏览

0评论

浅谈Vue.js中ref ($refs)用法举例总结

本文介绍了Vue.js中ref ($refs)用法举例总结，分享给大家，具体如下：
看Vue.js文档中的ref部分，自己总结了下ref的使用方法以便后面查阅。一、ref使用在外面的组件上HTML 部分<div...

• 2020-05-27

42浏览

0评论

vue 通过下拉框组件学习vue中的父子通讯

如果说vue组件化开发中第一步应该了解的是什么的话，那无疑是父子组件之间是如何实现通讯的(说白了就是父子组件中数据是如何传递的)，只有理解了这一步，才能更好的开发组件这里...

• 2020-05-27

55浏览

0评论

使用Vue自定义数字键盘组件(体验度极好)

为了满足用户体验，小编用vue写了一个自定义数字键盘组件，用户体验度还不错。废话不多说，先上效果图吧~效果图 具体实现布局排版<div class='key-container'> <div class='key-...

• 2020-05-27

56浏览

0评论

利用nginx + node在阿里云部署https的步骤详解

缘起最近在写node+mongodb版本的灵犀微商城，所以免不了要自己去部署自己的https证书到阿里服务器，下面将实现的过程完整的给大家总结下，话不多说了，来一起看看详细的介绍吧。 HT...

• 2020-05-27

70浏览

0评论

JavaScript实现AOP详解(面向切面编程,装饰者模式)

什么是AOP？AOP(面向切面编程)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能通常包括日志统计、安全控制、异常处理等。把这些功能抽离出...

• 2020-05-27

59浏览

0评论

jquery中done和then的区别(详解)

jquery的deferred对象的done方法和then方法都能实现链式调用，但是他们的作用是有区别的，then方法中如果你传递的方法有返回值，那么他会传递给下一个链式调用的方法。而done方法...

• 2020-05-27

62浏览

0评论

mongoose更新对象的两种方法示例比较

前言Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具那么要使用它，首先你得装上node.js和mongodb,关于mongodb的安装和操作介绍可以参考：https://www.jb51...

• 2020-05-27

49浏览

0评论

从setTimeout看js函数执行过程

老实说，写这篇文章的时候心里是有点压抑的，因为受到打击了,为什么？就 因为喜欢折腾不小心看到了这个"简单"的函数：for (var i = 0; i < 5; i++) { setTimeout(function ()...

• 2020-05-27