JavaScript - 教程之家

55浏览

0评论

Vue.js中对css的操作（修改）具体方式详解

使用v-bind：class或者v-bind:style或者直接通过操作dom来对其样式进行更改；1.v-bind:class || v-bind:style其中v-bind是指令，: 后面的class 和style是参数，而class之后的指在vu...

2020-05-27

53浏览

0评论

vue.js 实现v-model与{{}}指令方法

上次我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天，我们就基于上一节的代码，来实现一个MVVM类，将其...

2020-05-27

58浏览

0评论

Vue项目History模式404问题解决方法

本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽相同，本方案已经完美解决本在所使用项目，具体情况可能还需要修改。）1.项目...

2020-05-27

63浏览

0评论

Vue中使用方法、计算属性或观察者的方法实例详解

熟悉 Vue 的都知道方法methods、计算属性computed、观察者watcher 在 Vue 中有着非常重要的作用，有些时候我们实现一个功能的时候可以使用它们中任何一个都是可以的，但是它们...

2020-05-27

66浏览

0评论

详解js删除数组中的指定元素

本篇文章将会给大家介绍两种删除数组中的指定元素的方式，分别为：1、单独定义一个的函数，通过函数来删除指定数组元素。2、为Array对象定义了一个removeByValue的方法，在调用方法...

2020-05-27

52浏览

0评论

小程序获取周围IBeacon设备的方法

本文实例为大家分享了小程序获取周围IBeacon设备的具体代码，供大家参考，具体内容如下该功能实现需要使用以下API：wx.startBeaconDiscovery(OBJECT)：开始搜索附近的iBeacon设备wx...

2020-05-27

133浏览

0评论

微信小程序ibeacon三点定位详解

空余时间简单写了一个微信小程序ibeacon三点定位。事先淘宝买了七八个ibeacon小设备，放置在办公司角落。分别设置三个ibeacon的位置坐标点，根据每一个ibeacon到已经开启蓝牙的...

2020-05-27

75浏览

0评论

详解vue 项目白屏解决方案

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题
白屏可能的原因...

2020-05-27

63浏览

0评论

nodejs中函数的调用实例详解

一、调用本js文件中的函数var http = require('http');http.createServer(function (request,response){ response.writeHead(200, {'Contet-Type':'text/html;charset=utf-...

2020-05-27

53浏览

0评论

vue+iview 实现可编辑表格的示例代码

先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具...
毕竟公司还在用angularjs+jq.
这也是我第一次写文章,大家看看思路就行了,要...

2020-05-27

54浏览

0评论

jQuery+PHP实现上传裁剪图片

本文是一个简单的jquery图片预览+裁剪的例子，原理是在前端获取要裁剪的信息，如宽高比、裁剪坐标，上传图片之后在后端php进行切割jquery代码（必须在最后面引入）function showCutIm...

2020-05-27

79浏览

0评论

iview在vue-cli3如何按需加载的方法

iview在官方文档上，对于使用脚手架vue-cli3的项目的使用只有一句话：“我们为最新的 Vue CLI 3 提供了相应的 iView 插件，如果你正在用 Vue CLI 3，可以直接在插件中搜索 iview，安...

2020-05-27

83浏览

0评论

微信小程序实现自动定位功能

本文实例为大家分享了微信小程序实现自动定位的具体代码，供大家参考，具体内容如下使用了腾讯地图提供的免费api：需要引入一个js文件：下载地址js代码：// 引入SDK核心类var QQMapW...

2020-05-27

103浏览

0评论

vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例

如果是已经有点经验的同学，可以直接看下面这个函数，应该就能明白怎么回事，新手可以看下面的详细教程。函数：handleEdit: function (index, row) { this.editFormVisible = true...

2020-05-27

93浏览

0评论

微信小程序实现签到功能

本文实例为大家分享了微信小程序实现签到功能的具体代码，供大家参考，具体内容如下效果图：今天是16号，所以显示已签到，渲染页面时请求后台传的参数为这月签到的日期如：["16", "14"]...

2020-05-27

54浏览

0评论

VUE+Element UI实现简单的表格行内编辑效果的示例的代码

原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示效果示例地址<!DOCTYPE html><html><head> <meta charset="UTF-8">  <l...

2020-05-27

65浏览

0评论

vue+element-ui实现表格编辑的三种实现方式

1、表格内部显示和编辑切换
这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可...

2020-05-27

70浏览

0评论

微信小程序签到功能

本文实例为大家分享了简易微信小程序签到功能的具体代码，供大家参考，具体内容如下一、效果图点击签到后二、数据库用一张数据表存用户签到的信息，每次用户签到都会往表中添加一...

2020-05-27

79浏览

0评论

微信小程序实现留言功能

需求：留言可以点赞，点过赞之后图标变化，没人只能点赞一次，留言可以在留言index.wxml<view class='liuyanbox'> <view class='ly-title clear'> <view class='llt-left fl'>邻居...

2020-05-27

50浏览

0评论

JS中通过url动态获取图片大小的方法小结(两种方法)

很多时候再项目中，我们往往需要先获取图片的大小再加载图片，但是某些特定场景，如用过cocos2d-js的人都知道，在它那里只能按比例缩放大小，是无法设置指定大小的图片的，这就是cocos2...

2020-05-27

63浏览

0评论

Angular父子组件通过服务传参的示例方法

今天在使用ngx-translate做多语言的时候遇到了一个问题，需要在登录页面点击按钮，然后调用父组件中的一个方法。
一开始想到了@input和@output，然而由于并不是单纯的父子组件关...

2020-05-27

77浏览

0评论

微信小程序实现留言板

本文实例为大家分享了微信小程序实现留言板的具体代码，供大家参考，具体内容如下
CSS：/* pages/order/message2/message2.wxss */ .msg-box{ padding: 20px; } .send-box{ displ...

2020-05-27

176浏览

0评论

JS 音频可视化插件Wavesurfer.js的使用教程

Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件，本文主要记录它及其视觉效果插件Regions插件的使用方法。1、创建实例
引入插件
import WaveSurfer from "...

2020-05-27

49浏览

0评论

Vue 页面状态保持页面间数据传输的一种方法(推荐)

如果大家觉得有用，更多的模块请点击查看vue router给我们提供了两种页面间传递参数的方式: 动态路由匹配编程式的导航
// 命名的路由router.push({ name: 'user', para...

2020-05-27

96浏览

0评论

微信小程序实现蒙版弹窗效果

本文实例为大家分享了微信小程序实现蒙版弹窗效果的具体代码，供大家参考，具体内容如下
<view class="modalDlg" wx:if="{{showModal}}"> <view class='close_mask' bindtap="c...

2020-05-27

75浏览

0评论

Vue.js 事件修饰符的使用教程

一、前言熟悉了 Vue 的指令系统后，在实际开发中，不可避免的会使用到对于事件的操作，如何处理 DOM 事件流，成为我们必须要掌握的技能。不同于传统的前端开发，在 Vue 中给我们提供...

2020-05-27

81浏览

0评论

详解angularjs跨页面传参遇到的一些问题

上周写课程选择时间功能时需要将课程ID，星期，节次等参数传递给下一个页面，就查了查angularjs的ui-router跨页面传参，一开始是这样写的:
在app.js下添加 params:{'args':{}} 然后...

2020-05-27

63浏览

0评论

nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法

需求描述，由于工作的需要，需要将原本用于1280720的网页改为19201080的网页（电视端页面）。需求可以拆分为两部分，代码部分的修改以及图片的修改。在代码部分，需要将所有位置以及大...

2020-05-27

59浏览

0评论

详解vuex状态管理模式

一、前言本次接受一个BI系统，要求是能够接入数据源-得到数据集-对数据集进行处理-展现为数据的可视化，这一个系统为了接入公司自身的产品，后端技术采用spring boot，前端采用vue+...

2020-05-27

53浏览

0评论

浅谈Angular 观察者模式理解

观察者模式意图定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。实现过程在老师教程中学到了 Angularjs 中的观察...

2020-05-27

62浏览

0评论

Vue表单输入绑定的示例代码

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

2020-05-27

98浏览

0评论

socket io与vue-cli的结合使用的示例代码

关于在vue中使用websocket的简易例子
使用vue-cli生成一个vue模版
安装三个依赖：npm install -s socket.ionpm install -s vue-socket.ionpm install -s socket.io-client创...

2020-05-27

70浏览

0评论

Vue列表渲染的示例代码

用v-for把一个数组对应为一个组件元素
我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式的语法：<ul> <li v-for="item in items"> {{ i...

2020-05-27

73浏览

0评论

vue 中基于html5 drag drap的拖放效果案例分析

事情是这样的，右边有各种控件，可以拖动到右边自由区，在自由区内可以随意拖动。案例一：开始的我，so easy！通过绑定元素的mousedown 事件，监听鼠标的mousemove，和mouseup 事件，于是我...

2020-05-27

65浏览

0评论

vue-lazyload使用总结(推荐)

当你用vue开发的时候，不可避免的就会遇到图片懒加载的问题，之前jquery时代有jquery.lazyload.js，但是那个肯定不能用在vue的项目里。查阅资料后发现Vue-Lazyload这个插件用的频...

2020-05-27

66浏览

0评论

vue中使用codemirror的实例详解

这篇文章在vue里使用codemirror遇到的问题，写的很不错，还有下载的方法，大家可以点击查看。以下是自己使用过的，做出来的例子：做出来的效果图：记住使用之前要npm下载哦　　npm inst...

2020-05-27

65浏览

0评论

在vue里使用codemirror遇到的问题

前提小结：
第一次用codemirror，而且是在vue里面使用，看了官方文档，一大串都是英文，翻译后大概了解了这个插件，然后在项目中使用时出现过好几个问题：
1.新版的codemirror在lib目录下...

2020-05-27

56浏览

0评论

微信小程序实现登录遮罩效果

目标：
用户点击提交、登录等按钮时，防止多次提交，所做的遮罩层
步骤：
实现很简单，按钮加上disabled属性，用true和false控制。效果图：代码：wxml<loadin...

2020-05-27

56浏览

0评论

js中的闭包实例展示

前言准确来说，闭包是基于正常的垃圾回收处理机制下的。也就是说，一般情况一个函数（函数作用域）执行完毕，里面声明的变量会全部释放，被垃圾回收器回收。但闭包利用一个技巧，让作用域...

2020-05-27

45浏览

0评论

小程序实现留言板

本文实例为大家分享了小程序实现留言板的具体代码，供大家参考，具体内容如下wxml
<view class='section'> <textarea class='message1' type='text' placeholder="请选择或者输...

2020-05-27

44浏览

0评论

微信小程序实现留言板功能

本文实例为大家分享了微信小程序实现留言板功能，可以手写，可以删除，可以快速留言，供大家参考，具体内容如下const app = getApp();Page({ /** * 页面的初始数据 */ data: { msgD...

2020-05-27

69浏览

0评论

微信小程序实现留言板（Storage）

本文为大家分享了微信小程序实现留言板的具体实现方法，供大家参考，具体内容如下先说一下小程序的开发环境之类的基础东西1.到微信公众平台下载开发者工具。安装2.appID与没有a...

2020-05-27

74浏览

0评论

JavaScript 点击触发复制功能实例详解

摘要：js调用复制功能使用:document.execCommand("copy"， false); document.execCommand()方法功能很强大，了解更多请戳：https://developer.mozilla.org/zh-CN/docs/Web/API/Docu...

2020-05-27

74浏览

0评论

解决iview多表头动态更改列元素发生的错误的方法

解决iview 'You may have an infinite update loop in watcher with expression "columns"'解决方案单表头是可以动态变化不需要增添什么东西多表头目前iview尚不能动态变化...

2020-05-27

73浏览

0评论

vue实现与安卓、IOS交互的方法

方案背景 IOS用的是jsBridge插件实现调用、传参、回调的安卓是在window挂载方法和挂载回调的IOS实现方案
调用原生方法封装如下
function setupWebViewJavascriptBridge...

2020-05-27

104浏览

0评论

axios使用拦截器统一处理所有的http请求的方法

axios使用拦截器在请求或响应被 then 或 catch 处理前拦截它们。http request拦截器// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请...

2020-05-27

68浏览

0评论

Bootstrap的aria-label和aria-labelledby属性实例详解

aria-label正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。<!DOCTYPE html><html><head> <meta charset =...

2020-05-27

283浏览

0评论

BootStrap中的模态框（modal，弹出层）功能示例代码

bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标...

2020-05-27

113浏览

0评论

vue单页面实现当前页面刷新或跳转时提示保存

前言
最近公司vue项目中有一个需求，需要在当前页面刷新或跳转时提示保存并可取消刷新，以防止填写的表单内容丢失。刚开始思考觉得很简单，直接在Router的钩子中判断就好了，但是会...

2020-05-27

62浏览

0评论

angular6 利用 ngContentOutlet 实现组件位置交换(重排)

ngContentOutlet指令介绍
ngContentOutlet指令与ngTemplateOutlet指令类似，都用于动态组件，不同的是，前者传入的是一个Component，后者传入的是一个TemplateRef。
首先看一下使用...

2020-05-27

热门文章