编程开发 - 教程之家

编程开发

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

50浏览

0评论

vue.js实现的绑定class操作示例

本文实例讲述了vue.js实现的绑定class操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co...

2020-05-27 05:15:15

42浏览

0评论

vue.js计算属性computed用法实例分析

本文实例讲述了vue.js计算属性computed用法。分享给大家供大家参考，具体如下：需求：数据msg值为12345，我们现在需要反向显示成54321。在模板中绑定表达式是非常便利的，但是它们实...

2020-05-27 05:15:12

60浏览

0评论

vue.js使用v-if实现显示与隐藏功能示例

本文实例讲述了vue.js使用v-if实现显示与隐藏功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27 05:15:11

49浏览

0评论

老生常谈JS中的继承及实现代码

JS虽然不像是JAVA那种强类型的语言，但也有着与JAVA类型的继承属性，那么JS中的继承是如何实现的呢？一、构造函数继承在构造函数中，同样属于两个新创建的函数，也是不相等的 functio...

2020-05-27 05:15:10

254浏览

0评论

vue.js动画中的js钩子函数的实现

在transition中还可以通过设置javascript钩子函数，实现自定义动画效果。以实现击球效果为例：击球代码解析：<transition @before-enter="beforeEnter...

2020-05-27 05:15:09

82浏览

0评论

jQuery实现仿京东防抖动菜单效果示例

本文实例讲述了jQuery实现仿京东防抖动菜单效果。分享给大家供大家参考，具体如下：完整代码：<!DOCTYPE html><html><head><title>www.freexyz.cn jQuery仿京东菜单</title><meta c...

2020-05-27 05:15:08

38浏览

0评论

vue结合axios与后端进行ajax交互的方法

以前vue官方推荐的ajax库是vue-resource, 现在改为axiosaxios的github仓库实现的效果：异步请求
页面异步发出get请求获取数据，提交表单异步post数据到服务端客户端
客户端代码...

2020-05-27 05:15:06

73浏览

0评论

JavaScript实现的简单Tab点击切换功能示例

本文实例讲述了JavaScript实现的简单Tab点击切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>www.freexyz.cn tab点击切换</title> <style type...

2020-05-27 05:15:05

45浏览

0评论

微信小程序WebSocket实现聊天对话功能

本文实例为大家分享了微信小程序WebSocket实现聊天对话功能的具体代码，供大家参考，具体内容如下jsvar app = getApp();var socketOpen = false;var frameBuffer_Data, session...

2020-05-27 05:15:04

60浏览

0评论

详解Angular如何正确的操作DOM

无奈接手了一个旧项目，上一个老哥在Angular项目中大量使用了JQuery来操作DOM，真的是太不讲究了。那么如何优雅的使用Angular的方式来操作DOM呢？获取元素1、ElementRef --- A...

2020-05-27 05:15:03

44浏览

0评论

Angularjs中date过滤器失效的问题及解决方法

在开发中遇到date过滤器失效的问题，在其他页面date过滤器没有问题，但是在这个页面出现了问题，后来发现是因为{{now | date : 'yyyy-MM-dd HH:mm:ss'}}now必须是时间戳格式的，后...

2020-05-27 05:15:01

47浏览

0评论

vue中锚点的三种方法

第一种： router.js中添加
mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } }...

2020-05-27 05:15:00

50浏览

0评论

微信小程序websocket实现聊天功能

本文实例为大家分享了微信小程序websocket实现聊天功能的具体代码，供大家参考，具体内容如下效果图：chat.jsvar utils = require("../../utils/util.js")Page({ /** * 页面的初...

2020-05-27 05:14:59

32浏览

0评论

vue中倒计时组件的实例代码

子组件：<template> <span :endTime="endTime" :callback="callback" :endText="endText"> <slot> {{content}} </slot> </span> </template> <script> export defa...

2020-05-27 05:14:58

44浏览

0评论

小程序实现发表评论功能

本文实例为大家分享了小程序实现发表评论功能的具体代码，供大家参考，具体内容如下1.点击发表按钮判断内容是否为空如果为空提示请输入内容2.如果内容不为空将评论框里输入...

2020-05-27 05:14:57

55浏览

0评论

微信小程序使用wxParse解析html的方法教程

前言最近在做一个微信小程序项，遇到了文章的详情页面是富文本的情况，内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需...

2020-05-27 05:14:56

63浏览

0评论

微信小程序实现聊天对话(文本、图片)功能

本文实例为大家分享了微信小程序实现聊天对话功能的具体代码，供大家参考，具体内容如下这是我实际项目线上的代码, 或许有些不足 || 和你的需求不符合。上图:to_news.wxml
<!-...

2020-05-27 05:14:55

53浏览

0评论

vue.js 实现点击展开收起动画效果

最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图：
vue页面：...

2020-05-27 05:14:54

43浏览

0评论

react-native动态切换tab组件的方法

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.

第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让...

2020-05-27 05:14:53

31浏览

0评论

vue.js绑定事件监听器示例【基于v-on事件绑定】

本文实例讲述了vue.js绑定事件监听器。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-05-27 05:14:52

40浏览

0评论

vue.js实现格式化时间并每秒更新显示功能示例

本文实例讲述了vue.js实现格式化时间并每秒更新显示功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2020-05-27 05:14:50

45浏览

0评论

vue.js使用v-pre与v-html输出HTML操作示例

本文实例讲述了vue.js使用v-pre与v-html输出HTML操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo...

2020-05-27 05:14:49

84浏览

0评论

jQuery插件实现弹性运动完整示例

本文实例讲述了jQuery插件实现弹性运动的方法。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn jQuery弹性运动</tit...

2020-05-27 05:14:48

287浏览

0评论

vue.js通过路由实现经典的三栏布局实例代码

经典的三栏布局效果图如下：三栏布局•将布局的各个区块定义成组件<template id="header"> <div class="header bg-primary text-center"> <h3>头部区域</h3> </div...

2020-05-27 05:14:47

42浏览

0评论

vue.js使用watch监听路由变化的方法

watch除了可以监听数据的变化，路由的变化也能被其监听到效果如下：具体代码当路由发生变化后，在watch中写具体的业务逻辑let vm = new Vue({ el: "#app", data: {}, router, wat...

2020-05-27 05:14:46

53浏览

0评论

mac上配置Android环境变量的方法

1.AndroidSDK路径查看(1)AndroidStudio:
菜单栏AndroidStudio > Preferences > Appearences&Behavior > System Settins > Android SDK tab中的SDK Location。(2)Eclipse:...

2020-05-27 05:14:45

31浏览

0评论

Vue2.0仿饿了么webapp单页面应用详细步骤

部分截图安装&&运行：
1、安装 node：http://nodejs.cn/download/安装 git：https://git-scm.com/downloads2、从我的仓库克隆代码：$ git clone https://github.com/ColinScales/sh...

2020-05-27 05:14:44

62浏览

0评论

JavaScript的Object.defineProperty详解

=与Object.defineProperty为JavaScript对象新增或者修改属性，有两种不同方式：直接使用=赋值或者使用Object.defineProperty()定义。如下：// 示例1var obj = {};// 直接使用=赋...

2020-05-27 05:14:41

59浏览

0评论

JS实现图片旋转动画效果封装与使用示例

本文实例讲述了JS实现图片旋转动画效果封装与使用。分享给大家供大家参考，具体如下：核心封装代码如下：//图片动画封装function SearchAnim(opts) { for(var i in SearchAnim...

2020-05-27 05:14:40

52浏览

0评论

jQuery实现简单复制json对象和json对象集合操作示例

本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta name="viewport" content="width=device...

2020-05-27 05:14:39

44浏览

0评论

bootstrap 弹出框modal添加垂直方向滚轴效果

效果图预览1. 添加css样式 .modal-dialog{position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .modal-content{/*overflow-y: scroll; */ position: absolute; to...

2020-05-27 05:14:38

41浏览

0评论

使用async await 封装 axios的方法

es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以...

2020-05-27 05:14:37

52浏览

0评论

微信小程序中时间戳和日期的相互转换问题

在微信开发小程序时，后台传入的诗句可能是时间戳而不是日期或者需要把日期转换成时间戳来做出相应的处理时我们将用到时间戳和日期的相互转换微信小程序里，时间戳转化为日期...

2020-05-27 05:14:36

76浏览

0评论

JS逻辑运算符短路操作实例分析

本文实例分析了JS逻辑运算符短路操作。分享给大家供大家参考，具体如下：js逻辑运算符有三个：逻辑非!、逻辑与&&、逻辑或||。所谓短路操作就是，当&&的第一个操作数的值是false时，直...

2020-05-27 05:14:35

68浏览

0评论

vue-cli配置环境变量的方法

在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时...

2020-05-27 05:14:34

50浏览

0评论

JavaScript实现创建自定义对象的常用方式总结

本文实例讲述了JavaScript实现创建自定义对象的常用方式。分享给大家供大家参考，具体如下：1. 对象字面量方式对象字面量方式是创建自定义对象的首选模式，简单方便。var per = {...

2020-05-27 05:14:33

89浏览

0评论

Vue自定义指令封装节流函数的方法示例

节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一...

2020-05-27 05:14:32

46浏览

0评论

JavaScript解决浮点数计算不准确问题的方法分析

本文实例讲述了JavaScript解决浮点数计算不准确问题的方法。分享给大家供大家参考，具体如下：最近在学习electron框架，想利用这个框架做一个简单的计算器demo。当我对小数进行运...

2020-05-27 05:14:30

40浏览

0评论

vue-router中scrollBehavior的巧妙用法

问题:使用keep-alive标签后部分安卓机返回缓存页位置不精确问题解决方案:<div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </k...

2020-05-27 05:14:29

44浏览

0评论

js实现左右两侧浮动广告

本文实例为大家分享了js实现左右浮动广告展示的具体代码，供大家参考，具体内容如下
<html><title>左右两侧浮动广告</title><head></head><body><table style="background-colo...

2020-05-27 05:14:28

50浏览

0评论

Angular通过指令动态添加组件问题

之前自己写的公共组件，都是会先引入，需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式，还是动态添加组件更加好。通过写过的...

2020-05-27 05:14:27

51浏览

0评论

微信小程序实现漂亮的弹窗效果

最近项目里需要实现一个带着logo的美美哒弹窗，可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西……
场面一度十分尴尬
可是得做啊，要不然产品大姐又要暴走了……...

2020-05-27 05:14:26

59浏览

0评论

微信小程序实现自定义picker选择器弹窗内容

微信小程序中定义好的几种picker选择器，不管是日期选择器还是地区选择器，或是其他的都有定死的样式和内容。例如：但是大多数开发程序的情况下还是需要自己写样式的，或是内容的。...

2020-05-27 05:14:25

66浏览

0评论

Angular6中使用Swiper的方法示例

项目使用的Angular版本是V6.0.3

安装Swiper
npm install swiper --save或者yarn add swiper --save在angular.json文件添加swiper.js和swiper.css
angular.json
安装模组定...

2020-05-27 05:14:23

39浏览

0评论

微信小程序实现倒计时补零功能

微信小程序中 "倒计时自动补零" 的一点代码，方法比较简单粗暴，想着以后怎么也能用到，就先总结出来了。代码：js：
//index.jsvar num = 10//计时var strH = ''var strM = ''var str...

2020-05-27 05:14:22

59浏览

0评论

微信小程序实现团购或秒杀批量倒计时

本文实例为大家分享了微信小程序实现批量倒计时的具体代码，供大家参考，具体内容如下效果图实现思路微信小程序实现倒计时，可以将倒计时的时间进行每一秒的计算和渲染！JS 模拟商...

2020-05-27 05:14:21

61浏览

0评论

js中Object.defineProperty()方法的不详解

菜菜： “老大，那个， Object.defineProperty 是什么鬼？”
假设我们有个对象 user ; 我们要给它增加一个属性 name , 我们会这么做var user = {};user.name="狂奔的蜗牛";console....

2020-05-27 05:14:19

54浏览

0评论

vue用Object.defineProperty手写一个简单的双向绑定的示例

前言上次写了一个Object.defineProperty() 不详解，文末说要写用它来写个双向绑定。说话算话，说来就来前文链接 Object.defineProperty() 不详解
先看最后效果
model演示.gif...

2020-05-27 05:14:17

120浏览

0评论

微信小程序canvas实现刮刮乐效果

本文实例为大家分享了微信小程序实现刮刮乐效果的具体代码，供大家参考，具体内容如下效果图设计流程设计思路 canvas设置背景图，作为中奖图片；在canvas上绘制刮的灰色涂层；通...

2020-05-27 05:14:16

43浏览

0评论

微信小程序实现手指触摸画板

本文实例为大家分享了微信小程序实现手指触摸画板的具体代码，供大家参考，具体内容如下先看效果图：wxml<view class="container"> <vie...

2020-05-27 05:14:14

首页 «1325 132613271328 1329 »尾页

热门文章