微信小程序画布圆形进度条显示效果
本文实例为大家分享了微信小程序画布圆形进度条展示的具体代码，供大家参考，具体内容如下效果图：代码：wxml<!--pages/test/test.wxml--><canvas style="width: 300px; height: 20...
2020-05-27
Django+Vue跨域环境配置详解
概述在使用Django+Vue开发过程中，遇到了很多开发环境相关的问题，比如跨域，比如ajax请求参数等，本篇文章主要记录解决在开发过程中，遇到的一些问题。跨域不带Cookie
在使用Vue脚手...
2020-05-27
javascript显示动态时间的方法汇总
1.第一种方法
<table><tr><td>当前时间：</td><td id="CurrentTime"></td><script type="text/javascript">function changetime(){var ary = ["星期日","星期一","星期二","...
2020-05-27
详解在Vue中使用TypeScript的一些思考(实践)
Vue.extend or vue-class-component使用 TypeScript 写 Vue 组件时，有两种推荐形式： Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式...
2020-05-27
vue 实现数字滚动增加效果的实例代码
项目中需要做数字滚动增加的效果，一开始很懵，研究了一下原理，发现很简单，贴出来分享一下 ^_^数字滚动组件：<template><div class="number-grow-warp"> <span ref="numberGrow" :d...
2020-05-27
vue使用监听实现全选反选功能
最近在学习vue这一块的内容，在项目中用到了全选全不选的功能，开始的时候借鉴了别人写的功能，但感觉写的有一些缺陷，然后就自己写了一套，如有写的不好的地方，请各位大佬指教，废话不...
2020-05-27
用Node提供静态文件服务的方法
前言
对于一个web应用，提供静态文件（CSS、JavaScript、图片）服务常常是必须的。本文将介绍如何做一个自己的静态文件服务器。创建一个静态文件服务器
每个静态文件服务器都有个...
2020-05-27
微信小程序利用canvas 绘制幸运大转盘功能
小程序对 canvas api 跟h5的不太一致 ，所以这个搞的比较久，不多说，先贴代码Page({/** * 页面的初始数据*/data: {awardsConfig: {},restaraunts: [], //大转盘奖品信息},/** *...
2020-05-27
vue实现动态添加数据滚动条自动滚动到底部的示例代码
在使用vue实现聊天页面的时候，聊天数据动态加到页面中，需要实现滚动条也自动滚动到底部。这时我找到网上有个插件 vue-chat-scrollhttps://www.npmjs.com/package/vue-chat-sc...
2020-05-27
vue 组件中添加样式不生效的解决方法
如何产生在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下//// vue 组件<template> <div class="box" data-v-33f8ed40></div><template>//我用js在上面div标...
2020-05-27
vue中element 上传功能的实现思路
element 的上传功能最近有个需求，需要在上传文件前，可以进行弹窗控制是否上传 upload看完文档后，感觉有两种思路可以实现before-upload
auto-upload, on-change
before-upload...
2020-05-27
vue中子组件调用兄弟组件方法
小计： 开发中遇到子组件需要调用兄弟组件中的方法，如下写个小demo记录下心得，如果你有好的方法，请到评论区域指教父组件示例代码：组件功能解析：
通过$emit获取子组件事件，通过$ref...
2020-05-27
深入浅析AngularJs模版与v-bind
简介v-bind与{{}}都可以对数据进行绑定，但是二者有区别的，v-bind不好，为什么说v-bind不好是因为v-bin做了完全替换的错做，如果你想做字符串的拼接那么v-bind不是很好的选择，下面...
2020-05-27
JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点、父节点和兄弟节点的方法。分享给大家供大家参考，具体如下：一、js获取子节点的方式1. 通过获取dom方式直接获取子节点其中test的父标签id的值，div...
2020-05-27
详解浏览器缓存和webpack缓存配置
浏览器缓存
浏览器缓存分为两种类型： 强缓存：也称为本地缓存，不向服务器发送请求，直接使用客户端本地缓存数据 协商缓存：也称304缓存，向服务器发送请求，由服务器判断请求文件是否...
2020-05-27
vue.js实现插入数值与表达式的方法分析
本文实例讲述了vue.js实现插入数值与表达式的方法。分享给大家供大家参考，具体如下：vue.js在插入数值的时候有三种方式1、插入纯文本插入纯文本是最简单的方式，使用双大括号就...
2020-05-27
vue.js实现的绑定class操作示例
本文实例讲述了vue.js实现的绑定class操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co...
2020-05-27
vue.js计算属性computed用法实例分析
本文实例讲述了vue.js计算属性computed用法。分享给大家供大家参考，具体如下：需求：数据msg值为12345，我们现在需要反向显示成54321。在模板中绑定表达式是非常便利的，但是它们实...
2020-05-27
vue.js使用v-if实现显示与隐藏功能示例
本文实例讲述了vue.js使用v-if实现显示与隐藏功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
老生常谈JS中的继承及实现代码
JS虽然不像是JAVA那种强类型的语言，但也有着与JAVA类型的继承属性，那么JS中的继承是如何实现的呢？一、构造函数继承在构造函数中，同样属于两个新创建的函数，也是不相等的 functio...
2020-05-27
vue.js动画中的js钩子函数的实现
在transition中还可以通过设置javascript钩子函数，实现自定义动画效果。以实现击球效果为例：击球代码解析：<!-- 定义js的钩子函数 --><transition @before-enter="beforeEnter...
2020-05-27
jQuery实现仿京东防抖动菜单效果示例
本文实例讲述了jQuery实现仿京东防抖动菜单效果。分享给大家供大家参考，具体如下：完整代码：<!DOCTYPE html><html><head><title>www.freexyz.cn jQuery仿京东菜单</title><meta c...
2020-05-27
vue结合axios与后端进行ajax交互的方法
以前vue官方推荐的ajax库是vue-resource, 现在改为axiosaxios的github仓库实现的效果：异步请求
页面异步发出get请求获取数据，提交表单异步post数据到服务端客户端
客户端代码...
2020-05-27
JavaScript实现的简单Tab点击切换功能示例
本文实例讲述了JavaScript实现的简单Tab点击切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>www.freexyz.cn tab点击切换</title> <style type...
2020-05-27
微信小程序WebSocket实现聊天对话功能
本文实例为大家分享了微信小程序WebSocket实现聊天对话功能的具体代码，供大家参考，具体内容如下jsvar app = getApp();var socketOpen = false;var frameBuffer_Data, session...
2020-05-27
详解Angular如何正确的操作DOM
无奈接手了一个旧项目，上一个老哥在Angular项目中大量使用了JQuery来操作DOM，真的是太不讲究了。那么如何优雅的使用Angular的方式来操作DOM呢？获取元素1、ElementRef --- A...
2020-05-27
Angularjs中date过滤器失效的问题及解决方法
在开发中遇到date过滤器失效的问题，在其他页面date过滤器没有问题，但是在这个页面出现了问题，后来发现是因为{{now | date : 'yyyy-MM-dd HH:mm:ss'}}now必须是时间戳格式的，后...
2020-05-27
vue中锚点的三种方法
第一种： router.js中添加
mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } }...
2020-05-27
微信小程序websocket实现聊天功能
本文实例为大家分享了微信小程序websocket实现聊天功能的具体代码，供大家参考，具体内容如下效果图：chat.jsvar utils = require("../../utils/util.js")Page({ /** * 页面的初...
2020-05-27
vue中倒计时组件的实例代码
子组件：<template> <span :endTime="endTime" :callback="callback" :endText="endText"> <slot> {{content}} </slot> </span> </template> <script> export defa...
2020-05-27
小程序实现发表评论功能
本文实例为大家分享了小程序实现发表评论功能的具体代码，供大家参考，具体内容如下1.点击发表按钮 判断内容是否为空 如果为空提示请输入内容2.如果内容不为空 将评论框里输入...
2020-05-27
微信小程序使用wxParse解析html的方法教程
前言最近在做一个微信小程序项，遇到了文章的详情页面是富文本的情况，内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需...
2020-05-27
微信小程序实现聊天对话(文本、图片)功能
本文实例为大家分享了微信小程序实现聊天对话功能的具体代码，供大家参考，具体内容如下这是我实际项目线上的代码, 或许有些不足 || 和你的需求不符合。 上图:to_news.wxml
<!-...
2020-05-27
vue.js 实现点击展开收起动画效果
最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图：
vue页面：...
2020-05-27
react-native动态切换tab组件的方法
在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.
第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让...
2020-05-27
vue.js绑定事件监听器示例【基于v-on事件绑定】
本文实例讲述了vue.js绑定事件监听器。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...
2020-05-27
vue.js实现格式化时间并每秒更新显示功能示例
本文实例讲述了vue.js实现格式化时间并每秒更新显示功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...
2020-05-27
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
jQuery插件实现弹性运动完整示例
本文实例讲述了jQuery插件实现弹性运动的方法。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn jQuery弹性运动</tit...
2020-05-27
vue.js通过路由实现经典的三栏布局实例代码
经典的三栏布局效果图如下：三栏布局•将布局的各个区块定义成组件<template id="header"> <div class="header bg-primary text-center"> <h3>头部区域</h3> </div...
2020-05-27
vue.js使用watch监听路由变化的方法
watch除了可以监听数据的变化，路由的变化也能被其监听到效果如下：具体代码当路由发生变化后，在watch中写具体的业务逻辑let vm = new Vue({ el: "#app", data: {}, router, wat...
2020-05-27
mac上配置Android环境变量的方法
1.AndroidSDK路径查看(1)AndroidStudio:
菜单栏AndroidStudio > Preferences > Appearences&Behavior > System Settins > Android SDK tab中的SDK Location。(2)Eclipse:...
2020-05-27
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
JavaScript的Object.defineProperty详解
=与Object.defineProperty为JavaScript对象新增或者修改属性，有两种不同方式：直接使用=赋值或者使用Object.defineProperty()定义。如下：// 示例1var obj = {};// 直接使用=赋...
2020-05-27
JS实现图片旋转动画效果封装与使用示例
本文实例讲述了JS实现图片旋转动画效果封装与使用。分享给大家供大家参考，具体如下：核心封装代码如下：//图片动画封装function SearchAnim(opts) { for(var i in SearchAnim...
2020-05-27
jQuery实现简单复制json对象和json对象集合操作示例
本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta name="viewport" content="width=device...
2020-05-27
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
使用async await 封装 axios的方法
es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以...
2020-05-27
微信小程序中时间戳和日期的相互转换问题
在微信开发小程序时，后台传入的诗句可能是 时间戳 而不是日期或者需要把日期转换成时间戳来做出相应的处理时我们将用到时间戳和日期的相互转换微信小程序里，时间戳转化为日期...
2020-05-27
JS逻辑运算符短路操作实例分析
本文实例分析了JS逻辑运算符短路操作。分享给大家供大家参考，具体如下：js逻辑运算符有三个：逻辑非!、逻辑与&&、逻辑或||。所谓短路操作就是，当&&的第一个操作数的值是false时，直...
2020-05-27
