JavaScript - 教程之家

55浏览

0评论

Vue微信项目按需授权登录策略实践思路详解

项目采用Vue作为开发框架，用户浏览页面时有两种情况：一种是需要用户先登录之后才能继续浏览；另一种是用户无需登录即可随意浏览。在无需用户登录的页面中，可能包含需要用户...

2020-05-27

67浏览

0评论

angularjs实现的购物金额计算工具示例

本文实例讲述了angularjs实现的购物金额计算工具。分享给大家供大家参考，具体如下：当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angularjs一种新的方...

2020-05-27

54浏览

0评论

详解React-Router中Url参数改变页面不刷新的解决办法

问题今天在写页面的时候发现一个问题，就是在React Router中使用了Url传参的功能，像这样:export class MainRouter extends React.Component { render() { return ( <...

2020-05-27

39浏览

0评论

使用vue-cli打包过程中的步骤以及问题的解决

1、打包命令是npm run build，这个命令实际上是在package.json中，scripts中build所对应的命令；
2、创建一个prod.server.js，这个文件不是必须的，这个文件的用处是在打包完毕之后，通...

2020-05-27

57浏览

0评论

vue-cli 如何打包上线的方法示例

以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成而想要打包成一份很简单，只需要 npm run build 这个命令这两种命令的配置文件在config的index.js 一种...

2020-05-27

50浏览

0评论

Javascript实现购物车功能的详细代码

我们肯定都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理，可以添加商品，删...

2020-05-27

55浏览

0评论

浅谈vue项目如何打包扔向服务器

当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。
如果是 vue...

2020-05-27

76浏览

0评论

webstorm添加*.vue文件支持

这篇文章写了有1年多了，发现这篇文章关注的人不少。现在Webstorm要支持vue已经有了更方便的方式。避免误导，还是来更新下。方法1：安装 Vue.js 插件打开 Settings->Plugins 搜索...

2020-05-27

61浏览

0评论

vue2.0实现移动端的输入框实时检索更新列表功能

最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果，当用户在搜索框输入客户的电话或姓名的时候，客户列表内容会做相应的更新，下面给大家看下图~·html <input ty...

2020-05-27

48浏览

0评论

webstorm和.vue中es6语法报错的解决方法

1.webstorm中es6语法报错，解决方法：打开 Settings => Languages & Frameworks => Javascript
把 Javascript Language version 改为 ECMAScript 6这样做所有的.js文件中es6不...

2020-05-27

61浏览

0评论

vue.js做一个简单的编辑菜谱功能

先给大家展示下效果图，如果感觉不错，请参考实现代码1、先获取门店下的所有菜品类型、菜品名称、菜品id(list)，也就是最大数据量this.$http.post(ceshiApi+'getCyFoodAndFoodTyp...

2020-05-27

63浏览

0评论

浅谈React 服务器端渲染的使用

React 提供了两个方法 renderToString 和 renderToStaticMarkup 用来将组件（Virtual DOM）输出成 HTML 字符串，这是 React 服务器端渲染的基础，它移除了服务器端对于浏览器环境的...

2020-05-27

62浏览

0评论

Vue.js 实现微信公众号菜单编辑器功能(一)

学习一段时间Vue.js，于是想尝试着做一个像微信平台里那样的菜单编辑器，在这里分享下具体样式代码查看项目github创建一个vue实例<!DOCTYPE html><html><head> <meta charset="...

2020-05-27

65浏览

0评论

详解基于mpvue的小程序markdown适配解决方案

美团点评近日开源了 mpvue ，这是一个使用 Vue.js 开发小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将...

2020-05-27

64浏览

0评论

Vue.js 实现微信公众号菜单编辑器功能(二)

Vue.js 实现微信公众号菜单编辑器功能(一)上一篇菜单的点击和添加菜单功能已经在模版实现了，接下来实现菜单的编辑功能实现菜单删除方法在vue实例中添加删除菜单方法，根据选中...

2020-05-27

83浏览

0评论

JavaScript实现计算圆周率到小数点后100位的方法示例

本文实例讲述了JavaScript实现计算圆周率到小数点后100位的方法。分享给大家供大家参考，具体如下：浮点数的有效数位是16位，我自己做了一个大数类，能存储100位有效数位，并实现了大...

2020-05-27

49浏览

0评论

vue axios 给生产环境和发布环境配置不同的接口地址(推荐)

本项目是vue-cli搭建的项目框架，引入axios用于数据请求。配置不同的接口地址，（首先确保已经集成了axios，如对集成axios有疑问的道友，可参看我之间的一篇vue-cli 引入axios）操作如...

2020-05-27

57浏览

0评论

vue-cli 引入、配置axios的方法

一、npm 安装axios，文件根目录下安装，指令如下npm install axios --save-dev 二、修改原型链，在main.js中引入axiosimport axios from 'axios' 接着将axios改写为Vue的原型属...

2020-05-27

40浏览

0评论

JavaScript累加、迭代、穷举、递归等常用算法实例小结

本文实例讲述了JavaScript迭代、迭代、穷举、递归等常用算法。分享给大家供大家参考，具体如下：累加和累积累加：将一系列的数据加到一个变量里面。最后的得到累加的结果比如：将1...

2020-05-27

50浏览

0评论

JavaScript callback回调函数用法实例分析

本文实例讲述了JavaScript callback回调函数用法。分享给大家供大家参考，具体如下：在使用开源项目的时候经常会使用到回调函数，如果把回调函数弄清楚了，那么对我们深入了解开源...

2020-05-27

44浏览

0评论

官方推荐react-navigation的具体使用详解

看了官方文档的导航器对比，发现现在主推的方案是一个单独的导航库react-navigation，据说它的使用十分简单。我就写个demo，试了一下。一、主要构成按使用形式主要分三部分: Sta...

2020-05-27

39浏览

0评论

React Navigation 使用中遇到的问题小结

在React Native的开发中，使用到react navigation框架时遇到了不少问题。主要是安卓和iOS中相对不协调的地方，特此记录一、Navigation Bar使用navigationbar的时候遇到如下的问...

2020-05-27

46浏览

0评论

自定义vue组件发布到npm的方法

本文介绍了自定义vue组件发布到npm的方法，分享给大家，具体如下：
为什么会有这个想法呢，主要是vue项目中自定义的组件在多个项目中使用。导致修改bug的时候，总是要在项目分支中修...

2020-05-27

96浏览

0评论

详解Vue 多级组件透传新方法provide/inject

provide / inject 是 2.2 新增的方法，可以以一个祖先组件向所有子孙后代注入依赖（一个内容）。provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中...

2020-05-27

49浏览

0评论

vue中的provide/inject的学习使用

前言
最近在看element-ui的源码，发现了一个这样的属性:inject.遂查看官网provider/injectprovider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通...

2020-05-27

86浏览

0评论

vue中父子组件注意事项,传值及slot应用技巧

一.父子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title> <style> </style> <script src="./vue.js"></script><...

2020-05-27

85浏览

0评论

vue实现2048小游戏功能思路详解

试玩地址项目地址使用方法：git clonenpm inpm run dev实现思路如下：用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个 4X4的方格用一个二维数组存放，绑定好后只...

2020-05-27

74浏览

0评论

VeeValidate在vue项目里表单校验应用案例

VeeValidate是什么：VeeValidate是Vue.js的验证库，它有很多验证规则，并支持自定义规则。它基于模板，因此它与HTML5验证API相似并且很熟悉。您可以验证HTML5输入以及自定义Vue组件...

2020-05-27

69浏览

0评论

Vue中使用vee-validate表单验证的方法

Vue项目遇到要表单验证了吧，对我来说表单验证是个很纠(dan)结(teng)的内容，各种判断凌乱到飞起。往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里引入jquery的v...

2020-05-27

56浏览

0评论

JavaScript DOM元素常见操作详解【添加、删除、修改等】

本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考，具体如下：DOM概念DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看通过开...

2020-05-27

67浏览

0评论

webstorm中vue语法的支持详解

俗话说，要想攻其玉，必先利其器。工作中老是在用angular开发，但慢慢会有vue的业务，所以需要学习学习vue。今天开始折腾vue，我是用webstorm开发前端的，当使用vue-cli创建好一个项目...

2020-05-27

43浏览

0评论

Vue引入jquery实现平滑滚动到指定位置

在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发现并没有真正...

2020-05-27

51浏览

0评论

JS关于刷新页面的相关总结

很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容，在本文中我们整理了总结的关于JS页面刷新的相关重要知识点文章，一起来跟着学习下。JS刷新当前页面的...

2020-05-27

46浏览

0评论

JS中移除非数字最多保留一位小数

js中移除非数字最多保留一位小数的实现代码如下所示：//去除非数字 var clearNoNum = function (item) { if (item!=null && item!=undefined) { //先把非数字的都替...

2020-05-27

78浏览

0评论

node puppeteer(headless chrome)实现网站登录

puppeteer简介puppeteer是Chrome团队开发的一个node库，可以通过api来控制浏览器的行为，比如点击，跳转，刷新，在控制台执行js脚本等等。有了这个神器，写个爬虫，自动签到，网页截图，生成p...

2020-05-27

102浏览

0评论

javaScript强制保留两位小数的输入数校验和小数保留问题

输入input 的格式校验:$(function(){var data = $.trim($("#inputId").val());//此正则表达式验证小数位是否超过两位，小数可为1位 || 2位 || 整数if(!(/^\d+(\.\d{1,2})&#63...

2020-05-27

58浏览

0评论

JS验证输入的是否是数字及保留几位小数问题

1、验证方法 validationNumber(e, num) e代表标签对象，num代表保留小数位数function validationNumber(e, num) { var regu = /^[0-9]+\.?[0-9]*$/; if (e.va...

2020-05-27

68浏览

0评论

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下：项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相应的解决办法，对...

2020-05-27

89浏览

0评论

nuxt框架中路由鉴权之Koa和Session的用法

引子博客的后台管理页面需要有登录系统，所以考虑做一下路由鉴权，实现方式也是 Nuxt 官网给出栗子来改写，顺便也将前后端路由给统一了。路由拦截前端方面主要通过利用 Nuxt 的中...

2020-05-27

43浏览

0评论

node基于puppeteer模拟登录抓取页面的实现

关于热图在网站分析行业中，网站热图能够很好的反应用户在网站的操作行为，具体分析用户的喜好，对网站进行针对性的优化，一个热图的例子（来源于ptengine）上图中能很清晰的看到用户关...

2020-05-27

63浏览

0评论

详解Puppeteer 入门教程

1、Puppeteer 简介
Puppeteer 是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器 (当然你也可以配置成有UI的，默认是没有的)。既然是浏...

2020-05-27

86浏览

0评论

js合并两个数组生成合并后的key：value数组

核心代码// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for...

2020-05-27

75浏览

0评论

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

87浏览

0评论

JS中的JSON对象的定义和取值实现代码

1.JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则...

2020-05-27

84浏览

0评论

Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)

需求：
最近在做一个网上商城的项目，技术用的是Angular4.x。有一个很常见的需求是：用户在点击“我的”按钮时读取cookie，如果有数据，则跳转到个人信息页面，否则跳转到注册或登录页...

2020-05-27

94浏览

0评论

async/await地狱该如何避免详解

前言async/await是什么async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道，co模块是TJ大神写的一个使用生成器函...

2020-05-27

78浏览

0评论

jQuery实现模糊查询的方法分析

本文实例讲述了jQuery实现模糊查询的方法。分享给大家供大家参考，具体如下：需求：list列表内容很多，用户需要找出列表内容中的某些条目，只有当与用户输入值匹配的条目才显示出来。...

2020-05-27

74浏览

0评论

Javascript Promise用法详解

1、约定
本文的 demo 代码有些是伪代码，不可以直接执行。没有特殊说明，本文所有 demo 都是基于 ES6 规范。 Object.method 代表是静态方法， Object#method 代表的是实例方...

2020-05-27

59浏览

0评论

详解node Async/Await 更好的异步编程解决方案

一、异步编程的终极解决方案
前几天写过关于 javascript 异步操作的文章《Javascript Promise 详解》. 最近在学习 Puppeteer 的时候又发现另一种异步编程解决方案：Async/Awa...

2020-05-27

91浏览

0评论

js正则相关知识点专题

1、JS正则表达式一条龙讲解(从原理和语法到JS正则) https://www.freexyz.cn/article/110516.htm2、教你轻松记住JS正则表达式https://www.freexyz.cn/article/88838.htm有没有人...

2020-05-27

热门文章