JavaScript - 教程之家

76浏览

0评论

vue 做移动端微信公众号采坑经验记录

自己用vue做微信公众号项目有一段时间了，遇到各种奇葩的问题，下面细数那些坑：第一坑：微信分享导致安卓手机无法调起相册和无法调起微信充值解决方案：setTimeout(_ => { wx.c...

2020-05-27

55浏览

0评论

在vue-cli搭建的项目中增加后台mock接口的方法

用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打...

2020-05-27

54浏览

0评论

Javasript设计模式之链式调用详解

本文实例为大家分享了js设计模式之链式调用的具体代码，供大家参考，具体内容如下
写过jquery的可能都知道，jquery里面可以很方便的使用以下代码：// 不使用链式调用const element...

2020-05-27

47浏览

0评论

jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】

本文实例讲述了jQuery实现通过方向键控制div块上下左右移动的方法。分享给大家供大家参考，具体如下：在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变...

2020-05-27

39浏览

0评论

jQuery实现的点击标题文字切换字体效果示例【测试可用】

本文实例讲述了jQuery实现的点击标题文字切换字体效果。分享给大家供大家参考，具体如下：这个主要通过判断被点击的元素的子元素中是否包含了b元素来进行字体的切换，其中wrapInn...

2020-05-27

37浏览

0评论

webpack配置打包后图片路径出错的解决

问题
项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。
图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不...

2020-05-27

55浏览

0评论

Webpack打包字体font-awesome的方法示例

使用webpack构建font-awesome或者bootstrap的时候，最常见的一个问题就是构建字体文件的问题。经常会出现无法找到字体文件的问题。下面就讲一下如何正确构建引入字体文件：
1....

2020-05-27

58浏览

0评论

jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】

本文实例讲述了jQuery实现DIV响应鼠标滑过由下向上展开效果。分享给大家供大家参考，具体如下：鼠标浮动时div由下向上缓慢展开效果1. 演示效果（鼠标浮动时div由下向上展开，浮动后...

2020-05-27

43浏览

0评论

r.js来合并压缩css文件的示例

如何使用r.js来合并压缩css文件。在r5下新建一个css文件夹，里面有四个css文件：main.css、nav.css、form.css、grid.css。
main.css是合并的主文件，或称配置文件。要合并的文件...

2020-05-27

60浏览

0评论

Javascript的console['']常用输入方法汇总

1、console.log是最常用的输入方法，正常化输出语句，还具有print占位符整数（%d||%i），浮点数（%f），对象（%o），字符（%s）;2、console.error输出错误化的语句3、console.info输出一条信息化语句4...

2020-05-27

43浏览

0评论

使用Vue动态生成form表单的实例代码

具有数据收集、校验和提交功能的表单生成器，包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能，支持事件扩展...

2020-05-27

43浏览

0评论

vue拦截器实现统一token,并兼容IE9验证功能

项目中使用vue搭建前端页面，并通过axios请求后台api接口，完成数据交互。如果验证口令token写在在每次的接口中，也是个不小的体力活，而且也不灵活。这里分享使用vue自带拦截器，给...

2020-05-27

175浏览

0评论

Node.js利用console输出日志文件的方法示例

通常我们在写Node.js程序时，都习惯使用console.log打印日志信息，但这也仅限于控制台输出，有时候我们需要将信息输出到日志文件中，实际上利用console也可以达到这个目的的，今天就...

2020-05-27

74浏览

0评论

基于Vue实现拖拽效果

效果图
demo1.gif分清clientY pageY screenY layerY offsetY的区别在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我...

2020-05-27

48浏览

0评论

jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】

本文实例讲述了jQuery实现鼠标滑过商品小图片上显示对应大图片功能。分享给大家供大家参考，具体如下：1 . 效果截图2 . 代码<!doctype html><html><head><meta charset="utf-8"...

2020-05-27

55浏览

0评论

Node.js文件编码格式的转换的方法

项目很多 lua 文件不是 utf-8格式，使用 EditPlus 查看的时候，显示为ASCII。还有的是带BOM的，带BOM倒好处理，之前写过，有一定规律。ASCII编码就比较蛋疼，通过搜索网上资源，反复测试...

2020-05-27

77浏览

0评论

微信小程序中添加客服按钮contact-button功能

小程序的客服系统，是微信做的非常成功的一个功能，开发者可以很方便的通过一行代码，就可实现客服功能。1. 普通客服按钮添加 <button open-type='contact' session-from=''>客服...

2020-05-27

36浏览

0评论

Vue 使用 Mint UI 实现左滑删除效果CellSwipe

Mint UI 是饿了么开源的，基于 Vue.js 的移动端组件库。关于Mint UI，有文档不够准确详尽，组件略显粗糙，功能不够完善等问题；也有高度组件化，体积小等优点。安装Mint UI：# Vue 1.x np...

2020-05-27

47浏览

0评论

vue项目中应用ueditor自定义上传按钮功能

由于上传地址问题，需要自定义上传按钮，效果如图由于在页里面没有操作dom，所以想到了用vue的自定义事件绑定$emit 、$on来把点击事件传递给ueditor。首先是给ueditor添加自定义...

2020-05-27

43浏览

0评论

vue中post请求以a=a&b=b 的格式写遇到的问题

vue开发过程中，总会碰到一些问题，当然任何问题都不能阻止我们前进的脚步，话不多说，下面是我在开发过程中请求参数所碰到的问题1，在暂时没有后台数据的时候，post请求的参数大多会以...

2020-05-27

67浏览

0评论

vue实现点击展开点击收起效果

安装vue的步骤在这里就不进行赘述了，下面直接进入正题首先定义一下data里面的数据：data () { return { toLearnList:[ 'html','css','javascript','java','php' //进...

2020-05-27

68浏览

0评论

React Native日期时间选择组件的示例代码

React Native日期时间选择组件：react-native-datepicker，支持安卓和IOS双平台，支持单独选择日期、单独选择时间和选择日期和时间，支持自定义日期格式。效果图安装方法npm instal...

2020-05-27

50浏览

0评论

React native ListView 增加顶部下拉刷新和底下点击刷新示例

1. 底部点击刷新
1.1 先增加一个按钮
render() { if(!this.state.data){ return( <Text>Loading... </Text> ) }else{ return( <ListView refreshCon...

2020-05-27

41浏览

0评论

Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

本文实例为大家分享了Vue2.0实现调用摄像头进行拍照功能的具体代码，以及图片上传功能引用exif.js，供大家参考，具体内容如下可以在github 上下载demo链接vue组件代码<template>...

2020-05-27

45浏览

0评论

vue-baidu-map 进入页面自动定位的解决方案(推荐)

写在前面：我只是一个前端小白，文章中的提到可能会有不足之处，仅提供一个参考。若有不完善的地方，欢迎各位大佬指出！，希望对你有帮助！好了，入正题。其实之前也被这问题困扰过，在网上也...

2020-05-27

199浏览

0评论

总结JavaScript在IE9之前版本中内存泄露问题

IE9之前的版本对JScript对象和COM对象使用不同的垃圾回收例程(COM对象采用“引用计数”收集策略)，因此闭包在IE的这些版本中会导致一些特殊问题。具体来说，如果闭包的作用域中...

2020-05-27

49浏览

0评论

vue.extend实现alert模态框弹窗组件

本文通过Vue.extend创建组件构造器的方法写弹窗组件，供大家参考，具体内容如下alert.js文件代码import Vue from 'vue'// 创建组件构造器const alertHonor = Vue.extend(requir...

2020-05-27

38浏览

0评论

vue组件实现弹出框点击显示隐藏效果

本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大家参考，具体内容如下
效果如下图
由于我的更改密码弹出框是一个组件引用的，所以在一开始是隐藏的，这就需要在...

2020-05-27

41浏览

0评论

Vue实现点击时间获取时间段查询功能

本文实例为大家分享了vue按时间段查询的案例，效果图如下html代码<template><div class="personalReport_time"> <input type="date" :max="this.endTime" value="" v-model...

2020-05-27

50浏览

0评论

js实现二级菜单点击显示当前内容效果

最近做了一个二级菜单点击事件的效果，一级菜单有3个，二级菜单是固定的，而且html布局并不是父子级关系，具体请看效果图如下
html结构入下<div> <ul> <li>您好！日期</li> <...

2020-05-27

40浏览

0评论

layui实现动态和静态分页

开发管理后台是每一个开发人员都要熟悉的一个环节，作为后端程序员，公司的所有机密数据都掌握在我们手上，所以这个时候，如果不是公司的核心成员，是不能接触到某些数据的，这个时候所...

2020-05-27

78浏览

0评论

vue弹窗消息组件的使用方法

本文实例为大家分享了vue弹窗消息组件的具体代码，供大家参考，具体内容如下本来打算写一个那种提示完了自动消失的弹窗的，但是没有想好淡入淡出的效果。所以暂时算是半成品。练...

2020-05-27

52浏览

0评论

学习Vue组件实例

Vue实例
项目启动过程
看一下现在我们的项目，想想整个项目的启动过程是什么（以直接打开index.html的方法访问为例来说明）？你首先打开了index.html，里面只有一个写了一个id='root'...

2020-05-27

60浏览

0评论

vue弹窗组件使用方法

本文实例为大家分享了vue弹窗组件的具体代码，供大家参考，具体内容如下弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue...

2020-05-27

64浏览

0评论

详解angular路由高亮之RouterLinkActive

路由高亮是什么？有什么好处？当你在做一个后台管理系统，左边是一排路由导航，点击可以进入不同的页面，那么这个路由所在dom元素会添加上样式表示当前是位置。
但是一刷新你会发现，这...

2020-05-27

60浏览

0评论

Vue实现PopupWindow组件详解

这段时间一直在学习前端技术来完成自己的小项目。在js方面就使用了Vue框架。由于在项目里想实现一个新建地址的PopupWindow效果，便想到可以使用Vue的一些特性来实现。
用到...

2020-05-27

46浏览

0评论

vue+jquery+lodash实现滑动时顶部悬浮固定效果

本文实例为大家分享了vue实现滑动时顶部悬浮固定效果的具体代码，供大家参考，具体内容如下这个效果是一个项目中抽出来的一个demo效果。前期准备：1. 引入jQ<script src="https:/...

2020-05-27

63浏览

0评论

jQuery实现的电子时钟效果完整示例

本文实例讲述了jQuery实现的电子时钟效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <title>www.freexyz.cn jQuery电子时钟</title> <script src="...

2020-05-27

52浏览

0评论

深入理解Vue nextTick 机制

我们先来看一段Vue的执行代码：export default { data () { return { msg: 0 } }, mounted () { this.msg = 1 this.msg = 2 this.msg = 3 }, watch: { msg () { co...

2020-05-27

32浏览

0评论

详解Angular5 路由传参的3种方法

本文介绍了Angular5 路由传参，一共3种方法。分享给大家，具体如下：1.问号后面带的参数，获取参数的方式：ActivatedRoute.queryParams[id]例如：/product?id=1&name=iphone还可以...

2020-05-27

39浏览

0评论

详解Angular5路由传值方式及其相关问题

目前Angular已经升级到了稳定版本Angular5,这次升级更小更快以及更稳定!路由可以说是Angular甚至是单页应用的核心部分了吧!在angularjs中的路由最大的缺点就是无法嵌套路由...

2020-05-27

48浏览

0评论

vue2.0+ 从插件开发到npm发布的示例代码

vue： V2.5.11此篇尽量详细，清楚的讲解vue插件的开发到npm的发布，想想将你自己做的东西展示给广大“网民”，心里还是有点小激动的...…^_^先上一下插件效果图------github传送门...

2020-05-27

56浏览

0评论

JS实现的简单折叠展开动画效果示例

本文实例讲述了JS实现的简单折叠展开动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE = html><html> <head> <title>www.freexyz.cn JS折叠展开动画</title> <style> bod...

2020-05-27

48浏览

0评论

JS实现的透明度渐变动画效果示例

本文实例讲述了JS实现的透明度渐变动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>www.freexyz.cn JS透明度变化...

2020-05-27

67浏览

0评论

在vscode里使用.vue代码模板的方法

1.设置.vue模板打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。

在输入框输入vue，回车，会打开一个vue.json文件。在里面复制以下代码：{ "Print to con...

2020-05-27

62浏览

0评论

jQuery实现遍历XML节点和属性的方法示例

本文实例讲述了jQuery实现遍历XML节点和属性的方法。分享给大家供大家参考，具体如下：用jquery遍历xml网上已经有很多, 但是看了好多文章, 对于不指定属性名称的遍历方法却没有...

2020-05-27

58浏览

0评论

WebSocket的通信过程与实现方法详解

什么是 WebSocket ？
WebSocket 是一种标准协议，用于在客户端和服务端之间进行双向数据传输。但它跟 HTTP 没什么关系，它是基于 TCP 的一种独立实现。以前客户端想知道服务端的...

2020-05-27

48浏览

0评论

学习JS中的DOM节点以及操作

DOM操作在JS中可以说是非常常见了吧，很多网页的小功能的实现，比如一些元素的增删操作等都可以用JS来实现。那么在DOM中我们需要知道些什么才能完成一些功能的实现呢？今天这篇文...

2020-05-27

63浏览

0评论

Vue波纹按钮组件制作

先说一下用法：<zk-button class="btn btn-default">默认按钮</zk-button><zk-button class="btn btn-default btn-round">默认按钮</zk-button><zk-button class="btn btn-de...

2020-05-27

76浏览

0评论

JS实现的缓冲运动效果示例

本文实例讲述了JS实现的缓冲运动效果。分享给大家供大家参考，具体如下：缓冲需要用到数值取整，向上取整:Math.ceil() 向下取整Math.floor()移动的速度慢慢减慢的效果，移动速度=(...

2020-05-27

热门文章