JavaScript - 教程之家

51浏览

0评论

解决Mac安装thrift因bison报错的问题

安装thrift时，报错：Bison version 2.5 or higher must be installed on the system!使用brew install bison 安装新版的bison$ brew list bison/usr/local/Cellar/bison/3.0.4...

2020-05-27

69浏览

0评论

使用淘宝镜像cnpm安装Vue.js的图文教程

前言Vue.js是前端一个比较火的MVVM框架，要使用它，我们必须提前配置，其中有一种安装方式是使用npm，比较适合比较大型的应用。今天就来看看这种方式如何操作，由于npm是国外的，使用起...

2020-05-27

52浏览

0评论

解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题

今天通过网上查找的教程安装和配置了node环境，接着按照教程安装了cnpm。然而最后运用cnpm -v查看版本却出现了如下的错误：不知道是自己在配置环境时出了什么问题，于是上网查了...

2020-05-27

50浏览

0评论

ES6之模版字符串的具体使用

最近在项目中使用了ES6的模版字符串，在这里加以总结。1.之前我们也可以使用JavaScript输出模版字符串，通常是下面这样的：$("#result").append( "He is <b>"+person.name+"</...

2020-05-27

40浏览

0评论

npm 下载指定版本的组件方法

首先确保文件目录下含有package.json文件，没有的话，可以通过npm init创建，然后只需要在组件的后面加上@2.8.1版本号即可，例如：react-router已经更新到4.x版本，想要下载2.x版本，可以...

2020-05-27

57浏览

0评论

解决修复npm安装全局模块权限的问题

相信我们曾经可能都遇到过全局安装某个模块包的过程中提示EACCESS的错误问题。这是由于npm全局安装模块的默认路径没有权限导致的。有三个方式可以解决该问题：修改全局安装...

2020-05-27

62浏览

0评论

AngularJS实现的base64编码与解码功能示例

本文实例讲述了AngularJS实现的base64编码与解码功能。分享给大家供大家参考，具体如下：<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>base64加密</title> <scr...

2020-05-27

55浏览

0评论

微信小程序使用form表单获取输入框数据的实例代码

本文讲述了微信小程序使用form表单获取输入框数据的实例代码。分享给大家供大家参考，具体如下：1、效果展示2、关键代码
index.wxml
用户名：密码：登录重置 {{tip}}{{userName}...

2020-05-27

39浏览

0评论

解决nodejs的npm命令无反应的问题

最近在弄cordova，又要折腾nodejs了。今天安装cordova模块的时候，看到nodejs的默认模块安装路径在c盘于是想修改下，按命令 npm config set prefix 。结果就遇坑了，之后我的npm命...

2020-05-27

57浏览

0评论

结合Vue控制字符和字节的显示个数的示例

需求需求：结合Vue实现下面的效果输入框中最多输入16个字符汉字最多显示5个，超出部分以...显示英文最多显示10个，超出部分以...显示实现搭建简单页面，并设置简单样式在正式...

2020-05-27

56浏览

0评论

JS实现字符串中去除指定子字符串方法分析

本文实例讲述了JS实现字符串中去除指定子字符串方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

2020-05-27

37浏览

0评论

vue 路由嵌套高亮问题的解决方法

正常路由嵌套是没有问题的，但是如果你已经在当前主路由页面了，然后再次点击主路由就会出现页面数据空白的情况看代码：//主路由通过v-for循环出来<div class="list-group"> <a...

2020-05-27

51浏览

0评论

JS实现的判断方法、变量是否存在功能示例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>////www.freexyz.cn/article/67551.htm//判断变量i是否存在 typeof(i)=="...

2020-05-27

55浏览

0评论

vue 标签属性数据绑定和拼接的实现方法

在vue官网把文档扫了一遍后，就开始写网站项目了，没有设计，就百度里找了一个h5的助赢软件的网站把他copy下来，想想有点坏了，接着把内容改改吧。
首先开始做一个列表展示
vue实例好...

2020-05-27

51浏览

0评论

微信小程序自定义多选事件的实现代码

要实现下图的效果（自定义多选单选），大多数公司项目的多选框都是自己设计的，所以用原生标签或者组件是不可行的，最简单的是自己绑定事件，然后切换选择和未选择的图片。而小程序和vu...

2020-05-27

55浏览

0评论

vue 不使用select实现下拉框功能(推荐)

html部分：v-for循环出的结构<div > <p @click="clickSize (item, index)">{{item.name}}</p> <transition name="opacityLeave"> <div class="condition-list" v-show="...

2020-05-27

51浏览

0评论

create-react-app修改为多页面支持的方法

新公司前端就我一个，目前个人选型用react作技术栈开发前端h5页面。最近做一个需求是pc页面需要seo的，后端是Java开发，又不想自己用ssr做seo渲染，只好写html给java大神改成jsp了...

2020-05-27

61浏览

0评论

Node.js模块全局安装路径配置方法

下载安装NodeJS后，在自己选择的路径下会有如下的文件：默认情况下NodeJS安装会同时安装npm（模块管理器：用于管理用户require的模块，有全局和本地两种）。注：全局：执行npm install <模...

2020-05-27

44浏览

0评论

浅谈webpack-dev-server的配置和使用

本文介绍了浅谈webpack-dev-server的配置和使用，分享给大家，具体如下：
1安装的WebPack-dev-server
在终端输入npm i webpack-dev-server安装webpack-dev-server包
2.配置dev-...

2020-05-27

50浏览

0评论

通过nodejs 服务器读取HTML文件渲染到页面的方法

1.分别简单实现三个备用页面。login.html页面
index.html页面代码片段：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>.c...

2020-05-27

54浏览

0评论

vue router+vuex实现首页登录验证判断逻辑

首页登录逻辑要求在页面上判断是否获取到登录token ，没有获取到则跳转到登录页。登录成功后，跳转到前一个页面。
1.vue router
路由判断首先我们想到的是router.beforeEach 前...

2020-05-27

43浏览

0评论

vue引用js文件的多种方式(推荐)

1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)(2)在webpac...

2020-05-27

60浏览

0评论

Vue中对比scoped css和css module的区别

scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>h1 { color: #f00;}</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v...

2020-05-27

67浏览

0评论

Swiper 4.x 使用方法(移动端网站的内容触摸滑动)

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用...

2020-05-27

47浏览

0评论

Vue数据双向绑定原理及简单实现方法

Vue这个框架就不简单介绍了，它最大的特性就是数据的双向绑定以及虚拟dom.核心就是用数据来驱动视图层的改变.先看一段代码.一、示例var vm = new Vue({ data: { obj: { a: 1...

2020-05-27

59浏览

0评论

解决Vue中mounted钩子函数获取节点高度出错问题

遇到的问题最近在开发一个Vue的项目，好几个页面都有用到一个页面楼层滑动的组件，我就直接封装成了一个，但是遇到一个bug，就是我需要得到这个组件的offsetTop，然后页面滚动到这个...

2020-05-27

52浏览

0评论

微信小程序实现长按删除图片的示例

说明
最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求:
长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下...

2020-05-27

47浏览

0评论

webpack4 css打包压缩问题的解决

这两天一直在练习这个webpack4, 发现有好多问题和坑，做开发嘛，一定要有喜欢出问题并喜欢解决问题，坚决踩个坑填个坑的不怕死小强精神！webpack4 在配置上其实是可以是想productio...

2020-05-27

63浏览

0评论

Bootstrap table中toolbar新增条件查询及refresh参数使用方法

我们想要在bootstrap-table中自定义查询条件如何实现呢？这些自定义的按钮、输入框是定义在哪个位置呢？还记得上一节中我们在配置中有这样一个属性： //工具按钮用哪个容器 too...

2020-05-27

39浏览

0评论

从零开始搭建webpack+react开发环境的详细步骤

环境主要依赖版本 webpack@4.8.1 webpack-cli@2.1.3 webpack-dev-server@3.1.4 react@16.3.2 babel-core@6.26.3 babel-preset-env@1.6.1 bable-preset-react@6.24.1...

2020-05-27

69浏览

0评论

Node.js Buffer用法解读

Buffer是什么？
Buffer作为存在于全局对象上，无需引入模块即可使用，你绝对不可以忽略它。
可以理解Buffer是在内存中开辟的一片区域，用于存放二进制数据。Buffer所开辟的是堆外内...

2020-05-27

320浏览

0评论

vue单页开发父子组件传值思路详解

vue单页开发时经常需要父子组件之间传值，自己用过但是不是很熟练，这里我抽空整理了一下思路，写写自己的总结。GitHub地址：https://github.com/leileibrother/wechat-vue文件目录...

2020-05-27

54浏览

0评论

React全家桶环境搭建过程详解

本文介绍了React全家桶环境搭建过程详解，分享给大家，具体如下：
环境搭建
1.从零开始搭建webpack+react开发环境2.引入Typescript安装依赖
npm i -S @types/react @types/react-...

2020-05-27

52浏览

0评论

JS实现调用本地摄像头功能示例

本文实例讲述了JS实现调用本地摄像头功能。分享给大家供大家参考，具体如下：今天学习了一下js调用本地摄像头，其实是实现不是很麻烦，下面是代码部分，连接上Tomcat服务器，然后再到网...

2020-05-27

125浏览

0评论

JS实现的3des+base64加密解密算法完整示例

本文实例讲述了JS实现的3des+base64加密解密算法。分享给大家供大家参考，具体如下：1. index.html：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>www.freexyz.cn B...

2020-05-27

61浏览

0评论

vue.js使用3DES加密的方法示例

本文实例讲述了vue.js使用3DES加密的方法。分享给大家供大家参考，具体如下：如何在VUE-CLI手脚架建立的工程中使用3des加密：npm install crypto-js --save-dev import CryptoJS...

2020-05-27

127浏览

0评论

JS实现json对象数组按对象属性排序操作示例

本文实例讲述了JS实现json对象数组按对象属性排序操作。分享给大家供大家参考，具体如下：在实际工作经常会出现这样一个问题：后台返回一个数组中有i个json数据，需要我们根据json...

2020-05-27

65浏览

0评论

原生JS实现的碰撞检测功能示例

本文实例讲述了原生JS实现的碰撞检测功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS碰撞检测</title><styl...

2020-05-27

64浏览

0评论

vue项目如何刷新当前页面的方法

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...

2020-05-27

68浏览

0评论

简单的三步vuex入门

前言
之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因,
event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么,
团队里...

2020-05-27

69浏览

0评论

vuex进阶知识点巩固

一、 Getter我们先回忆一下上一篇的代码computed:{ getName(){ return this.$store.state.name }}这里假设现在逻辑有变,我们最终期望得到的数据(getName),是基于 this....

2020-05-27

85浏览

0评论

详解使用vue-admin-template的优化历程

前言公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才...

2020-05-27

81浏览

0评论

详解vue的diff算法原理

我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1. 当数据...

2020-05-27

90浏览

0评论

Vue二次封装axios为插件使用详解

照例先贴上 axios 的 gitHub 地址不管用什么方式获取数据，对于一个项目来说，代码一定要利于维护其次是一定要写的优美，因此加上一层封装是必要的vuejs2.0 已经不再维护 vue-res...

2020-05-27

246浏览

0评论

以v-model与promise两种方式实现vue弹窗组件

最近公司有一个后台业务虽然也是写在了现有的后台系统中，但是之后要为这个业务单独拉出来新建一个后台系统,所以现有的后台系统中的vue组件库，就不能用了(因为不知道将来的系...

2020-05-27

46浏览

0评论

JS实现的文件拖拽上传功能示例

本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS文件拖拽上传</title><...

2020-05-27

59浏览

0评论

纯JS实现可用于页码更换的飞页特效示例

本文实例讲述了纯JS实现可用于页码更换的飞页特效。分享给大家供大家参考，具体如下：这个效果使用了自己封装的一个运动函数；这个效果的巧妙之处在于，在开始用数组存放了每个li的...

2020-05-27

40浏览

0评论

Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码

本人野生程序员一名，了解了一些微服务架构、前后端分离、SPA的知识后就想试试做点什么东西。之前一直做后端，前端只是有基础知识。之前学习过angularjs，但当时就是一脸懵逼（完全...

2020-05-27

62浏览

0评论

Vue中父子组件通讯之todolist组件功能开发

一、todolist功能开发<div id="root"> <div> <input type="text" v-model="inputValue"> <button @click="handleSubmit">提交</button> </div> <ul> <li v-for="(...

2020-05-27

98浏览

0评论

Vue整合AdminLTE模板的方法

上一次搞定了登录验证和跳转的问题，不过存在一处bug。在Vue的main.js中，使用了Vue-router的路由钩子来判断是否可以访问受保护的资源，问题就出在这里，先修复上次的bug。/*全局路...

2020-05-27

热门文章