JavaScript - 教程之家

54浏览

0评论

vue cli2.0单页面title修改方法

一、npm install vue-wechat-title --save 执行命令二、在main.js中添加 Vue.use(VueWechatTitle); Vue.config.productionTip= false三、在router/index.js文件中添...

2020-05-27

43浏览

0评论

vue 国际化 vue-i18n 双语言语言包

1.安装vue-i18n2.在main.js里面引用import VueI18n from 'vue-i18n'Vue.use(VueI18n)3.实例化i18n，并配置默认的语言模式，以及对应的文件（也是在main.js里使用）如下。cn 中文包...

2020-05-27

42浏览

0评论

使用Vue-cli 3.0搭建Vue项目的方法

1. 环境准备
1.1. 安装Node.js （建议使用LTS版本）
1.2. nrm安装及npm registry设置
// use npmnpm i nrm -g// use yarnyarn global add nrm查看可用的npm源nrm lsnrm查看npm...

2020-05-27

50浏览

0评论

jQuery动态移除与增加onclick属性的方法详解

本文实例讲述了jQuery动态移除与增加onclick属性的方法。分享给大家供大家参考，具体如下：这里给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的...

2020-05-27

48浏览

0评论

JavaScript中click和onclick本质区别与用法分析

本文实例讲述了JavaScript中click和onclick本质区别与用法。分享给大家供大家参考，具体如下：原生javascript的click在w3c里边的阐述是DOM button对象，也是html DOM click() 方...

2020-05-27

37浏览

0评论

浅谈Vue路由快照实现思路及其问题

前言：无论构建SPA还是MPA，组件的状态是无法被保存下来的，这对于开发过程中问题的重现是比较麻烦的，因为总是会失去上下文环境，导致重现过程变得繁琐。于是想到了将Vue Component...

2020-05-27

62浏览

0评论

vue项目中使用百度地图的方法

1.在百度地图申请密钥: http://lbsyun.baidu.com/ 将<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥" ></script> 中的密钥替换成...

2020-05-27

52浏览

0评论

原生实现一个react-redux的代码示例

自己动手实现一个react-redux
之前试过自己动手实现一个redux，这篇blog主要记录动手实现一个react-redux的过程。这个react-redux还有一点点小瑕疵，我以一个计数器作为例子来...

2020-05-27

47浏览

0评论

bootstrap treeview 树形菜单带复选框及级联选择功能

具体代码如下所示：<div id="searchTree"></div> <script> var treeData = [{ text: "Parent 1", nodes: [{ text: "Child 1", nodes: [{ text: "Grandchild...

2020-05-27

38浏览

0评论

vue指令只能输入正数并且只能输入一个小数点的方法

最近在做一个金额查询，验证的时候总是出现很多问题，如输入-号后，input框里是没有了，但是在model里还是绑定了，提交的时候就会报错，真的是让人很是郁闷，小数点也是input框过滤掉了，但...

2020-05-27

35浏览

0评论

用react-redux实现react组件之间数据共享的方法

上篇文章写到了redux实现组件数据共享的方法，但是在react中，redux作者提供了一个更优雅简便的模块实现react组件之间数据共享。那就是利用react-redux利用react-redux实现reac...

2020-05-27

41浏览

0评论

Node.js中你不可不精的Stream（流）

一、什么是Stream（流）流（stream）在 Node.js 中是处理流数据的抽象接口（abstract interface）。 stream 模块提供了基础的API。使用这些API可以很容易地来构建实现流接口的对象。例...

2020-05-27

45浏览

0评论

jQuery实现表单动态加减、ajax表单提交功能

对于前端开发，我的归类是分2种层次，首先第一种是基于前端架构上的开发，有一些后台开发的同事会瞧不起搞前端的，他们认为前端无非是画个页面嘛，这就有点夜郎自大了。现在我了解的...

2020-05-27

63浏览

0评论

使用JavaScript生成罗马字符的实例代码

生成罗马数字这样生成有问题，到了 12 之后就不规律了roman() { return new Array(30).fill('Ⅰ').map((lastLetter, i) => { return String.fromCharCode(lastLetter.charCo...

2020-05-27

74浏览

0评论

详解使用 Node.js 开发简单的脚手架工具

前言
像我们熟悉的 vue-cli，react-native-cli 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于...

2020-05-27

57浏览

0评论

Node.js中的child_process模块详解

前言本文主要给大家介绍了关于Node.js中child_process模块的相关内容，在介绍child_process模块之前，先来看一个例子。
const http = require('http');const longComputation =...

2020-05-27

70浏览

0评论

Vue不能观察到数组length的变化

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newL...

2020-05-27

44浏览

0评论

node中modules.exports与exports导出的区别

一：node是什么？
node只是平台，或者说是环境，其实用的还是js语法主要框架express以及koa，两个框架是同一个团队开发，node中也有类似于php的Ci框架的MVC模式 M->model数据层的增删...

2020-05-27

74浏览

0评论

解析vue路由异步组件和懒加载案例

最近研究了vue性能优化，涉及到vue异步组件和懒加载。一番研究得出如下的解决方案。原理：利用webpack对代码进行分割是懒加载的前提，懒加载就是异步调用组件，需要时候才下载。案...

2020-05-27

73浏览

0评论

详解angular脏检查原理及伪代码实现

我们经常听到angular的脏检查机制和数据的双向绑定，这两个词似乎已经是它的代名词了。那么从编程层面，这到底是什么鬼？当$scope的一个属性被改变时，界面可能会更新。那么为什么a...

2020-05-27

88浏览

0评论

JS实现区分中英文并统计字符个数的方法示例

本文实例讲述了JS实现区分中英文并统计字符个数的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatib...

2020-05-27

67浏览

0评论

jQuery基于闭包实现的显示与隐藏div功能示例

本文实例讲述了jQuery基于闭包实现的显示与隐藏div功能。分享给大家供大家参考，具体如下：<div class="binds"> <div class="phonebind"> <h3>手机绑定</h3> <p>...

2020-05-27

58浏览

0评论

让你5分钟掌握9个JavaScript小技巧

译者按：技巧虽好、重在掌握并使用起来！原文: Learn these neat JavaScript tricks in less than 5 minutes 译者: Fundebug为了保证可读性，本文采用意译而非直译。另外，本文...

2020-05-27

62浏览

0评论

浅谈JS对象添加getter与setter的5种方法

定义 getter 与 setter1.通过对象初始化器在创建对象的时候指明（也可以称为通过字面值创建对象时声明）(function () { var o = { a : 7, get b(){return this.a +1;},/...

2020-05-27

59浏览

0评论

js技巧之十几行的代码实现vue.watch代码

getter和settergetter 是一种获得属性值的方法，setter是一种设置属性值的方法。
属性被赋值 a = 1的时候, a 的原型内的setter就会被触发；
而 console.log(a) 的时候，a 的原型...

2020-05-27

79浏览

0评论

vue项目部署上线遇到的问题及解决方法

前言今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的部署上线进行整理(都是基...

2020-05-27

63浏览

0评论

深入浅析Vue中的Prop

Prop基本用法Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可Vue.component('child', { ... // 接收message props: ['message'] .....

2020-05-27

137浏览

0评论

微信小程序实现倒计时调用相机自动拍照功能

本文实例为大家分享了微信小程序定时拍照的具体代码，供大家参考，具体内容如下在某些进行签到的场景，为了防止用户选择相册的照片或者不实时拍照，设置相机倒计时自动拍照。一、首...

2020-05-27

57浏览

0评论

实例详解Node.js 函数

内容：普通函数，匿名函数，函数传递是如何让HTTP服务器工作的###普通函数例子：function say(word) { console.log(word);}function execute(someFunction, value) { someFunction(...

2020-05-27

57浏览

0评论

Vue.js 中取得后台原生HTML字符串原样显示问题的解决方法

今天使用vue调试页面，发现了页面上的一个问题，后台数据传过来的HTML字符串并没有被转换为正常的HTML代码，一拍脑门，发现忘记转换了，于是满心欢喜加上了{{{}}}。但是之后构建发现...

2020-05-27

52浏览

0评论

详解Nodejs mongoose

前言Mongoose 是在nodejs环境下，对mongodb进行便捷操作的对象模型工具。本文介绍解（翻）密（译）Mongoose插件。Schema开始我们就要讲到Schema，一个Schema对应的是mongodb的collectio...

2020-05-27

60浏览

0评论

几个你不知道的技巧助你写出更优雅的vue.js代码

1. watch 与 computed 的巧妙结合如上图，一个简单的列表页面。你可能会这么做： created(){ this.fetchData() }, watch: { keyword(){ this.fetchData() } }如果参数比...

2020-05-27

70浏览

0评论

node中间层实现文件上传功能

一般情况下，前端的文件上传一般都是通过form表单的（<input type="file" />）来完成文件的上传，如果使用node中间层完成跨域，文件的上传就需要在node中间层处理成可读流，转成formDat...

2020-05-27

54浏览

0评论

详解vue-router 初始化时做了什么

最近因为业务需要，实现了一个简单的前端 router，正好也来看一下 vue router 是怎么实现的。这次先来一起看看 vue-router 初始化时做了什么。vue router 的初始化使用步骤
我...

2020-05-27

50浏览

0评论

Node.js中的cluster模块深入解读

预备知识
在如今机器的CPU都是多核的背景下，Node的单线程设计已经没法更充分的"压榨"机器性能了。所以从v0.8开始，Node新增了一个内置模块——“cluster”，故名思议，它可以通过...

2020-05-27

44浏览

0评论

jQuery实现的页面详情展开收起功能示例

本文实例讲述了jQuery实现的页面详情展开收起功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>jQuery实现页面详情展开收起...

2020-05-27

64浏览

0评论

Vue组件全局注册实现警告框的实例详解

外部引入<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-...

2020-05-27

46浏览

0评论

vue filters的使用详解

使用 filters 实现英文字母转大写1、template :<div class="page">{{msg | upperCase}}</div>2、scriptdata () { return { msg: 'weather is ok ',...

2020-05-27

43浏览

0评论

详解.vue文件解析的实现

vue单文件vue是现今非常流行的框架之一，整体给人的感觉就是优雅，小巧，最近开始学习着使用该框架做一些项目，学习，当然是从实践开始，在浏览了一遍官方文档之后，便开始用vue-cli脚手...

2020-05-27

70浏览

0评论

Angular如何在应用初始化时运行代码详解

前言想象一下，您的应用需要一些动态配置信息，这些信息在应用启动之前需要动态获取，并在应用运行中使用。显然不能直接写道静态配置文件中，但是从客户端发出的请求又是一个异步请...

2020-05-27

51浏览

0评论

vue非父子组件通信问题及解决方法

问题描述：最近在做登录部分时遇到一个场景，当点击 “用户”按钮时，首先渲染login组件，在用户登录后直接跳转到用户信息界面（user组件）。这里遇到了需要将login组件通过异步请求获...

2020-05-27

74浏览

0评论

详解React Native 屏幕适配（炒鸡简单的方法）

前言
React Native 可以开发 ios 和 android 的 app，在开发过程中，势必会遇上屏幕适配（ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕）的问题，下面介绍一种几行代码搞定 RN...

2020-05-27

74浏览

0评论

用vue快速开发app的脚手架工具

前言多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来.使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS...

2020-05-27

72浏览

0评论

微信小程序js文件改变参数并在视图上及时更新【推荐】

用过VUE的童鞋都知道，vue在改变data里面参数可以以直接用this.XXX=XXX，并且视图层也会立即更新呈现，但是这里我想介绍一下微信小程序是怎样操作data里面参数并在视图层及时更新...

2020-05-27

78浏览

0评论

webpack项目轻松混用css module的方法

前言本文讲述css-loader开启css模块功能之后，如何与引用的npm包中样式文件不产生冲突。
比如antd-mobilenpm包的引入。在不做特殊处理的前提下，样式文件将会被转译成css modul...

2020-05-27

44浏览

0评论

js遍历添加栏目类添加css 再点击其它删除css【推荐】

具体代码如下：//js遍历添加栏目类添加css 再点击其它删除css$(".radio-group .ckselect").each(function(index) { $(this).click(function() { var tagid=$(this).attr(...

2020-05-27

101浏览

0评论

webpack 样式加载的实现原理

加载css需要用到css-loader和style-loader css-loader将@import 和 url 处理成正规的ES6 import ,如果@import指向的是一个外部资源，css-loader会跳过，而只会对内部资源做处理...

2020-05-27

79浏览

0评论

详解extract-text-webpack-plugin 的使用及安装

extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:npm install extract-t...

2020-05-27

78浏览

0评论

webpack分离css单独打包的方法

本文介绍了webpack分离css单独打包的方法，分享给大家，具体如下：CHANGELOG2018-02-08 14:46:06刚看了下，网上查了 webpack单独打包css，找到的文章，本文比较靠前，但是由于写的比较混...

2020-05-27

110浏览

0评论

详解webpack4升级指南以及从webpack3.x迁移

几天前webpack发布了新版本v4.0.0，其中做了很多改动，包括0配置以及移除了CommonsChunkPlugin等。由此而来的还有之前webpack3.x的项目如何迁移到新的webpack版本，本文就一个新...

2020-05-27

热门文章