javascript闭包的使用之按钮切换功能
闭包实现按钮状态切换看下面的代码：var toggleBtn = document.getElementById('toggle');var toggleFun = (function() { var checked = true; return function() { var col...
2020-05-27
详解小程序输入框闪烁及重影BUG解决方案
前言
本人所说的小程序，都是基于mpvue框架而上的，因此BUG可能是原生小程序的，也有可能是mpvue的。
问题描述
在小程序input组件中，如果使用v-model进行双向绑定，在输入时会出现光...
2020-05-27
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
vue项目滚动行为场景：项目中，从列表进入详情，再从详情返回列表时，想直接定位到离开时的位置。列表页点击某一个进入到详情页：进入到详情页：从详情页点击返回到列表页到离开的位置：...
2020-05-27
Bootstrap Table 双击、单击行获取该行及全表内容
什么是Bootstrap-table？ 在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随...
2020-05-27
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenameHash...
2020-05-27
基于jQuery ztree实现表格风格的树状结构
zTree 简介
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree 是开源免费的软件（MIT 许可证）。...
2020-05-27
Angular2之二级路由详解
写了一阵子的Angular 2 现在还是觉得更喜欢Angular 1的版本。1的版本更多的是整合，按照模块来区分，并没有做更细的划分，而2的版本中，在创建时模块组件时就已经有了很好的区分，每...
2020-05-27
详解vue使用vue-layer-mobile组件实现toast，loading效果
安装vue-layer-mobile
// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0此版本安装后启动会报错，报...
2020-05-27
浅谈angularJS2中的界面跳转方法
链接参数数组保存路由导航时所需的成分：指向目标组件的那个路由的路径（path）必备路由参数和可选路由参数，它们将进入该路由的URL我们可以把RouterLink指令绑定到一个数组，就像这...
2020-05-27
解决Angular2 router.navigate刷新页面的问题
造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit，如果在子元素中会向上冒泡触发submit<button (cli...
2020-05-27
vue 项目中使用Loading组件的示例代码
什么是vue插件?从功能上说，插件是为Vue添加全局功能的一种机制，比如给Vue添加一个全局组件，全局指令等；从代码结构上说，插件就是一个必须拥有install方法的对象,这个方法的接...
2020-05-27
解决angular2 获取到的数据无法实时更新的问题
今天在工作当中碰到了个问题，当我点击地图上面的城市，从后台获取数据更新列表，明明后台的数据已经返回到前端，但是数据就是不能实时更新到页面上，因为在做第一版的时候是没有这个...
2020-05-27
Vue.directive使用注意(小结)
指令钩子函数会被传入以下参数：
el：指令所绑定的元素，可以用来直接操作 DOM 。 binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情...
2020-05-27
解决Angular4项目部署到服务器上刷新404的问题
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这...
2020-05-27
angular2组件中定时刷新并清除定时器的实例讲解
实例如下：import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core";@Component({changeDetection:ChangeDetectionStrategy....
2020-05-27
JavaScript使用prototype原型实现的封装继承多态示例
本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...
2020-05-27
Angular2中监听数据更新的方法
angular2 模型数据更新了，需要监听数据改变，一、实现接口Docheck，检测页面上所有元素数据更新import { Component, DoCheck } from "@angular/core";export class LangListUser...
2020-05-27
vueJs实现DOM加载完之后自动下拉到底部的实例代码
这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部，文中给大家记录了整个问题的过程，对实现思路感兴趣的朋友大家阅读下本文。/......................................
2020-05-27
angular实现input输入监听的示例
最近做用户注册登录时，需要监控用户的输入以此来给用户提示，用到了angular的$watch功能，以下是例子：jsp：<form class="register ng-scope" ng-app="regist_app" onsubmit="regist...
2020-05-27
JS实现字符串翻转的方法分析
本文实例分析了JS实现字符串翻转的方法。分享给大家供大家参考，具体如下：1. 字符串的完全翻转:var str = "smile at life";document.write(str.split("").reverse().join(""))...
2020-05-27
vuejs实现ready函数加载完之后执行某个函数的方法
vue.js 教程Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API...
2020-05-27
angular 实时监听input框value值的变化触发函数方法
用angulajs + ionic 做了一个登陆页面。效果要通过监听输入框的变化来判断登陆按钮是否可点击。当至少一个输入框为空时登录按钮不可点击。一开始是用的jquery的方法做的，后...
2020-05-27
微信小程序视图容器（swiper）组件创建轮播图
本文为大家分享了微信小程序swiper组件创建轮播图的具体代码，供大家参考，具体内容如下一、视图容器（Swiper）1、swiper：滑块视图容器微信官方文档二、swiper应用1、页面逻辑（index...
2020-05-27
Bootstrap模态对话框用法简单示例
本文实例讲述了Bootstrap模态对话框用法。分享给大家供大家参考，具体如下：环境：bootstrap-3.3.5,jquery-3.0.0代码：<!DOCTYPE html><html> <head> <title>www.freexyz.cn bootst...
2020-05-27
Vue加载组件、动态加载组件的几种方式
什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可...
2020-05-27
JavaScript实现简单的隐藏式侧边栏功能示例
本文实例讲述了JavaScript实现简单的隐藏式侧边栏功能。分享给大家供大家参考，具体如下：常见的隐藏式侧边栏，如分享、联系客服等。通过设置速度来实现滑入滑出的动态效果以下是...
2020-05-27
Vue 莹石摄像头直播视频实例代码
Vue 莹石摄像头直播视频代码。HTML代码：<div class="mainClass" v-show="rtmp_url!=''"> <video id="myPlayer" controls playsinline webkit-playsinline autoplay> <sourc...
2020-05-27
Angular 利用路由跳转到指定页面的指定位置方法
之前做过页面内的跳转，比较简单，最近项目需要实现跨页面跳转，并跳转到指定地点，试了很多方法，有用到传递参数然后让页面滚动相应的距离，但是一旦文章长短发生变化，滚动的距离也需要...
2020-05-27
angularJs中跳转到指定的锚点实例($anchorScroll)
$anchorScroll根据HTML5的规则，当调用这个函数时，它检查当前的url的hash值并且滚动到相应的元素。监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrol...
2020-05-27
angular1.x ui-route传参的三种写法小结
如下所示：.state('classrooms',{ url: '/classrooms/:id'}).state('classrooms',{ url: '/classrooms/{id}'}).state('activities',{ url: '/activities', params: { id: { v...
2020-05-27
JS实现百度网盘任意文件强制下载功能
代码：//get file list datavar data=require("system-core:context/context.js").instanceForSystem.getList().listView.listsData;//calculate signfunction base64Encode(...
2020-05-27
Vue模拟数据,实现路由进入商品详情页面的示例
一、路由首先需要配置路由，就是点击good组件进入goodDetail组件配置路由如下 { path: '/goodDetail', component:goodDetail }同时在good组件中写入如下点击事件，路由中加入...
2020-05-27
基于vue循环列表时点击跳转页面的方法
1、在data数组里边添加id（说明：我的是虚拟数据）2、在点击事件上传入id参数，如下：3、在methods里边添加点击跳转的方法，不要忘记在function后边的括号内传入id，然后判断如果id==1，就...
2020-05-27
bootstrapTable+ajax加载数据 refresh更新数据
本文实例为大家分享了bootstrapTable+ajax加载数据，和refresh更新数据两部分，供大家参考，具体内容如下1.html<form class="form-horizontal" role="form"> <div class="form-g...
2020-05-27
vue router 跳转后回到顶部的实例
在main.js中加上这段代码// 跳转后返回顶部router.afterEach((to,from,next) => { window.scrollTo(0,0);})以上这篇vue router 跳转后回到顶部的实例就是小编分享给大家的...
2020-05-27
vue项目实现表单登录页保存账号和密码到cookie功能
实现功能： 1.一周内自动登录勾选时，将账号和密码保存到cookie，下次登陆自动显示到表单内2.点击忘记密码则清空之前保存到cookie的值，下次登陆需要手动输入 次要的就不说了直接上...
2020-05-27
Vue 路由切换时页面内容没有重新加载的解决方法
第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了<keep-...
2020-05-27
解决vue路由后界面没有变化,但是链接有的问题
vue有个写法需要注意：如果是跳转到默认首页，router-link 应该写：to: "{path: ' / ' } "如果跳转到非默认首页的时候，router-link 应该写：to: "{path: ' about ' } "就是除了跳转...
2020-05-27
jQuery实现表格隔行换色
本文实例为大家分享了jQuery实现表格隔行换色的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用JQ完成表格隔行换...
2020-05-27
vue 实现在函数中触发路由跳转的示例
如下所示：<span @click="clickFn">点我</span>methods:{ clickFn:function(){ this.$router.go('/login');//其中login是你定义的一个路由模块}以上这篇vue 实现在函数中触...
2020-05-27
Vue-router 切换组件页面时进入进出动画方法
App.vue 代码<template> <div id="app"> <Header></Header> // 用transition 把切换组件页面的容器包含 <transition name="slide-fade"> <router-view></router-view> </t...
2020-05-27
vue+vue-router转场动画的实例代码
Vue+WebPack+HBuilder 项目记录项目搭建完毕了，但是由于是单页应用嵌入HBuilder的时候无法利用它的转场动画，于是找到了vue的转场动画写法，使体验与APP靠近，在此记录；1.首先我们...
2020-05-27
jQuery解析json格式数据示例
本文实例讲述了jQuery解析json格式数据。分享给大家供大家参考，具体如下：var arr1 = [ "one", "two", "three", "four", "five" ];$.each(arr1, function(){ alert(this);});...
2020-05-27
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
JS与jQuery判断文本框还剩多少字符可以输入的方法
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。分享给大家供大家参考，具体如下：javascript部分：function $(id) { return document.getElementById(id);}va...
2020-05-27
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。在网上查找了一番后发现...
2020-05-27
vue解决使用webpack打包后keep-alive不生效的方法
问题是这样的，我使用webpack的npm run dev运行的时候，keep-alive路由缓存是有效的，但是我npm run build，把文件放到实际的项目中去的时候，会有如下的问题：路由如下：var menus = [ {...
2020-05-27
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
解决在vue项目中webpack打包后字体不生效的问题
最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图：打开控制台查看元素样式，发现在开发环境的时候"微软雅黑"被解析成unico...
2020-05-27
解决vue 项目引入字体图标报错、不显示等问题
问题：在项目开发时使用字体图标，发现两个问题；1、出现报错：解决方法为：把字体引入方式改为绝对路径2、不报错，但是不显示图标字体，出现方框原因可能有两种：①没在用到的地方引入字体...
2020-05-27
