103浏览

0评论

vue element-ui 绑定@keyup事件无效的解决方法

解决办法： <el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup.native="getGameList(searchParmas.gameName)"></el-input> 加上.nativ...

• 2020-05-27

56浏览

0评论

vue.js获得当前元素的文字信息方法

1、获得当前点击的内容<li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/></li>当我点击这个li标...

• 2020-05-27

57浏览

0评论

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

55浏览

0评论

JS获取input[file]的值并显示在页面的实现方法

实例如下所示：$(document).on('change', '.photo-box .file', function () { //alert($(this).val()); function getObjectURL(file) { var url = null; if (window....

• 2020-05-27

62浏览

0评论

redux-saga 初识和使用

redux-saga 是一个管理 Redux 应用异步操作的中间件，功能类似redux-thunk + async/await, 它通过创建 Sagas 将所有的异步操作逻辑存放在一个地方进行集中处理。redux-saga...

• 2020-05-27

61浏览

0评论

在vue中使用css modules替代scroped的方法

前面的话css modules是一种流行的模块化和组合CSS的系统。 vue-loader提供了与css modules的集成，作为scope CSS的替代方案。本文将详细介绍css modules引入最开始使用Vue的...

• 2020-05-27

88浏览

0评论

Vuex实现计数器以及列表展示效果

本篇教程将以计数器及列表展示两个例子来讲解Vuex的简单用法。本案例github从安装到启动初始页面的过程都直接跳过。注意安装时选择需要路由。首先，src目录下新建store目录...

• 2020-05-27

54浏览

0评论

浅谈webpack组织模块的原理

现在前端用Webpack打包JS和其它文件已经是主流了，加上Node的流行，使得前端的工程方式和后端越来越像。所有的东西都模块化，最后统一编译。Webpack因为版本的不断更新以及各种各...

• 2020-05-27

75浏览

0评论

webpack组织模块打包Library的原理及实现

之前一篇文章分析了Webpack打包JS模块的基本原理，所介绍的案例是最常见的一种情况，即多个JS模块和一个入口模块，打包成一个bundle文件，可以直接被浏览器或者其它JavaScript引擎...

• 2020-05-27

64浏览

0评论

webpack external模块的具体使用

这篇文章讨论Webpack打包library时经常需要用到的一个选项external，它用于避免将一些很通用的模块打包进你发布的library里，而是选择把它们声明成external的模块，在你的library...

• 2020-05-27

94浏览

0评论

webpack打包node.js后端项目的方法

本文介绍了webpack打包node.js后端项目的方法，分享给大家，具体如下：
安装依赖
复制代码 代码如下:
npm install --save-dev webpack babel-loader babel-preset-es2015 babel-p...

• 2020-05-27

79浏览

0评论

js经验分享 JavaScript反调试技巧

在此之前，我一直都在研究JavaScript相关的反调试技巧。但是当我在网上搜索相关资料时，我发现网上并没有多少关于这方面的文章，而且就算有也是非常不完整的那种。所以在这篇文章...

• 2020-05-27

74浏览

0评论

JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)

我们一般在浏览器里识别用户的访问设备都是通过 User Agent 这个字段来获取的，但是通过它我们只能获取一个大概的信息，比如你用的是 Mac 还是 Windows，用的是 iPhone 还是 iPad...

• 2020-05-27

54浏览

0评论

Javascript 编码约定(编码规范)

1、使用 strict 模式在一个作用域(包括函数作用域、全局作用域)中，可以使用"use strict";来开启 strict 模式。2、缩进用 Tab 键进行代码缩进，以节约代码大小，使用4个空格的宽...

• 2020-05-27

86浏览

0评论

js中document.write和document.writeln的区别

两者都是JavaScript向客户端输出的方法，对比可知写法上的差别是一个ln--line的简写，换言之，writeln 方法是以行输出的，相当于在&#63;winte&#63;输出后加上一个换行符注意：documen...

• 2020-05-27

43浏览

0评论

Javascript中prototype与__proto__的关系详解

前言学到原型的时候感觉头都大了/(ㄒoㄒ)/~~ 尤其是prototype和__proto__ 傻傻分不清 通过多番查找资料，根据自己的理解，总结如下：一、构造函数：
构造函数：通过new关键字可以用...

• 2020-05-27

52浏览

0评论

Node.JS循环删除非空文件夹及子目录下的所有文件

最近要实现一个循环文件夹的功能，文件夹可能不是空的，还可能带有子文件夹和文件，网上找了一些现有的库，但是都不提供删除进度。所以就自己写了一个。var fs = require('fs')var...

• 2020-05-27

66浏览

0评论

JS中touchstart事件与click事件冲突的解决方法

前言移动互联网是未来的发展趋势，现在国内很多互联网大佬都在争取移动这一块大饼，如微信及支付宝是目前比较成功的例子，当然还有各种APP和web运用。下面这篇文章主要介绍了关于...

• 2020-05-27

95浏览

0评论

Vue 仿QQ左滑删除组件功能

前几天在做Vue项目开发的时候，因为之前别人写的代码有点小 bug，有人反应 IOS 上面的滑动点击有点问题，于是让我来帮忙解决，我看了看以前的代码实现比较繁琐，冗余，索性就直接自己重...

QQ
• 2020-05-27

59浏览

0评论

浅谈angular4.0中路由传递参数、获取参数最nice的写法

研究ng4的官网，终于找到了我想要的方法。我想要的结果是用‘&'拼接参数传送，这样阅读上是最好的。否则很多‘/'的拼接，容易混淆参数和组件名称。一般我们页面跳转传递参数都是...

• 2020-05-27

66浏览

0评论

javascript变量提升和闭包理解

我们先来看一个题目：<script> console.log(typeof a)//undefined var a='littlebear'; console.log(a)//littlebear </script><script> console.log(typeof a)//string var a...

• 2020-05-27

78浏览

0评论

Node.JS段点续传：Nginx配置文件分段下载功能的实现方法

Html5 提供了一个新的 Range 标签来实现文件的分段下载。在Node.JS中可以配置这个标签来实现文件的分段下载。Header标签请求 Request Header: 下载 3744 以后的文件内容ran...

• 2020-05-27

56浏览

0评论

基于express中路由规则及获取请求参数的方法

express中常见的路由规则主要使用的路由规则是get和post两种，即var express = require('express');var app = express();app.get(); // get和post两种请求方式app.post();ap...

• 2020-05-27

352浏览

0评论

js提取中文拼音首字母的封装工具类

前言
本文主要记录了如何用js提前中文拼音首字母的方法。封装一个函数，假如有需要的，可以直接拿去用。下面话不多说了，来一起看看详细的介绍吧。原理
主要是根据中文的unicode...

• 2020-05-27

70浏览

0评论

详解vuex的简单使用

1 目录的配置
根据官方推荐在src目录里面创建store目录2 创建store里面的文件
根据官方推荐创建 actions.js, getters.js,index.js, mutations.js, mutations-types.js, sta...

• 2020-05-27

80浏览

0评论

vue移动UI框架滑动加载数据的方法

前言
在我们移动端还有一个很常用的组件，那就是滑动加载更多组件。平常我们看到的很多插件实现相当复杂就觉得这个组件很难，其实不是的！！这个组件其实可以很简单的就实现出来，而...

• 2020-05-27

66浏览

0评论

vue路由懒加载的实现方法

本文介绍了vue的路由懒加载，分享给大家，具体如下：
我们可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。 component可以是一个箭头函数，我...

• 2020-05-27

73浏览

0评论

AngularJS对动态增加的DOM实现ng-keyup事件示例

我们经常在网页中看到这种形式的内容，如图：用鼠标点击一下，就变成了一个input，如图：如果未输入内容，并且鼠标离开后，则变回了原来的样子；如果输入了内容，即使鼠标离开，也保持内容不变，...

• 2020-05-27

70浏览

0评论

webpack打包js的方法

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。在代码实践之前，先说一写webpack的基础知识。...

• 2020-05-27

43浏览

0评论

vue 简单自动补全的输入框的示例

实现一个输入框，输入信息后显示由后台返回的数据，供用户选择，之前用的elm的组件，不过那个有点大。。。简单的情况下自己实现一个也能满足要求。。。应该吧。。。主题包括一个inp...

• 2020-05-27

63浏览

0评论

angular5 httpclient的示例实战

从angular 4.3.0 以后的版本开始使用httpclient，替换了之前的http，引用的包路径已经变为了angular/common/http了
一个基础的 httpclient 样例import { Injectable } from '@a...

• 2020-05-27

63浏览

0评论

解决vue多个路由共用一个页面的问题

在日常的vue开发中我们可能会遇见多个路由需要共用一个页面的需求，特别是当路由是通过动态添加的，不同的路由展示的东西只是数据不同其他没有变化。例如：let routes = [ {path...

• 2020-05-27

108浏览

0评论

vue 多入口文件搭建 vue多页面搭建的实例讲解

红色为更改后的不同之处vue 多入口文件搭建在webpack.base.conf中修改varpath = require('path')varconfig = require('../config')varutils = require('./utils')varprojec...

• 2020-05-27

43浏览

0评论

一种angular的方法级的缓存注解（装饰器）

使用es6中装装饰器能做很多事情，今天分享一种在angular使用装饰器进行方法调用缓存的功能。应用场景是这样的，在前端工作中，会有一些经常使用的方法经常被调用，但是这些方法每次...

• 2020-05-27

65浏览

0评论

解决vue 路由变化页面数据不刷新的问题

每天记录一点点，把我遇到的问题记录下来， 希望可以帮助到更多和我遇到同样问题的人。问题描述：通过调接口，动态显示帮助页面的问题列表， 问题列表有多级，当点击的这个问题没有下一...

• 2020-05-27

70浏览

0评论

解决vue单页使用keep-alive页面返回不刷新的问题

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用<keep-alive>解决这个...

• 2020-05-27

42浏览

0评论

解决vue页面刷新或者后退参数丢失的问题

在toB的项目中，会经常遇到列表数据筛选查询的情景，当要打开某一项的详情页或者暂时离开列表页，再返回（后退时），选择的筛选条件会全部丢失，辛辛苦苦选择好的条件全没了，还得重新选择，...

• 2020-05-27

239浏览

0评论

Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解

1.Ionic3.x中页面(组件)之间正向传值方式？
这里所说的正向传值指的是如有两个页面，我们简称 页面A 和 页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。正向传...

• 2020-05-27

59浏览

0评论

vue页面离开后执行函数的实例

如下所示：destroyed: function () { console.log("我已经离开了！"); this.doSomething(); },说明：destroyed是与methods、mounted同层级的以上这篇vue页面离开后执行函数的实...

• 2020-05-27

66浏览

0评论

vue轮播图插件vue-concise-slider的使用

vue-concise-slidervue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端版本v2.4.7 支持vue2.0+特点 简单配置 轻量 (~24kB...

• 2020-05-27

73浏览

0评论

vue加载自定义的js文件方法

在做项目中需要自定义弹出框。就自己写了一个。效果图遇见的问题怎么加载自定义的js文件vue-插件这必须要看。然后就是自己写了。export default{ install(Vue){ var tpl;...

• 2020-05-27

62浏览

0评论

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

1.Ionic3.x 页面正向传值
关于正向传值，上一篇文章里面有讲，具体可以看这里：https://www.freexyz.cn/article/136302.htm2.Ionic3.x 页面 pop反向传值,主要有两种方式 1 .利...

• 2020-05-27

95浏览

0评论

基于vue中css预加载使用sass的配置方式详解

1.安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2.在build文件夹下的webpack.base.conf.js的rules里...

• 2020-05-27

57浏览

0评论

微信小程序中实现手指缩放图片的示例代码

公司开发微信小程序，pm想实现如下需求：
用手指缩放图片。其实在实现这个需求以前，并不知道，微信公众号以及微信小程序里面有一个原生的api就自带这个特效，而且微信朋友圈也是用的...

• 2020-05-27

73浏览

0评论

基于vue.js实现的分页

本文主要介绍基于vue的分页原生写法。先po上效果图：html部分，将page作为一个单独的组件<script type="text/x-template" id="page"> <ul class="pagination"> <li v-show="...

• 2020-05-27

87浏览

0评论

浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据 lang 属性自动用适当的加载器去处理。如果需要使用sass，则安装：npm...

• 2020-05-27

63浏览

0评论

解决vue-cli创建项目的loader问题

在使用vue-cli项目创建项目中，使用sass等预编译css语言时，不需要在config中配置，只需要在项目中安装相应loader即可。例如： 1、在项目中使用sass$ npm i node-sass -D$ npm i sa...

• 2020-05-27

103浏览

0评论

vue-cli脚手架引入图片的几种方法总结

我个人常用的方法，一直在摸索更好的方法，如果各位大佬有什么建议，可以给我评论留言哦1、import方法第一步：在.vue文件中import edit from 'path'（path是图片与.vue的相对路径）第二...

• 2020-05-27

78浏览

0评论

用vue写一个仿简书的轮播图的示例代码

1.先展示最终效果：2.解决思路
Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。动画效果...

• 2020-05-27

69浏览

0评论

vue-cli脚手架config目录下index.js配置文件的方法

此文章介绍vue-cli脚手架config目录下index.js配置文件1、此配置文件是用来定义开发环境和生产环境中所需要的参数2、关于注释当涉及到较复杂的解释我将通过标识的方式(如（1）)...

• 2020-05-27