layui select动态添加option的实例
html<form class="layui-form" action=""> <div class="layui-form-item proSelect"> <label class="layui-form-label">产品类别</label> <div class="layui-input-blo...
2020-05-27
详解从买域名到使用pm2部署node.js项目全过程
作为一个前端，对写好的项目怎么部署到服务器是一脸蒙圈的，但还是对这个很感兴趣，决定尝试一下,说干就干。一、买域名和服务器要部署项目肯定要买域名，这点是必不可少的，发现腾讯...
2020-05-27
vue.js的computed,filter,get,set的用法及区别详解
1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed...
2020-05-27
JavaScript满天星导航栏实现方法
说明
分享一个满天星导航栏的效果，代码不多，但效果挺好看，先看看效果图吧。解释
实现这个效果，需要掌握的知识不用很多，知道简单的CSS，会用JS 获取元素， 能绑定事件基本就足够了。...
2020-05-27
改变vue请求过来的数据中的某一项值的方法(详解)
由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLe...
2020-05-27
详解使用vue-cli脚手架初始化Vue项目下的项目结构
vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载...
2020-05-27
vue与vue-i18n结合实现后台数据的多语言切换方法
在XXX.js文件中定义函数：getUser(context,info){ context.$http.get(SERVER_URL+'/users',info).then(function(data){ let err =data.body.error; if(err===0){ let...
2020-05-27
vue.js中$set与数组更新方法
由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当利用索引直接设置数组的某一项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = n...
2020-05-27
JQuery选中select组件被选中的值方法
jquery获取select选择的文本与值 获取select ： 获取select 选中的 text :$(“#ddlregtype”).find(“option:selected”).text();获取select选中的 value:$(“#ddlregtype “...
2020-05-27
在react-router4中进行代码拆分的方法（基于webpack）
前言随着前端项目的不断扩大，一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用中，越来越依赖一些打包工具（例如webpack），通过这些打包工具...
2020-05-27
vue.js移动数组位置,同时更新视图的方法
使用vue.js v-for绑定若干个选项，需要对选项进行排序上下移动操作。需要对options里面数组的位置进行交换，通常是这样来写：假设向前移动一个：var index = this.options.indexOf(...
2020-05-27
vue.js或js实现中文A-Z排序的方法
实现中文按照A-Z的方法，可以在vue的methods里面写入：methods:{ pySort:function(arr,empty){ var $this = this; if(!String.prototype.localeCompa...
2020-05-27
实战node静态文件服务器的示例代码
本篇文章主要介绍了实战node静态文件服务器的示例，分享给大家，具体如下：支持功能: 读取静态文件 访问目录可以自动寻找下面的index.html文件, 如果没有index.html则列出文件...
2020-05-27
JS字符串去除连续或全部重复字符的实例
js字符串去除连续重复字符()和\number 配合使用表示重复正则第number个括号内匹配到的内容，如：(\d)\1表示重复第一个匹配块(\d)即等价于如果(\d)匹配到a，则表达式为aa相应的可...
2020-05-27
Vue.js实现图片的随意拖动方法
主要代码如下：<template> <div id="test_3"> <img src="../assets/img/photo.jpg" @mousedown="start" @mouseup="stop" @mousemove="move" :style="style"> </div></templa...
2020-05-27
解决Vue 通过下表修改数组,页面不渲染的问题
需要注意的是，Vue之所以能够监听Model状态的变化，是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听对象状态的变化。但是，对于数组元素的赋值，却没有办法直...
2020-05-27
vue2.0 axios跨域并渲染的问题解决方法
(用的脚手架vue-cli)第一步： 在main.js中如下声明使用import axios from'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用第二步：在webpack...
2020-05-27
layui之select的option叠加问题的解决方法
小编我在使用layui，在select的地方遇到了坑，select里的值居然无法清空，select里的option还有叠加问题，为了解决这个问题，也达到我的功能，我研究了下，让有同样需求的小伙伴不踩坑，特...
2020-05-27
Vue.js自定义事件的表单输入组件方法
Vue.js使用自定义事件的表单输入组件自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。要牢记：<input v-model="something">这不过是以下示例的...
2020-05-27
vue注册组件的几种方式总结
1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册var Child = { template: '<div>A custom component!</div>'}new Vue({ //...
2020-05-27
使用use注册Vue全局组件和全局指令的方法
Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时，官方文档中的方法就显得有些不够清爽了。全局组件 在Vue官方文...
2020-05-27
浅谈vue.js导入css库(elementUi)的方法
1.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev2.安装elementUi模...
2020-05-27
11行JS代码制作二维码生成功能
HTML代码：<img style="display: none" id="qrcode" data-width="100" data-height="100" data-url="https://www.baidu.com/">相关JS代码：/** * 生成二维码 * data-width={...
2020-05-27
vue的安装及element组件的安装方法
一、新建vue项目1、首先需要下载nodejs，安装后打开命令窗口可以使用npm包管理工具npm集成在node中的，所以直接输入npm-v查看npm的版本信息2、npm有些资源被屏蔽或者是国外资源...
2020-05-27
vue移动端UI框架实现QQ侧边菜单组件
最近面试发现很多前端程序员都从来没有写过插件的经验，基本上都是网上百度。所以打算写一系列文章，手把手的教一些没有写过组件的兄弟们如何去写插件。本系列文章都基于VUE，核...
2020-05-27
vue实现在表格里,取每行的id的方法
如下所示：1、在template上写上 slot-scope="scope"2、然后在template里边的标签上，scope.row.id以上这篇vue实现在表格里,取每行的id的方法就是小编分享给大家的全部内容了，希...
2020-05-27
vue + vuex todolist的实现示例代码
todolist demo
最近有空重新看了一下vuex,然后又写了一个todolist小demo,原理比较简单,主要是自己规范了一下代码的写法.
下载地址 :vue-test_jb51.rar
效果图根组件
<templ...
2020-05-27
Vue2.0结合webuploader实现文件分片上传功能
Vue项目中遇到了大文件分片上传的问题，之前用过webuploader，索性就把Vue2.0与webuploader结合起来使用，封装了一个vue的上传组件，使用起来也比较舒爽。上传就上传吧，为什么搞得那...
2020-05-27
vue+vuex+axios实现登录、注册页权限拦截
在GitHub上有很多写好的模板，这个项目也是基于模板做的。现在记录一下我做的过程1、修改config文件夹里的dev.env.js里的BASE_API，把地址改成请求后端的公共部分BASE_API: '"h...
2020-05-27
详解react关于事件绑定this的四种方式
在react组件中，每个方法的上下文都会指向该组件的实例，即自动绑定this为当前组件,而且react还会对这种引用进行缓存，以达到cpu和内存的最大化。在使用了es6 class或者纯函数时，...
2020-05-27
vuex实现登录状态的存储,未登录状态不允许浏览的方法
基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由...
2020-05-27
解决低版本的浏览器不支持es6的import问题
解决方法：1. <script type="model" src="game.js"></script>2. 下载最新版本的chrome浏览器以上这篇解决低版本的浏览器不支持es6的import问题就是小编分享给大家的全部内容...
2020-05-27
使用live-server快速搭建本地服务器+自动刷新的方法
1、安装$ sudo npm install -g live-server 2、使用下面的命令会自动打开当前目录下面的index.html$ live-server 以上这篇使用live-server快速搭建本地服务器+自动刷新的方...
2020-05-27
vue+element-ui+ajax实现一个表格的实例
实例如下：<!DOCTYPE html><html><head><script src="js/jquery-3.2.1.js"></script><script src="vue.js"></script><!-- 引入样式 --><link rel="stylesheet" href="https:/...
2020-05-27
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
最近利用vue第三方UI MuseUI开发webapp，然后在导航栏这里出现了问题，我需要在导航栏上的几个路由上显示底部导航栏，在其他路由上不显示，就这个问题，MuseUI的底部导航栏直接加载在...
2020-05-27
AngularJS中重新加载当前路由页面的方法
这个问题同样困扰我很久，网上的回答五花八门，全都不能解决；终于在网上找很久，看到某大神的解决办法，整理作此分享；使用ui-router重新加载当前页面的问题。(ui-router版本需要是0.2...
2020-05-27
JavaScript实现微信号随机切换代码
js实现微信号随机切换，代码分为js和html部分，大家参考下js代码：arr_wx =new Array("aaaa","bbbb","cccc"); var wx_index = Math.floor((Math.random() * arr_wx.length));...
2020-05-27
详解ES6通过WeakMap解决内存泄漏问题
一、Map1.定义Map对象保存键值对，类似于数据结构字典；与传统上的对象只能用字符串当键不同，Map对象可以使用任意值当键。2.语法new Map([iterable])属性size：返回键值对的数量。...
2020-05-27
JS扩展String.prototype.format字符串拼接的功能
1、题外话，有关概念理解：String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String...
2020-05-27
vue2 全局变量的设置方法
最近在学习VUE.js 中间涉及到JS全局变量，与其说是VUE的全局变量，不如说是模块化JS开发的全局变量。1、全局变量专用模块就是以一个特定模块来组织管理这些全局量，需要引用的地...
2020-05-27
在vue里面设置全局变量或数据的方法
实例如下：const MyPlugin = { // install方法是必需的// // 包含两个参数：Vue 构造器，一个可选的选项对象 install(Vue, options) { Vue.prototype.test = "test" ; Vue.prot...
2020-05-27
jquery点击回车键实现登录效果并默认焦点的方法
最近在做项目登录时，每次都需要点击登录按钮才可以进入相应的页面，给用户一个很不好的体验，所以我就添加使用回车键来实现登录。方法：<form> <input type="text" id="username_t...
2020-05-27
vue element-ui 绑定@keyup事件无效的解决方法
解决办法： <el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup.native="getGameList(searchParmas.gameName)"></el-input> 加上.nativ...
2020-05-27
vue.js获得当前元素的文字信息方法
1、获得当前点击的内容<li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/></li>当我点击这个li标...
2020-05-27
vue获取当前点击的元素并传值的实例
html：<span @click='zan(pl.id)' :data-id='pl.id'></span>js：zan(e){ var target=event.target; var dataid=e;//(pl.id的值); $(target)//当前点击的dom}以上这篇vue获取...
2020-05-27
JS获取input[file]的值并显示在页面的实现方法
实例如下所示：$(document).on('change', '.photo-box .file', function () { //alert($(this).val()); function getObjectURL(file) { var url = null; if (window....
2020-05-27
redux-saga 初识和使用
redux-saga 是一个管理 Redux 应用异步操作的中间件，功能类似redux-thunk + async/await, 它通过创建 Sagas 将所有的异步操作逻辑存放在一个地方进行集中处理。redux-saga...
2020-05-27
在vue中使用css modules替代scroped的方法
前面的话css modules是一种流行的模块化和组合CSS的系统。 vue-loader提供了与css modules的集成，作为scope CSS的替代方案。本文将详细介绍css modules引入最开始使用Vue的...
2020-05-27
Vuex实现计数器以及列表展示效果
本篇教程将以计数器及列表展示两个例子来讲解Vuex的简单用法。本案例github从安装到启动初始页面的过程都直接跳过。注意安装时选择需要路由。首先，src目录下新建store目录...
2020-05-27
浅谈webpack组织模块的原理
现在前端用Webpack打包JS和其它文件已经是主流了，加上Node的流行，使得前端的工程方式和后端越来越像。所有的东西都模块化，最后统一编译。Webpack因为版本的不断更新以及各种各...
2020-05-27
