vue2.0实现移动端的输入框实时检索更新列表功能
最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果，当用户在搜索框输入客户的电话或姓名的时候，客户列表内容会做相应的更新，下面给大家看下图~·html <input ty...
2020-05-27
webstorm和.vue中es6语法报错的解决方法
1.webstorm中es6语法报错，解决方法：打开 Settings => Languages & Frameworks => Javascript
把 Javascript Language version 改为 ECMAScript 6这样做所有的.js文件中es6不...
2020-05-27
vue.js做一个简单的编辑菜谱功能
先给大家展示下效果图，如果感觉不错，请参考实现代码1、先获取门店下的所有菜品类型、菜品名称、菜品id(list)，也就是最大数据量this.$http.post(ceshiApi+'getCyFoodAndFoodTyp...
2020-05-27
浅谈React 服务器端渲染的使用
React 提供了两个方法 renderToString 和 renderToStaticMarkup 用来将组件（Virtual DOM）输出成 HTML 字符串，这是 React 服务器端渲染的基础，它移除了服务器端对于浏览器环境的...
2020-05-27
Vue.js 实现微信公众号菜单编辑器功能(一)
学习一段时间Vue.js，于是想尝试着做一个像微信平台里那样的菜单编辑器，在这里分享下具体样式代码查看项目github创建一个vue实例<!DOCTYPE html><html><head> <meta charset="...
2020-05-27
详解基于mpvue的小程序markdown适配解决方案
美团点评近日开源了 mpvue ，这是一个使用 Vue.js 开发小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将...
2020-05-27
Vue.js 实现微信公众号菜单编辑器功能(二)
Vue.js 实现微信公众号菜单编辑器功能(一)上一篇菜单的点击和添加菜单功能已经在模版实现了，接下来实现菜单的编辑功能实现菜单删除方法在vue实例中添加删除菜单方法，根据选中...
2020-05-27
JavaScript实现计算圆周率到小数点后100位的方法示例
本文实例讲述了JavaScript实现计算圆周率到小数点后100位的方法。分享给大家供大家参考，具体如下：浮点数的有效数位是16位，我自己做了一个大数类，能存储100位有效数位，并实现了大...
2020-05-27
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
本项目是vue-cli搭建的项目框架，引入axios用于数据请求。配置不同的接口地址，（首先确保已经集成了axios，如对集成axios有疑问的道友，可参看我之间的一篇vue-cli 引入axios）操作如...
2020-05-27
vue-cli 引入、配置axios的方法
一、npm 安装axios，文件根目录下安装，指令如下npm install axios --save-dev 二、修改原型链，在main.js中引入axiosimport axios from 'axios' 接着将axios改写为Vue的原型属...
2020-05-27
JavaScript累加、迭代、穷举、递归等常用算法实例小结
本文实例讲述了JavaScript迭代、迭代、穷举、递归等常用算法。分享给大家供大家参考，具体如下：累加和累积累加：将一系列的数据加到一个变量里面。最后的得到累加的结果比如：将1...
2020-05-27
JavaScript callback回调函数用法实例分析
本文实例讲述了JavaScript callback回调函数用法。分享给大家供大家参考，具体如下：在使用开源项目的时候经常会使用到回调函数，如果把回调函数弄清楚了，那么对我们深入了解开源...
2020-05-27
官方推荐react-navigation的具体使用详解
看了官方文档的导航器对比，发现现在主推的方案是一个单独的导航库react-navigation，据说它的使用十分简单。我就写个demo，试了一下。一、主要构成按使用形式主要分三部分: Sta...
2020-05-27
React Navigation 使用中遇到的问题小结
在React Native的开发中，使用到react navigation框架时遇到了不少问题。主要是安卓和iOS中相对不协调的地方，特此记录一、Navigation Bar使用navigationbar的时候遇到如下的问...
2020-05-27
自定义vue组件发布到npm的方法
本文介绍了自定义vue组件发布到npm的方法，分享给大家，具体如下：
为什么会有这个想法呢，主要是vue项目中自定义的组件在多个项目中使用。导致修改bug的时候，总是要在项目分支中修...
2020-05-27
详解Vue 多级组件透传新方法provide/inject
provide / inject 是 2.2 新增的方法，可以以一个祖先组件向所有子孙后代注入依赖（一个内容）。provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中...
2020-05-27
vue中的provide/inject的学习使用
前言
最近在看element-ui的源码，发现了一个这样的属性:inject.遂查看官网provider/injectprovider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通...
2020-05-27
vue中父子组件注意事项,传值及slot应用技巧
一.父子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title> <style> </style> <script src="./vue.js"></script><...
2020-05-27
vue实现2048小游戏功能思路详解
试玩地址项目地址使用方法：git clonenpm inpm run dev实现思路如下： 用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个 4X4的方格用一个二维数组存放，绑定好后只...
2020-05-27
VeeValidate在vue项目里表单校验应用案例
VeeValidate是什么：VeeValidate是Vue.js的验证库，它有很多验证规则，并支持自定义规则。它基于模板，因此它与HTML5验证API相似并且很熟悉。您可以验证HTML5输入以及自定义Vue组件...
2020-05-27
Vue中使用vee-validate表单验证的方法
Vue项目遇到要表单验证了吧，对我来说表单验证是个很纠(dan)结(teng)的内容，各种判断凌乱到飞起。往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里引入jquery的v...
2020-05-27
JavaScript DOM元素常见操作详解【添加、删除、修改等】
本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考，具体如下：DOM概念DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看通过开...
2020-05-27
webstorm中vue语法的支持详解
俗话说，要想攻其玉，必先利其器。工作中老是在用angular开发，但慢慢会有vue的业务，所以需要学习学习vue。今天开始折腾vue，我是用webstorm开发前端的，当使用vue-cli创建好一个项目...
2020-05-27
Vue引入jquery实现平滑滚动到指定位置
在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发现并没有真正...
2020-05-27
JS关于刷新页面的相关总结
很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容，在本文中我们整理了总结的关于JS页面刷新的相关重要知识点文章，一起来跟着学习下。JS刷新当前页面的...
2020-05-27
JS中移除非数字最多保留一位小数
js中移除非数字最多保留一位小数的实现代码如下所示：//去除非数字 var clearNoNum = function (item) { if (item!=null && item!=undefined) { //先把非数字的都替...
2020-05-27
node puppeteer(headless chrome)实现网站登录
puppeteer简介puppeteer是Chrome团队开发的一个node库，可以通过api来控制浏览器的行为，比如点击，跳转，刷新，在控制台执行js脚本等等。有了这个神器，写个爬虫，自动签到，网页截图，生成p...
2020-05-27
javaScript强制保留两位小数的输入数校验和小数保留问题
输入input 的格式校验:$(function(){var data = $.trim($("#inputId").val());//此正则表达式验证小数位是否超过两位，小数可为1位 || 2位 || 整数if(!(/^\d+(\.\d{1,2})?...
2020-05-27
JS验证输入的是否是数字及保留几位小数问题
1、验证方法 validationNumber(e, num) e代表标签对象，num代表保留小数位数function validationNumber(e, num) { var regu = /^[0-9]+\.?[0-9]*$/; if (e.va...
2020-05-27
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下：项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相应的解决办法，对...
2020-05-27
nuxt框架中路由鉴权之Koa和Session的用法
引子博客的后台管理页面需要有登录系统，所以考虑做一下路由鉴权，实现方式也是 Nuxt 官网给出栗子来改写，顺便也将前后端路由给统一了。路由拦截前端方面主要通过利用 Nuxt 的中...
2020-05-27
node基于puppeteer模拟登录抓取页面的实现
关于热图在网站分析行业中，网站热图能够很好的反应用户在网站的操作行为，具体分析用户的喜好，对网站进行针对性的优化，一个热图的例子（来源于ptengine）上图中能很清晰的看到用户关...
2020-05-27
详解Puppeteer 入门教程
1、Puppeteer 简介
Puppeteer 是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器 (当然你也可以配置成有UI的，默认是没有的)。既然是浏...
2020-05-27
js合并两个数组生成合并后的key：value数组
核心代码// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for...
2020-05-27
js循环map 获取所有的key和value的实现代码(json)
下面的方法一语方法二都是经过小编测试并运行的方法一： json格式定义<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...
2020-05-27
JS中的JSON对象的定义和取值实现代码
1.JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则...
2020-05-27
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
需求：
最近在做一个网上商城的项目，技术用的是Angular4.x。有一个很常见的需求是：用户在点击“我的”按钮时读取cookie，如果有数据，则跳转到个人信息页面，否则跳转到注册或登录页...
2020-05-27
async/await地狱该如何避免详解
前言async/await是什么async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道，co模块是TJ大神写的一个使用生成器函...
2020-05-27
jQuery实现模糊查询的方法分析
本文实例讲述了jQuery实现模糊查询的方法。分享给大家供大家参考，具体如下：需求：list列表内容很多，用户需要找出列表内容中的某些条目，只有当与用户输入值匹配的条目才显示出来。...
2020-05-27
Javascript Promise用法详解
1、约定
本文的 demo 代码有些是伪代码，不可以直接执行。 没有特殊说明，本文所有 demo 都是基于 ES6 规范。 Object.method 代表是静态方法， Object#method 代表的是实例方...
2020-05-27
详解node Async/Await 更好的异步编程解决方案
一、异步编程的终极解决方案
前几天写过关于 javascript 异步操作的文章《Javascript Promise 详解》. 最近在学习 Puppeteer 的时候又发现另一种异步编程解决方案：Async/Awa...
2020-05-27
js正则相关知识点专题
1、JS正则表达式一条龙讲解(从原理和语法到JS正则) https://www.freexyz.cn/article/110516.htm2、教你轻松记住JS正则表达式https://www.freexyz.cn/article/88838.htm有没有人...
2020-05-27
vue计算属性和监听器实例解析
基本实例<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el: '#exam...
2020-05-27
vue-router3.0版本中 router.push 不能刷新页面的问题
在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使...
2020-05-27
解决vue 按钮多次点击重复提交数据问题
这个其实是一个很细节的问题。 如果我们操作一个按钮，然后在按钮点击的时候绑定事件。事件分为两种情况：•第一种： 不操作数据型•第二种： 操作数据型<template> <but...
2020-05-27
vue项目中公用footer组件底部位置的适配问题
需求：footer为公用组件，其他页面都需要引入，这是会存在一种情况：有的页面高度很高，footer组件要放在内容的最后；有的页面内容很少，高度很低，footer需要放在浏览器可视窗口的最底部；窗...
2020-05-27
vuex与组件联合使用的方法
官方定义： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。我的理解就是，vuex就是前端的数据库。1、首先核心是store，是个仓库，包含着state，因此第一步需要新建一个store。...
2020-05-27
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。1.使用x-input组件可知，官方只给了三种类型的is-type验...
2020-05-27
Js经典案例的实例代码
本文讲述了JS实现鼠标悬停切换图片，显示天气预报，利用焦点实现选择网站的实例代码，分享给大家供大家参考，具体如下：鼠标悬停切换图片：<html><head><script type="text/javascript"...
2020-05-27
浅谈node.js 命令行工具(cli)
一. 先了解一下package.json每个项目的根目录都有一个 package.json 文件，定义了这个项目所需要的各种模块，以及项目的配置信息,下面是一个比较完整的package.json文件{ "name...
2020-05-27
