编程开发 - 教程之家

编程开发

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

60浏览

0评论

Angular2中监听数据更新的方法

angular2 模型数据更新了，需要监听数据改变，一、实现接口Docheck，检测页面上所有元素数据更新import { Component, DoCheck } from "@angular/core";export class LangListUser...

2020-05-27 04:53:05

55浏览

0评论

vueJs实现DOM加载完之后自动下拉到底部的实例代码

这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部，文中给大家记录了整个问题的过程，对实现思路感兴趣的朋友大家阅读下本文。/......................................

2020-05-27 04:53:04

75浏览

0评论

angular实现input输入监听的示例

最近做用户注册登录时，需要监控用户的输入以此来给用户提示，用到了angular的$watch功能，以下是例子：jsp：<form class="register ng-scope" ng-app="regist_app" onsubmit="regist...

2020-05-27 04:53:03

79浏览

0评论

JS实现字符串翻转的方法分析

本文实例分析了JS实现字符串翻转的方法。分享给大家供大家参考，具体如下：1. 字符串的完全翻转:var str = "smile at life";document.write(str.split("").reverse().join(""))...

2020-05-27 04:53:01

84浏览

0评论

vuejs实现ready函数加载完之后执行某个函数的方法

vue.js 教程Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API...

2020-05-27 04:53:00

71浏览

0评论

angular 实时监听input框value值的变化触发函数方法

用angulajs + ionic 做了一个登陆页面。效果要通过监听输入框的变化来判断登陆按钮是否可点击。当至少一个输入框为空时登录按钮不可点击。一开始是用的jquery的方法做的，后...

2020-05-27 04:53:00

51浏览

0评论

微信小程序视图容器（swiper）组件创建轮播图

本文为大家分享了微信小程序swiper组件创建轮播图的具体代码，供大家参考，具体内容如下一、视图容器（Swiper）1、swiper：滑块视图容器微信官方文档二、swiper应用1、页面逻辑（index...

2020-05-27 04:52:59

78浏览

0评论

Bootstrap模态对话框用法简单示例

本文实例讲述了Bootstrap模态对话框用法。分享给大家供大家参考，具体如下：环境：bootstrap-3.3.5,jquery-3.0.0代码：<!DOCTYPE html><html> <head> <title>www.freexyz.cn bootst...

2020-05-27 04:52:57

75浏览

0评论

Vue加载组件、动态加载组件的几种方式

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可...

2020-05-27 04:52:56

61浏览

0评论

JavaScript实现简单的隐藏式侧边栏功能示例

本文实例讲述了JavaScript实现简单的隐藏式侧边栏功能。分享给大家供大家参考，具体如下：常见的隐藏式侧边栏，如分享、联系客服等。通过设置速度来实现滑入滑出的动态效果以下是...

2020-05-27 04:52:55

54浏览

0评论

Vue 莹石摄像头直播视频实例代码

Vue 莹石摄像头直播视频代码。HTML代码：<div class="mainClass" v-show="rtmp_url!=''"> <video id="myPlayer" controls playsinline webkit-playsinline autoplay> <sourc...

2020-05-27 04:52:54

59浏览

0评论

Angular 利用路由跳转到指定页面的指定位置方法

之前做过页面内的跳转，比较简单，最近项目需要实现跨页面跳转，并跳转到指定地点，试了很多方法，有用到传递参数然后让页面滚动相应的距离，但是一旦文章长短发生变化，滚动的距离也需要...

2020-05-27 04:52:53

52浏览

0评论

angularJs中跳转到指定的锚点实例($anchorScroll)

$anchorScroll根据HTML5的规则，当调用这个函数时，它检查当前的url的hash值并且滚动到相应的元素。监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrol...

2020-05-27 04:52:52

76浏览

0评论

angular1.x ui-route传参的三种写法小结

如下所示：.state('classrooms',{ url: '/classrooms/:id'}).state('classrooms',{ url: '/classrooms/{id}'}).state('activities',{ url: '/activities', params: { id: { v...

2020-05-27 04:52:51

193浏览

0评论

JS实现百度网盘任意文件强制下载功能

代码：//get file list datavar data=require("system-core:context/context.js").instanceForSystem.getList().listView.listsData;//calculate signfunction base64Encode(...

2020-05-27 04:52:50

77浏览

0评论

Vue模拟数据,实现路由进入商品详情页面的示例

一、路由首先需要配置路由，就是点击good组件进入goodDetail组件配置路由如下 { path: '/goodDetail', component:goodDetail }同时在good组件中写入如下点击事件，路由中加入...

2020-05-27 04:52:49

90浏览

0评论

基于vue循环列表时点击跳转页面的方法

1、在data数组里边添加id（说明：我的是虚拟数据）2、在点击事件上传入id参数，如下：3、在methods里边添加点击跳转的方法，不要忘记在function后边的括号内传入id，然后判断如果id==1，就...

2020-05-27 04:52:48

81浏览

0评论

bootstrapTable+ajax加载数据 refresh更新数据

本文实例为大家分享了bootstrapTable+ajax加载数据，和refresh更新数据两部分，供大家参考，具体内容如下1.html<form class="form-horizontal" role="form"> <div class="form-g...

2020-05-27 04:52:47

89浏览

0评论

vue router 跳转后回到顶部的实例

在main.js中加上这段代码// 跳转后返回顶部router.afterEach((to,from,next) => { window.scrollTo(0,0);})以上这篇vue router 跳转后回到顶部的实例就是小编分享给大家的...

2020-05-27 04:52:46

64浏览

0评论

vue项目实现表单登录页保存账号和密码到cookie功能

实现功能： 1.一周内自动登录勾选时，将账号和密码保存到cookie，下次登陆自动显示到表单内2.点击忘记密码则清空之前保存到cookie的值，下次登陆需要手动输入次要的就不说了直接上...

2020-05-27 04:52:45

75浏览

0评论

Vue 路由切换时页面内容没有重新加载的解决方法

第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了<keep-...

2020-05-27 04:52:44

89浏览

0评论

解决vue路由后界面没有变化,但是链接有的问题

vue有个写法需要注意：如果是跳转到默认首页，router-link 应该写：to: "{path: ' / ' } "如果跳转到非默认首页的时候，router-link 应该写：to: "{path: ' about ' } "就是除了跳转...

2020-05-27 04:52:43

48浏览

0评论

jQuery实现表格隔行换色

本文实例为大家分享了jQuery实现表格隔行换色的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用JQ完成表格隔行换...

2020-05-27 04:52:42

50浏览

0评论

vue 实现在函数中触发路由跳转的示例

如下所示：<span @click="clickFn">点我</span>methods:{ clickFn:function(){ this.$router.go('/login');//其中login是你定义的一个路由模块}以上这篇vue 实现在函数中触...

2020-05-27 04:52:41

55浏览

0评论

Vue-router 切换组件页面时进入进出动画方法

App.vue 代码<template> <div id="app"> <Header></Header> // 用transition 把切换组件页面的容器包含 <transition name="slide-fade"> <router-view></router-view> </t...

2020-05-27 04:52:40

50浏览

0评论

vue+vue-router转场动画的实例代码

Vue+WebPack+HBuilder 项目记录项目搭建完毕了，但是由于是单页应用嵌入HBuilder的时候无法利用它的转场动画，于是找到了vue的转场动画写法，使体验与APP靠近，在此记录；1.首先我们...

2020-05-27 04:52:39

48浏览

0评论

jQuery解析json格式数据示例

本文实例讲述了jQuery解析json格式数据。分享给大家供大家参考，具体如下：var arr1 = [ "one", "two", "three", "four", "five" ];$.each(arr1, function(){ alert(this);});...

2020-05-27 04:52:38

53浏览

0评论

vue初始化动画加载的实例

1.在入口文件index.html中加入loading动画：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta con...

2020-05-27 04:52:37

65浏览

0评论

JS与jQuery判断文本框还剩多少字符可以输入的方法

本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。分享给大家供大家参考，具体如下：javascript部分：function $(id) { return document.getElementById(id);}va...

2020-05-27 04:52:36

40浏览

0评论

解决vue-router在同一个路由下切换,取不到变化的路由参数问题

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。在网上查找了一番后发现...

2020-05-27 04:52:35

49浏览

0评论

vue解决使用webpack打包后keep-alive不生效的方法

问题是这样的，我使用webpack的npm run dev运行的时候，keep-alive路由缓存是有效的，但是我npm run build，把文件放到实际的项目中去的时候，会有如下的问题：路由如下：var menus = [ {...

2020-05-27 04:52:34

37浏览

0评论

vuejs 制作背景淡入淡出切换动画的实例

安装好vuejs之后，在components里添加Background.vue代码如下<template> <div class="Background"> <div class="bg"> <transition v-bind:css="false" v-on:before-enter="be...

2020-05-27 04:52:33

52浏览

0评论

解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图：打开控制台查看元素样式，发现在开发环境的时候"微软雅黑"被解析成unico...

2020-05-27 04:52:32

54浏览

0评论

解决vue 项目引入字体图标报错、不显示等问题

问题：在项目开发时使用字体图标，发现两个问题；1、出现报错：解决方法为：把字体引入方式改为绝对路径2、不报错，但是不显示图标字体，出现方框原因可能有两种：①没在用到的地方引入字体...

2020-05-27 04:52:31

58浏览

0评论

解决vue-cli项目webpack打包后iconfont文件路径的问题

在使用vue-cli创建vue项目时，可以自动生成webpack文件。使用npm run build即可打包发布生产文件，打包后的文件webpack配置可以看到使用url-loader处理后的文件是在static目录...

2020-05-27 04:52:30

57浏览

0评论

解决vue项目使用font-awesome,build后路径的问题

问题：项目在本地run情况下显示正常，在build后font-awesome的css文件依赖的几个图标文件引用路径报错。在webpack.base.conf.js中关于几个文件的配置如下：{ test: /\.(woff2&#6...

2020-05-27 04:52:29

33浏览

0评论

修改vue+webpack run build的路径方法

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下：// see http://vuejs-templates.github.io/webpack for...

2020-05-27 04:52:28

50浏览

0评论

解决Vue 项目打包后favicon无法正常显示的问题

在开发中经常需要为项目添加favicon以增加网站辨识度，在使用Vue开发中出现添加的favicon.ico无法显示问题，如下给出解决方法：问题分析：问题根源在于路径，如果使用http链接作为fav...

2020-05-27 04:52:27

65浏览

0评论

全面解析vue router 基本使用(动态路由，嵌套路由)

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 =...

2020-05-27 04:52:26

56浏览

0评论

vue-router 实现导航守卫（路由卫士）的实例代码

导航守卫导航守卫即是在路由跳转的时候，根据vue-router提供的导航守卫主要用来通过跳转或取消参数或查询的改变并不会出触发进入/离开的导航守卫路由跳转前做一些验证，比如登...

2020-05-27 04:52:25

49浏览

0评论

vue-cli脚手架的安装教程图解

vue-cli脚手架模板是基于node下的npm来完成安装，下面给大家介绍vue-cli脚手架的安装，具体内容如下所述：https://github.com/vuejs/vue-cli 官网使用官方推荐的webpack条件：
n...

2020-05-27 04:52:23

52浏览

0评论

详解jQuery中的easyui

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需...

2020-05-27 04:52:22

76浏览

0评论

vue组件（全局，局部，动态加载组件）

说说Vue.js组件什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有...

2020-05-27 04:52:21

61浏览

0评论

解决Vue2.0中使用less给元素添加背景图片出现的问题

在使用less在Vue.js中给元素添加背景图片时或者你会出现这样的写法background-image: url('../img/' + @{bg_url} + '2x.png');或者这样background-image: url('../img/' +...

2020-05-27 04:52:20

51浏览

0评论

解决vue打包css文件中背景图片的路径问题

vue-cli写完的静态页面我们在node环境中引入没有问题，但是打包后放在Apache环境下，路径却有问题了如一个简单css语句.welcome { width: 420px; height: 235px; background: ur...

2020-05-27 04:52:19

64浏览

0评论

webpack4 处理SCSS的方法示例

这节课讲解webpack4中处理scss。只需要在处理css的配置上增加编译scss的 LOADER 即可。
1. 准备工作
为了方便叙述，这次代码目录的样式文件只有一个scss文件，以帮助我们了解核...

2020-05-27 04:52:17

51浏览

0评论

解决Vue+Element ui开发中碰到的IE问题

IE9样式错乱，IE11无法正常加载v-loading等问题引入了babel-polyfill插件，依然出现”polyfill-eventsource added missing EventSource to window”的奇怪问题(ie所有版本都有...

2020-05-27 04:52:16

45浏览

0评论

webpack4 CSS Tree Shaking的使用

本次课程的代码目录(如下图所示)：
什么是tree-shaking
webpack 2 的到来带来的最棒的新特性之一就是tree-shaking 。tree-shaking源自于rollup.js，先如今，webpack 2也有类似的...

2020-05-27 04:52:15

41浏览

0评论

webpack4 处理CSS的方法示例

这节课讲解webpack4中打包css的应用。v4 版本和 v3 版本并没有特别的出入。
1. 准备工作
众所周知，CSS 在 HTML 中的常用引入方法有<link>标签和<style>标签两种，所以这次就是...

2020-05-27 04:52:14

56浏览

0评论

vue填坑之webpack run build 静态资源找不到的解决方法

vue cli搭建的项目，在本地测试调试都OK，运行npm run dev之后运行正常，今天放到服务器上跑，结果RD说找不到打包后的静态资源，浏览器控制台错误代码404问了RD，因为服务器上线方式的...

2020-05-27 04:52:13

首页 «1346 134713481349 1350 »尾页

热门文章