编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

55浏览

0评论

vue完成项目后,打包成静态文件的方法

vue完成项目后，如何打包成静态文件，并且用Node调试打包1、修改config里面的index.js里面的productionSourceMap为false,默认情况是true（true代表打包环境是开发环境，可以进行调...

2020-05-27 04:52:12

53浏览

0评论

vue的style绑定background-image的方式和其他变量数据的区别详解

问题：使用vue加载图片变量，为了图片的自适应，需设置为背景图居中排布<tr v-for="(item,index) in dataObj"> <td class="video-msg" v-bind:id="item.videoid"> <div class="v...

2020-05-27 04:52:11

44浏览

0评论

详解vue通过NGINX部署在子目录或者二级目录实践

1、修改 router/index.js添加一行base: 'admin',2、然后修改 config/index.js增加一行const assetsPublicPath = '/admin/'然后修改下面两处assetsPublicPath 的值为定义的...

2020-05-27 04:52:10

59浏览

0评论

VUE预渲染及遇到的坑

本文介绍了VUE预渲染及遇到的坑，分享给大家，具体如下：npm install -D prerender-spa-plugin修改webpack.prod.conf.js，在CopyWebpackPlugin后面，增加内容。var PrerenderSpaPlugi...

2020-05-27 04:52:07

44浏览

0评论

Vue 中对图片地址进行拼接的方法

拿到一组数据，其中的img地址是这样的我们想要将它转化为正常的图片地址，需要使用for循环来将图片拼接起来 getSingList(){ getSingerList().then((res) =>{ if (res.code==...

2020-05-27 04:52:06

68浏览

0评论

react在安卓中输入框被手机键盘遮挡问题的解决方法

前言React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就...

2020-05-27 04:52:04

60浏览

0评论

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

在项目过程中，我们常常需要获取IP的所在地。而这一功能一般都是通过一些数据网站的对外接口来实现，这些接口一般情况下都是付费使用的。在这篇文章中我将记录，基于node.js的阿...

2020-05-27 04:52:03

65浏览

0评论

Angular动态绑定样式及改变UI框架样式的方法小结

AngularJS 简介
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。
Angular...

2020-05-27 04:52:01

44浏览

0评论

Vue实现底部侧边工具栏的实例代码

下载地址： https://github.com/imxiaoer/FloatToolBar因为是个常见的功能，所以写个组件。效果图如下：组件具体代码如下： tool.vue<template> <ul class="float-tool"> <li clas...

2020-05-27 04:52:01

39浏览

0评论

解决vue的 v-for 循环中图片加载路径问题

先看一下产品需求，如下图所示，产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一...

2020-05-27 04:51:59

44浏览

0评论

详解vue-cli下ESlint 配置说明

1，关闭eslint这里只说vue-cli脚手架的关闭方法，其实很简单，就是把 build/webpack.base.conf.js
配置文件中的eslint rules注释掉即可。module: { rules: [ // { // test...

2020-05-27 04:51:58

50浏览

0评论

vue自定v-model实现表单数据双向绑定问题

vue.js的一大功能便是实现数据的双向绑定，本文给大家介绍vue自定v-model实现表单数据双向绑定，具体内容如下所示：子组件代码如下v-model语法糖v-model实现了表单输入的双向绑定...

2020-05-27 04:51:57

70浏览

0评论

webpack4 SCSS提取和懒加载的示例

本节课讲解在webpack v4中的 SCSS 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。>>> 本节课源码>>> 所有课程源码1. 准备工作关于 SCSS 处...

2020-05-27 04:51:56

47浏览

0评论

解决vue单页路由跳转后scrollTop的问题

作为vue的初级使用者，在开发过程中遇到的坑太多了。在看页面的时候发现了页面滚动的问题，当一个页面滚动了，点击页面上的路由调到下一个页面时，跳转后的页面也是滚动的，滚动条并...

2020-05-27 04:51:55

56浏览

0评论

vue自定义底部导航栏Tabbar的实现代码

如图所示，要完成类似的一个底部导航切换。首先。我们需要分为5个大的VUE文件。可以根据自己的习惯来放在不同的位置。我将5个主要的vue文件放在了5个不同的文件夹然后,在comp...

2020-05-27 04:51:54

57浏览

0评论

Angular5中状态管理的实现

前面学习了vue，react 都有状态管理，如vue中的vuex是全局状态管理，在任何组件里都可以引用状态管理中的数据，同样，react中的redux和mbox也是，但遇到angular5却不知道了。
一年前使...

2020-05-27 04:51:51

87浏览

0评论

JavaScript日期工具类DateUtils定义与用法示例

本文实例讲述了JavaScript日期工具类DateUtils定义与用法。分享给大家供大家参考，具体如下：DateUtils = { patterns: { PATTERN_ERA: 'G', //Era 标志符 Era strings. For...

2020-05-27 04:51:50

61浏览

0评论

Vue 通过自定义指令回顾v-内置指令(小结)

Vue.js 的各种指令（Directives）更加方便我们去数据驱动 DOM，例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令，这些指令的职责就是当表达式改变时将某些行为应用到...

2020-05-27 04:51:49

39浏览

0评论

Vue-router的使用和出现空白页,路由对象属性详解

Vue-router的使用和出现空白页2018.08.28 更新 vue-router：前端路由系统——改变视图的同时不会向后端发出请求1、 hash2、history2018.06.25 更新get到一个新技能import Vue...

2020-05-27 04:51:48

38浏览

0评论

vue-cli 引入jQuery，Bootstrap，popper的方法

1.安装插件npm install jquery --save //jquery插件npm install bootstrap --save //bootstrapnpm install --save popper.js //popper.js2.修改build目录下的webp...

2020-05-27 04:51:47

71浏览

0评论

基于vue-router 多级路由redirect 重定向的问题

在做多级路由的时候遇到很多问题，虽然不难，但是如果没有经验，往往要花一整天时间才能解决（可能我笨），况且网上资料也很少。项目需要是这样的：登录页面跳到后台页面重定向，登录页是一...

2020-05-27 04:51:46

64浏览

0评论

JavaScript封装的常用工具类库bee.js用法详解【经典类库】

本文实例讲述了JavaScript封装的常用工具类库bee.js。分享给大家供大家参考，具体如下：bee.js下载地址：github下载地址：https://github.com/shadowOfCode/bee.js或点击此处本站下...

2020-05-27 04:51:45

44浏览

0评论

解决vue.js this.$router.push无效的问题

如下所示：login() { if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password })...

2020-05-27 04:51:44

57浏览

0评论

vue 纯js监听滚动条到底部的实例讲解

在网页中，我们会遇到很多在滚动条到底部的时候有数据正在加载的事件，那么怎样用vue去实现这样的内容呢？本篇只给出一个雏形，结合vue的生命周期用纯javascript写的一个监听函数，后...

2020-05-27 04:51:43

41浏览

0评论

vue移动端监听滚动条高度的实现方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var _this =thiswindow.addEvent...

2020-05-27 04:51:42

59浏览

0评论

前后端如何实现登录token拦截校验详解

一、场景与环境
最近需要写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式1、我是名小白web工作者，每天都为自己的将来担心不已。第一次记录日常开...

2020-05-27 04:51:39

40浏览

0评论

vue 中滚动条始终定位在底部的方法

滚动条定位在底部，首先想到的是，动态修改滚动条到顶部的距离等于div的高度，代码实现：var div = document.getElementById('data-list-content')div.scrollTop = div.scrollHeigh...

2020-05-27 04:51:38

52浏览

0评论

Angular项目如何升级至Angular6步骤全纪录

前言前段时间将所负责的 Angular2 项目升级到了 Angular5 版本，这两天又进行了升级至 Angular6 的尝试。总的来说，两次升级过程比较类似，也不算复杂。2018年5月4日，Angular6.0.0...

2020-05-27 04:51:37

54浏览

0评论

ES6中let 和 const 的新特性

在javascript中，我们都知道使用var来声明变量。javascript是函数级作用域，函数内可以访问函数外的变量，函数外不能访问函数内的变量。本文给大家介绍ES6中let 和 const 的特性，...

2020-05-27 04:51:36

47浏览

0评论

Vue组件中的data必须是一个function的原因浅析

组件可以有自己的data，并且data必须是一个function。在下面这个例子中，data 返回了一个在外部定义的对象。并且这个组件在页面中使用了3次，点击+1时出现了如下情况：data中的coun...

2020-05-27 04:51:35

41浏览

0评论

详解JS中统计函数执行次数与执行时间

一、统计函数执行次数
常规的方法可以使用 console.log 输出来肉眼计算有多少个输出不过在Chrome中内置了一个 console.count 方法，可以统计一个字符串输出的次数。我们可以...

2020-05-27 04:51:34

58浏览

0评论

解决vue 打包发布去#和页面空白的问题

1.vue项目中config文件下index.js中打包配置build: { // Template for index.html index: path.resolve(__dirname, '../yiTownWebApp/index.html'), // Paths assetsRoot:...

2020-05-27 04:51:33

54浏览

0评论

JS实现可针对算术表达式求值的计算器功能示例

本文实例讲述了JS实现可针对算术表达式求值的计算器功能。分享给大家供大家参考，具体如下：HTML部分：<div> <div id="in"> <input name="in" type="text" class="clsin" id="i...

2020-05-27 04:51:32

45浏览

0评论

用POSTMAN发送JSON格式的POST请求示例

postman是一个很好的http模拟器，在测试rest服务时是很好用的工具，可以发送get、post、put等各种请求。在地址栏里输入请求url：http://127.0.0.1:8081/getmoney选择“POST”方式...

2020-05-27 04:51:31

48浏览

0评论

工作中常用到的ES6语法

什么是ES6？
　　ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。　　ECMAScript和J...

2020-05-27 04:51:29

60浏览

0评论

解决vue-cli项目打包出现空白页和路径错误的问题

vue-cli项目打包：1. 命令行输入：npm run build打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。我们直接运行打包后的文件夹中的i...

2020-05-27 04:51:28

56浏览

0评论

create-react-app安装出错问题解决方法

create-react-app慢的解决方法在操作官方实例Create React App时,需要执行指令：create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,...

2020-05-27 04:51:26

88浏览

0评论

快速解决Vue项目在IE浏览器中显示空白的问题

vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的引入方法：打开packge.json，在dependencies中加...

2020-05-27 04:51:25

48浏览

0评论

快速解决vue-cli在ie9+中无效的问题

1、ie9+报错vuex requires a Promise polyfill in this browser.解决如下：npm install --save-dev babel-polyfill或者 cnpm install babel-polyfill -D修改 webpack.base.co...

2020-05-27 04:51:24

45浏览

0评论

使用validate.js实现表单数据提交前的验证方法

　　现在是学的ASP.NET，关于表单验证，目前知道的，除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外，有两种方法是比较方便的，今天先介绍一下第一种，在前端实现表单验证的...

2020-05-27 04:51:23

51浏览

0评论

在vue项目中引入高德地图及其UI组件的方法

引入高德地图：打开index.html，引用高德地图的JavaScript API：<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你的API key"></script>在“ke...

2020-05-27 04:51:22

41浏览

0评论

Element UI 自定义正则表达式验证方法

如下所示：//指定数据中心的验证表单valiForm，验证规则rules<el-form :model="valiForm" :rules="rules" ref="valiForm" label-width="100px" class="demo-valiForm"> <el-fo...

2020-05-27 04:51:21

46浏览

0评论

vue2中使用sass并配置全局的sass样式变量的方法

Sass语言 Sass是一种强大的css扩展语言（css本身并不是一门语言），它允许你使用变量、嵌套规则、mixins、导入等css没有但开发语言（如Java、C#、Ruby等）有的一些特性，并且完全...

2020-05-27 04:51:20

96浏览

0评论

微信小程序的部署方法步骤

部署环境：
jdk1.7 mysql5.6 tomcat7 centos6.51资料准备
1)linux服务器，推荐使用阿里云，这里预算有限，所以使用了香港的低配服务器。
2)域名，这里是在阿里云平台上申请的...

2020-05-27 04:51:19

39浏览

0评论

Nodejs使用Mongodb存储与提供后端CRD服务详解

前言众所周知JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一种解析...

2020-05-27 04:51:17

57浏览

0评论

基于element-ui的rules中正则表达式

在rules中的pattern中写正则表达式<template> <el-form :model="unuseForm" label-position="top" :rules="dialogRules"> <el-form-item label="原因" prop="loseEfficacyR...

2020-05-27 04:51:16

72浏览

0评论

vue做移动端适配最佳解决方案(亲测有效)

vw 解决方案
1. 安装并配置PostCss插件
复制代码代码如下:npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport...

2020-05-27 04:51:15

66浏览

0评论

为jquery的ajax请求添加超时timeout时间的操作方法

下面给大家介绍为jquery的ajax请求添加超时timeout时间的实例有时侯要用ajax来轮询某个服务是否可用，但是各个浏览器ajax的超时时间有可能不一样，所以希望ajax能只尝试几秒钟，...

2020-05-27 04:51:14

67浏览

0评论

elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)

在做后台管理系统中遇到一个需求, 点击一个按钮可以变换里面字的内容当状态为显示的时候, 该行第一个按钮为隐藏;当状态为隐藏的时候, 该行第一个按钮为显示;具体代码如下:...

2020-05-27 04:51:13

55浏览

0评论

Vue表单及表单绑定方法

基础用法可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过...

2020-05-27 04:51:12

首页 «1347 134813491350 1351 »尾页

热门文章