编程开发 - 教程之家

编程开发

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

53浏览

0评论

vue实现选项卡及选项卡切换效果

这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道...

2020-05-27 05:34:56

50浏览

0评论

vue中$refs的用法及作用详解

一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定inpu...

2020-05-27 05:34:55

32浏览

0评论

vue+webpack实现异步加载三种用法示例详解

1.第一例const Home = resolve => { import("@/components/home/home.vue").then( module => { resolve(module) }}注：（上面import的时候可以不写后缀）export default [...

2020-05-27 05:34:54

48浏览

0评论

vue router动态路由下让每个子路由都是独立组件的解决方案

vue-router 之动态路由vue-router官网上面是这样说的// 带查询参数，变成 /register?plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})然后，我...

2020-05-27 05:34:53

47浏览

0评论

vue.js前后端数据交互之提交数据操作详解

本文实例讲述了vue.js前后端数据交互之提交数据操作。分享给大家供大家参考，具体如下：前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基...

2020-05-27 05:34:52

46浏览

0评论

Vue 动态设置路由参数的案例分析

在vue中可以动态设置路由参数：1.使用this.$router.go()，与js histroy.go() 用法一直,前进1，后退-1，当前页面:0注意使用go时必须是已经有访问历史记录了案例：<template> <div>...

2020-05-27 05:34:51

41浏览

0评论

详解Vue.js中.native修饰符

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符，感兴趣的朋友一起看看吧。.native修饰符官方...

2020-05-27 05:34:49

55浏览

0评论

vue短信验证性能优化如何写入localstorage中

平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候,1. 当点击完按钮时,倒计时还没...

2020-05-27 05:34:48

60浏览

0评论

父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法

场景：我实际用到的是这样的，我父组件引用子组件related,父组件调用获取页面详情的方法，更新了state值related，子组件根据该related来渲染相关新闻内容，但是页面打开的时候总是先...

2020-05-27 05:34:47

31浏览

0评论

vue项目中vue-i18n和element-ui国际化开发实现过程

在vue构建的项目中，我们常用element-ui插件，在我的博客前面有讲述，具体怎么用vue-i18n插件进行国际化开发，但是在前面博客中，如果项目中使用了element-ui插件，插件中的语言文字替...

2020-05-27 05:34:46

57浏览

0评论

Vue中使用vue-i18插件实现多语言切换功能

在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件m...

2020-05-27 05:34:45

60浏览

0评论

vue 组件使用中的一些细节点

细节一基础例子运行结果:以上大家都懂，这边就不多说，回到代码里，有时候我们需要 tbody 里面每一行是一个子组件，那我们代码可以怎么写呢？我们可以这样写，定义一个全局组件，如下：然后...

2020-05-27 05:34:44

44浏览

0评论

你点的 ES6一些小技巧,请查收

ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言。我很高兴把它们补充进来。1....

2020-05-27 05:34:42

45浏览

0评论

微信小程序商品详情页的底部弹出框效果

电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...

2020-05-27 05:34:41

48浏览

0评论

vuex操作state对象的实例代码

Vuex是什么？VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念，state, get...

2020-05-27 05:34:40

62浏览

0评论

基于Vue实现拖拽功能

本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下效果图：HTML代码：<div id="box"> 位置 <br>x:{{val.x}} <br>y:{{val.y}} <div v-drag="...

2020-05-27 05:34:39

74浏览

0评论

Vue 使用中的小技巧

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~1. 多...

2020-05-27 05:34:38

58浏览

0评论

node打造微信个人号机器人的方法示例

现在，日常生活已经离不开微信，本文将会抛砖引玉演示如何使用 wechaty 操作微信个人号做一些有意思的东西，可以实现自动通过好友请求、关键词回复、自动拉群等功能。大大提高了...

2020-05-27 05:34:37

38浏览

0评论

react 创建单例组件的方法

需求背景
最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。
用户看过消息后，就不再弹窗了。问题
很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）...

2020-05-27 05:34:37

48浏览

0评论

JavaScript实现微信红包算法及问题解决方法

专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。我们假设有一个100元...

2020-05-27 05:34:36

44浏览

0评论

vue自定义filters过滤器

官方给出Vue.filters(id , [definition])//id {string}//definition {function}详情查看在项目中我们如果有多个filters，那么我怎么一次注册，全局可用，我们在项目里新建一个fil...

2020-05-27 05:34:34

47浏览

0评论

vue 中filter的多种用法

1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部（1）注册在全局的fliter (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面
(2) 过滤器函数...

2020-05-27 05:34:33

40浏览

0评论

vue如何判断dom的class

vue点击给dom添加class然后获取含有class的dom<div class="chose-ck" v-for="(item,index2) in colors" :key="index2" ref="chosebox"> <p>{{item.name}}...

2020-05-27 05:34:32

48浏览

0评论

详解Vue项目编译后部署在非网站根目录的解决方案

同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式内网环境：192.168.1.1:8080/index.html...

2020-05-27 05:34:31

40浏览

0评论

Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客

VuePress
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。一个基于 Vue SSR 的静态站生成器，本来...

2020-05-27 05:34:29

66浏览

0评论

jQuery length 和 size()区别总结

jQuery length和size()区别总结如下：1.length是属性，size()是方法。2.如果你只是想获取元素的个数，两者效果一样既 ("img").length和("img").length和("img").size() 获取的值...

2020-05-27 05:34:28

76浏览

0评论

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

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

2020-05-27 05:34:27

55浏览

0评论

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

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

2020-05-27 05:34:26

54浏览

0评论

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

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

2020-05-27 05:34:25

49浏览

0评论

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

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

2020-05-27 05:34:24

39浏览

0评论

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

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

2020-05-27 05:34:23

37浏览

0评论

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

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

2020-05-27 05:34:22

55浏览

0评论

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

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

2020-05-27 05:34:21

58浏览

0评论

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

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

2020-05-27 05:34:20

43浏览

0评论

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

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

2020-05-27 05:34:19

60浏览

0评论

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

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

2020-05-27 05:34:18

44浏览

0评论

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

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

2020-05-27 05:34:16

43浏览

0评论

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

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

2020-05-27 05:34:15

179浏览

0评论

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

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

2020-05-27 05:34:14

74浏览

0评论

基于Vue实现拖拽效果

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

2020-05-27 05:34:13

48浏览

0评论

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

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

2020-05-27 05:34:12

57浏览

0评论

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

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

2020-05-27 05:34:11

81浏览

0评论

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

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

2020-05-27 05:34:10

37浏览

0评论

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

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

2020-05-27 05:34:09

47浏览

0评论

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

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

2020-05-27 05:34:07

43浏览

0评论

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

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

2020-05-27 05:34:06

71浏览

0评论

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

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

2020-05-27 05:34:05

76浏览

0评论

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

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

2020-05-27 05:34:04

50浏览

0评论

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

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

2020-05-27 05:34:03

41浏览

0评论

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

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

2020-05-27 05:34:02

首页 «1305 130613071308 1309 »尾页

热门文章