详解Vue-Router源码分析路由实现原理
深入Vue-Router源码分析路由实现原理使用Vue开发SPA应用，离不开vue-router，那么vue和vue-router是如何协作运行的呢，下面从使用的角度，大白话帮大家一步步梳理下vue-router的整...
2020-05-27
详解vue2.0模拟后台json数据
最近在跟着做vue2.0以上版本的一个购物平台，在涉及到模拟后台数据交互的时候，视频里讲的是通过json-server这个插件和express，由于之前的配置都是在build/dev-server.js文件夹...
2020-05-27
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
1.准备工作。1.首先准备安装Vue及Vue-CLI$ npm install vue$ npm install -g @vue/cli2.其次下载Tomcattomcat.apache.org/index.html任选一个版本，我测试用的是macOS，所以下...
2020-05-27
Vue项目中使用jquery的简单方法
前言在vue项目中，需要实现某些特定的功能时，使用mvvm模式不易实现。因此引入jquery包来完成需求jquery中的触发事件可以自己定义在mounted中，如果需要使用vue中data的数据，直接...
2020-05-27
webpack项目使用eslint建立代码规范实现
首先当然是新建一个项目了。假设项目已经建好了，下面开始配置1. 安装eslint如果你还没有全局安装 eslint ，第一件事当然是安装 eslintnpm i -g eslint2. 初始化 eslint
eslint...
2020-05-27
eslint 的三大通用规则详解
安装
可以全局安装，也可以在项目下面安装。 如下是在项目中安装示例，只需要在 package.json 中添加如下配置，并进行安装： >"eslint": "^4.11.0"
配置
配置方式有两种，但建议使用...
2020-05-27
怎样在vue项目下添加ESLint的方法
简易搭建
ESLint官网网址ESLint中文官网如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示，以全局安装举例，npm install -g eslint然后初始化eslint --init它会问你一...
2020-05-27
webpack4手动搭建Vue开发环境实现todoList项目的方法
前言平常在工作开发中，为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境，确实这种工具是节省了我们不少时间，但是你有没有想过Vue开发环境是如何搭建起来的？还有如...
2020-05-27
微信端调取相册和摄像头功能，实现图片上传，并上传到服务器
最近在做微信公众号网页开发，遇到两个需要用到微信的JSSDK，上传图片和自动定位，微信开发者文档有详细的步奏内容，链接点击进入微信开发者文档 ，也可以看看我这篇文章，看我是如何实...
2020-05-27
详解如何搭建mpvue框架搭配vant组件库的小程序项目
1. vant 介绍### 扫码体验Vant - 轻量、可靠的移动端 Vue 小程序 组件库。由 有赞 公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网2. 在普通小程序怎么使...
2020-05-27
详解mpvue中使用vant时需要注意的onChange事件的坑
最近用了一下Vant Weapp组件库，但是由于我是用mpvue写的，所以自然跟小程序引用不一样，比如我最近引用了vant里面的collapse折叠面板，官网文档里面介绍的使用方法是这样的1.在 ap...
2020-05-27
Node.js Windows Binary二进制文件安装方法
1.下载文件安装包的下载路径为：https://nodejs.org/en/download/选择你需要的版本，这里我选择了 Windows Binary 64-bit 版本。2.配置npm安装目录.zip包下载完成之解压缩，之后...
2020-05-27
JS左右无缝轮播功能完整实例
本文实例讲述了JS左右无缝轮播功能。分享给大家供大家参考，具体如下：其中对上一页下一页按钮设置visibility属性是为了解决轮播中点击上一页下一页导致的bug，应为是a标签所以用...
2020-05-27
Mpvue中使用Vant Weapp组件库的方法步骤
一、介绍
mpvue-vant记录了我们团队开发中在mpvue中使用Vant Weapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。此教程是...
2020-05-27
Vue2.0实现组件之间数据交互和通信操作示例
本文实例讲述了Vue2.0实现组件之间数据交互和通信操作。分享给大家供大家参考，具体如下：Vue2.0组件之间数据交互和通信。Vue2.0废弃了dispatch 和 $broadcast，如何在实现组件之...
2020-05-27
使用Vue实现移动端左滑删除效果附源码
左滑删除在移动端是很常见的一种操作，常见于删除购物车中的商品，删除收藏夹中文章等等场景。我们只需要手指按住要删除的对象，然后轻轻向左滑动，便会出现删除按钮，然后点击删除按...
2020-05-27
Vue中props的详解
看一下官方文档：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props...
2020-05-27
详解如何写出一个利于扩展的vue路由配置
前言
从历往经验来看，开发一个新项目，往往在刚开始部署项目，到项目的正式交付，以及交付后的后续维护，功能增强等过程，都需要对项目的一些已有结构和逻辑进行调整。
因此，如果有些内...
2020-05-27
vue视图不更新情况详解
我们可能经常会在处理vue项目的时候，遇到数据变化，但是视图并没有实时渲染的情况vue视图为什么不渲染页面的原因
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项...
2020-05-27
Django模板继承 extend标签实例代码详解
在 views.py 上修改...def ordered(req): return render(req, "ordered.html")def shopping_car(req): return render(req, "shopping_car.html")在 urls.py 上修改
......
2020-05-27
详解基于mpvue微信小程序下载远程图片到本地解决思路
说明
最近有些空余时间开始着手优化我那个吉他自学小助手的微信小程序，其中有一个功能是下载吉他谱到本地，开始以为只是很简单的拿到图片url然后down下来就好了，其实不然...最...
2020-05-27
angular多语言配置详解
angular的国际化方案，采用ngx-translate来实现。安装模块：npm install @ngx-translate/core --save在根模块中导入：// other moduleimport {TranslateModule} from '@ngx-trans...
2020-05-27
微信小程序云开发使用方法新手初体验
今天看到微信推送了一条小程序云上线通知，作为一个前端er，满怀期待的去看了看，很不错先看看文档上怎么说的：开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用...
2020-05-27
vue项目中使用scss的方法步骤
一 概述随着sass/less等css预处理器的出现，编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。（我自己就是一个）。由于最近在写一个vue项目。所以...
2020-05-27
微信小程序云开发之新手环境配置
本文实例为大家分享了微信小程序云开发环境配置的具体方法，供大家参考，具体内容如下注意：小程序云开发需要使用注册的小程序appid，测试和游客进入是没有云开发的功能。首先我们...
2020-05-27
微信小程序云开发之模拟后台增删改查
小程序云开发出来之后，小程序开发人员也要慢慢的接触后端对数据的增删改查了。下面就给大家提供一个案例吧。这里我把新增和修改放在了一个页面 显示页面index.wxml<view...
2020-05-27
微信小程序云开发之云函数详解
在上一章我们已经配好了环境，这章我们按照模板的顺序去执行提供的案例，对官方文档进行一个实践操作。首先我们点击”点击获取 openid “文字，发现控制台报错：云函数 调用失败 Er...
2020-05-27
小程序scroll-view安卓机隐藏横向滚动条的实现详解
一、实践踩坑
项目使用mpvue开发1.使用flex布局// html大概长这样<div class="worth-wraper"> <scroll-view scroll-x="true" scroll-left="0"> <div class="worth-list"> <...
2020-05-27
atom-design(Vue.js移动端组件库)手势组件使用教程
介绍atom-design经过几个月的开发，以及这段时间的修复bug，对js,css压缩，按需引入处理等等的性能优化,现在已经逐渐完善.做这套UI考虑到很多性能的问题，以及如何让开发者更自由、...
2020-05-27
微信小程序云开发详细教程
微信小程序云开发之初体验，供大家参考，具体内容如下小程序云开发是微信最近推出的新的一项能力，它弱化了后端以及运维的概念，开发者无需搭建服务器，使用微信平台提供的api即可完...
2020-05-27
jQuery控制input只能输入数字和两位小数的方法
前言做为一个PHPER，难免会遇到那种表单中jQuery限制输入的问题，比如，限制空格的输入，只允许输入数字，以及小数点的控制等等，这里，我们就说一下数字的限制。jquery代码话不多说，直接...
2020-05-27
Vue模板语法中数据绑定的实例代码
1.单项数据绑定
<div id="di"><input type="text" :value="input_val"></div><script>var app = new Vue({el: '#di',data: {input_val: 'hello world '}})</script> 通过浏...
2020-05-27
详解 微信小程序开发框架（MINA）
小程序MINA框架，及优点MINA框架：
小程序使用的是MINA框架，目的是通过简单、高效的方式让开发者可以在微信中开发具有原生App体验的服务。 MINA的核心是一个响应的数据绑定系...
2020-05-27
jQuery实现的点击显示隐藏下拉菜单功能完整示例
本文实例讲述了jQuery实现的点击显示隐藏下拉菜单功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>toggle</ti...
2020-05-27
angular4应用中输入的最小值和最大值的方法
Angular4输入属性输入属性通常用于父组件向子组件传递信息举个栗子：我们在父组件向子组件传递股票代码，这里的子组件我们叫它app-order首先在app.order.component.ts中声明需...
2020-05-27
150行代码带你实现微信小程序中的数据侦听
在小程序项目中, 我们的通常会使用到使用到一个全局对象作为各个页面通用的数据存储容器, 将它绑定到app对象后, 就能在每一个页面都自由的操纵这个对象. 然而在实践中, 由...
2020-05-27
javascript异步编程的六种方式总结
异步编程
众所周知 JavaScript 是单线程工作，也就是只有一个脚本执行完成后才能执行下一个脚本，两个脚本不能同时执行，如果某个脚本耗时很长，后面的脚本都必须排队等着，会拖延整...
2020-05-27
JS实现的自定义map方法示例
本文实例讲述了JS实现的自定义map方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS自定义map...
2020-05-27
微信小程序云开发（数据库）详解
开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进...
2020-05-27
JS简单数组排序操作示例【sort方法】
本文实例讲述了JS简单数组排序操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组排序</title...
2020-05-27
微信小程序实现带参数的分享功能(两种方法)
微信小程序分享功能的实现方法有两种：第一种 在page.js中实现onShareAppMessage，便可在小程序右上角选择分享该页面onShareAppMessage: function () { return { title: '弹出...
2020-05-27
微信小程序页面传多个参数跳转页面的实现方法
这里举例跳转两个参数 传递多少个也可以这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap在index.js在 data 里我写的是假数据在跳转页面的函数里传e...
2020-05-27
微信小程序如何使用云开发
微信小程序中的云开发想必大家还不是很熟悉，因为云开发也就是9月份上线的，相比之前大家对于数据库的存储都是用的是自己的服务器，接下来这篇文章主要为大家介绍下怎么使用云开...
2020-05-27
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
本文实例讲述了AngularJS实现的鼠标拖动画矩形框。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...
2020-05-27
vue-cli3 配置开发与测试环境详解
需求
首先介绍一下本项目的背景，是基于 vue-cli3.1.1 的单页应用，目前测试环境和生产环境都在线上，并且都在同一个域名下，其中生产环境部署在根目录下，测试环境部署在名为 test...
2020-05-27
微信小程序云开发之使用云存储
上一节为大家介绍了下云开发的搭建，接下来为大家介绍下怎么使用云存储，顾名思义，云存储当然就是我们平常所说的百度网盘用来存储自己的资源，当然我们这里的云存储不仅可以存储自...
2020-05-27
微信小程序云开发之使用云数据库
在上一节我们介绍了下怎么使用云存储来存储我们需要的数据，接下来这节也是我们在实际开发比较重要的东西数据库，首先数据库当然是我们要显示在前端界面上的内容，如果要使用云存...
2020-05-27
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
本文实例讲述了jQuery实现的鼠标拖动画矩形框。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD...
2020-05-27
微信小程序云开发之使用云函数
在之前的几篇文章里面介绍了下云开发中的云数据库、云存储：微信小程序如何使用云开发微信小程序之使用云存储微信小程序之使用云数据库接下来的这篇文章主要介绍下云函数，介绍...
2020-05-27
JS实现的检验身份证格式并输出出生日期，年龄，性别，出生地示例
本文实例讲述了JS实现的检验身份证格式并输出出生日期，年龄，性别，出生地。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...
2020-05-27
