JavaScript - 教程之家

70浏览

0评论

详解使用webpack+electron+reactJs开发windows桌面应用

electron是一两年前挺火的一个框架本质上是一个浏览器，但是集成了很多windows系统的功能，让前端开发也可以直接操作windows的窗体，做成一个实打实的桌面软件（当然听说mac上也可...

2020-05-27

86浏览

0评论

Electron 如何调用本地模块的方法

Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的 API（如打开文件窗口、通知、图标等，基于 Electron 的开发，就好像开发一个网页一样，而且能够无缝地使用 Node...

2020-05-27

50浏览

0评论

JavaScript动态创建二维数组的方法示例

本文实例讲述了JavaScript动态创建二维数组的方法。分享给大家供大家参考，具体如下：学过C语言的我太耿直一般这种情况下我会直接var arr = new Array[10][10];但是不出意外的...

2020-05-27

77浏览

0评论

JS实现的Object数组去重功能示例【数组成员为Object对象】

本文实例讲述了JS实现的Object数组去重功能。分享给大家供大家参考，具体如下：目标：实现成员为 Object 的数组的去重。注意，这里的数组成员为 Object，而不是数值或者字符串。调用...

2020-05-27

64浏览

0评论

JS实现数组去重及数组内对象去重功能示例

本文实例讲述了JS实现数组去重及数组内对象去重功能。分享给大家供大家参考，具体如下：大家在写项目的时候一定遇到过这种逻辑需求，就是给一个数组进行去重处理，还有一种就是给数...

2020-05-27

60浏览

0评论

用Cordova打包Vue项目的方法步骤

现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
现在的打包Vue项目目前流行的就是使用weex和cordova。weex是...

2020-05-27

67浏览

0评论

通过cordova将vue项目打包为webapp的方法

准备工作：需要之前配置好vue-cli脚架构，安装好cordova环境。下面开始对vue.js项目进行打包，打包环境为Android。可以看下我的github：https://github.com/padipata ，里面有我自己...

2020-05-27

54浏览

0评论

详解Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider）

1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个list，项目名称自己更改。（或者直接新建一个ap...

2020-05-27

68浏览

0评论

JS使用对象的defineProperty进行变量监控操作示例

本文实例讲述了JS使用对象的defineProperty进行变量监控操作。分享给大家供大家参考，具体如下：以前觉得检测变量angular的$watch还挺好用的，但是一旦离开angular就无法下手了，今...

2020-05-27

62浏览

0评论

JS使用canvas中的measureText方法测量字体宽度示例

本文实例讲述了JS使用canvas中的measureText方法测量字体宽度。分享给大家供大家参考，具体如下：工作项目中用到的东西，要限制一个容器的宽度，超过了这个宽度就要显示展开按钮，点...

2020-05-27

78浏览

0评论

基于Koa(nodejs框架)对json文件进行增删改查的示例代码

想使用nodejs（koa）搭建一个完整的前后端，完成数据的增删改查，又不想使用数据库，那使用json文件吧。
本文介绍了基于koa的json文件的增、删、改、查。代码准备const Koa = require...

2020-05-27

61浏览

0评论

JS基于ES6新特性async await进行异步处理操作示例

本文实例讲述了JS基于ES6新特性async await进行异步处理操作。分享给大家供大家参考，具体如下：我们往往在项目中会遇到这样的业务需求，就是首先先进行一个ajax请求，然后再进行下...

2020-05-27

62浏览

0评论

Vue+Element UI+Lumen实现通用表格分页功能

前言
最近在做一个前后端分离的项目，前端使用 Vue+ Element UI，而后端则使用 Lumen 做接口开发，其中分页是必不可少的一部分，本文就介绍如何基于以上环境做一个简单、可复用的分...

2020-05-27

44浏览

0评论

JS对象和字符串之间互换操作实例分析

本文实例讲述了JS对象和字符串之间互换操作。分享给大家供大家参考，具体如下：平时在工作中大家一定也有过这样的需求，就是有时候需要把一个json对象转换为字符串，有时候要把一个...

2020-05-27

69浏览

0评论

javascript中floor使用方法总结

floor()方法的基本语法：Math.floor( x ) ;x表示数字，返回小于或等于数字x的最大整数。我们下面来看具体的示例代码如下<!DOCTYPE html><html> <head> <title></title> </head...

2020-05-27

104浏览

0评论

vue实现的树形结构加多选框示例

本文实例讲述了vue实现的树形结构加多选框。分享给大家供大家参考，具体如下：前面说了如何用递归组件来写vue树形结构，写了树形结构还要在前面加多选框，然后往数组里push选项，并在...

2020-05-27

53浏览

0评论

Nodejs实现的操作MongoDB数据库功能完整示例

本文实例讲述了Nodejs实现的操作MongoDB数据库功能。分享给大家供大家参考，具体如下：mongodb_demo.js/**cnpm install mongodb */var MongoClient = require('mongodb').Mongo...

2020-05-27

50浏览

0评论

AngularJS实现的自定义过滤器简单示例

本文实例讲述了AngularJS实现的自定义过滤器。分享给大家供大家参考，具体如下：1.自定义限制字数的过滤器啥也不说了直接上代码吧angular.module('demo').filter('cut', functi...

2020-05-27

61浏览

0评论

PHP实现基于Redis的MessageQueue队列封装操作示例

本文实例讲述了PHP实现基于Redis的MessageQueue队列封装操作。分享给大家供大家参考，具体如下：Redis的链表List可以用来做链表，高并发的特性非常适合做分布式的并行消息传递。...

2020-05-27

65浏览

0评论

小程序页面动态配置实现方法

小程序可以根据管理后台配置动态更新展示内容，如实现下面新鲜事栏目图片的来源的可配置，点击跳转url的可配置。实现方案1后端创建一个map结构的数据表，表结构如下：2 管理后台根...

2020-05-27

60浏览

0评论

利用Dectorator分模块存储Vuex状态的实现

1、引言
在H5的Vue项目中，最为常见的当为单页应用(SPA)，利用Vue-Router控制组件的挂载与复用，这时使用Vuex可以方便的维护数据状态而不必关心组件间的数据通信。但在Weex中，不同...

2020-05-27

48浏览

0评论

基于Webpack4和React hooks搭建项目的方法

面对日新月异的前端，我表示快学不动了:joy:。 Webpack 老早就已经更新到了 V4.x，前段时间 React 又推出了 hooks API。刚好春节在家里休假，时间比较空闲，还是赶紧把 React 技术...

2020-05-27

53浏览

0评论

详解webpack编译速度提升之DllPlugin

一、前言The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.DllPlugin 结合 DllRefre...

2020-05-27

63浏览

0评论

深入理解nodejs搭建静态服务器(实现命令行)

静态服务器
使用node搭建一个可在任何目录下通过命令启动的一个简单http静态服务器完整代码链接
安装：npm install yg-server -g
启动：yg-server可通过以上命令安装，启动，来看一...

2020-05-27

46浏览

0评论

Vue从TodoList中学父子组件通信

简单的 TodoList
实现一个简单的 todolist，当我输入内容后，点击提交自动添加在下面，如下图所示：用代码实现这个效果：<div id="app"> <input type="text" v-model="inputVal"> <...

2020-05-27

40浏览

0评论

ES6 对象的新功能与解构赋值介绍

ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用，并通过解构简化对象的数据提取过程。
一、字面量语法扩展
在 ES6 模式下使用字面量创建对象更加简洁，...

2020-05-27

50浏览

0评论

JS散列表碰撞处理、开链法、HashTable散列示例

本文实例讲述了JS散列表碰撞处理、开链法、HashTable散列。分享给大家供大家参考，具体如下：/** * 散列表碰撞处理、开链法、HashTable散列。 * 将数组里的元素位置，也设置为数...

2020-05-27

52浏览

0评论

vue多次循环操作示例

本文实例讲述了vue多次循环操作。分享给大家供大家参考，具体如下：需求：有以下一个数组，想将其对象里的信息展示出来，而且还要把对象下面的数组的具体信息也展示出来。v-for可以实...

2020-05-27

56浏览

0评论

vue计算属性get和set用法示例

本文实例讲述了vue计算属性get和set用法。分享给大家供大家参考，具体如下：计算属性是什么：vue文档里是这么说的，模板中绑定太多的逻辑会让模板过重且难以维护。换句话说，就是可以...

2020-05-27

58浏览

0评论

vue基于两个计算属性实现选中和全选功能示例

本文实例讲述了vue基于两个计算属性实现选中和全选功能。分享给大家供大家参考，具体如下：还是选中和全选功能，用两个计算属性来实现，别人的代码，思维确实不一样。学习了<!DOCTYPE...

2020-05-27

45浏览

0评论

Vue指令指令大全

1. v-textv-text主要用来更新textContent，可以等同于JS的text属性。
<span v-text="msg"></span>这两者等价：
<span>{{msg}}</span>2. v-html
双大括号的方式会将数据解释为纯...

2020-05-27

47浏览

0评论

Vue自定义指令写法与个人理解

什么是Vue指令?
指令是一种可以附加到DOM元素的微命令(tiny commands). 它们通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记, 从而确保语法的一致性. 如果你...

2020-05-27

44浏览

0评论

Vue组件的使用及个人理解与介绍

组件的基本使用
注册组件
注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。 Vue.component('mycomponent',{ template: `<div>这...

2020-05-27

50浏览

0评论

JavaScript ES6常用基础知识总结

ES6 let与const及其相关
块级作用域
ES6新增了块级作用域，总结一句话大致就是：大括号{}包起来的代码块基本山都可以当做块级作用域。常见的有直接使用{}包起来：
{ var a = 4 }...

2020-05-27

39浏览

0评论

Vue动画事件详解及过渡动画实例

为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>transition 特性可以与下面资源一起用：v-if
v-show
v-for （只在...

2020-05-27

53浏览

0评论

js屏蔽退格键(backspace或者叫后退键与F5)

没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。我们在真实的项目开发中经常会...

2020-05-27

50浏览

0评论

Vue表情输入组件微信face表情组件

VUE表情包输入组件，先来张成品图看看。年底了没事干，把以前做过的项目中的组件拿出来再复习一下，先说说思路吧。注意：1. 项目是用vue-cli3.0搭建起来的项目，参考cli3.0官网地址...

2020-05-27

62浏览

0评论

vue自定义指令实现方法详解

本文实例讲述了vue自定义指令实现方法。分享给大家供大家参考，具体如下：vue中的指令就是v-on v-bind v-show等等，那么自定义指令是什么呢？自己定义的指令就是自定义指令。语法：Vu...

2020-05-27

49浏览

0评论

mpvue+vant app搭建微信小程序的方法步骤

mpvue使用
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd...

2020-05-27

51浏览

0评论

react中使用css的7中方式(最全总结)

第一种: 在组件中直接使用style
不需要组件从外部引入css文件，直接在组件中书写。import React, { Component } from "react";const div1 = { width: "300px", margin: "30px...

2020-05-27

39浏览

0评论

react配置antd按需加载的使用

我目前使用的antd版本是2.13。现在最新的是3.0.1。
脚手架工具就是create-react-app。创建完成项目后，需添加配置，执行yarn eject 也就是打开配置的文档。
然后安装第三方依...

2020-05-27

32浏览

0评论

Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结

本文实例讲述了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式。分享给大家供大家参考，具体如下：定义数据：<script> new Vue({ el:"#test", data:{ mess...

2020-05-27

55浏览

0评论

vue实现动态显示与隐藏底部导航的方法分析

本文实例讲述了vue实现动态显示与隐藏底部导航的方法。分享给大家供大家参考，具体如下：在日常项目中，总有几个页面是要用到底部导航的，总有那么些个页面，是不需要底部导航的，这里...

2020-05-27

41浏览

0评论

vue2.0实现的tab标签切换效果（内容可自定义）示例

本文实例讲述了vue2.0实现的tab标签切换效果。分享给大家供大家参考，具体如下：这里利用vue2.0 实现tab标签切换效果比较实用初学vue，练习写了一个demo 网上有很多同样的例子，但...

2020-05-27

53浏览

0评论

如何用JavaScript实现功能齐全的单链表详解

前言
前端也要搞好数据结构哦！用JavaScript实现了个单链表，通过LinkedList构造函数可实例化一个单链表数据结构的对象，所有的方法放到LinkedList构造函数的原型对象上，写了暂时...

2020-05-27

59浏览

0评论

详解mpvue中小程序自定义导航组件开发指南

这篇笔记主要记录一下基于mpvue的小程序中实现自定义导航的思路及应用。分享出来抛砖引玉，如有谬误或优化空间，欢迎交流。小程序的配置项navigationStyle设置为custom之后，导航...

2020-05-27

55浏览

0评论

ES6 迭代器与可迭代对象的实现

ES6 新的数组方法、集合、for-of 循环、展开运算符（...）甚至异步编程都依赖于迭代器（Iterator ）实现。本文会详解 ES6 的迭代器与生成器，并进一步挖掘可迭代对象的内部原理与使用...

2020-05-27

90浏览

0评论

JavaScript 九种跨域方式实现原理

前言前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最...

2020-05-27

47浏览

0评论

总结4个方面优化Vue项目

运行时优化1、使用v-if代替v-show两者的区别是：v-if不渲染DOM，v-show会预渲染DOM除以下情况使用v-show，其他情况尽量使用v-if有预渲染需求需要频繁切换显示状态2、v-for必须加...

2020-05-27

55浏览

0评论

ES6 更易于继承的类语法的使用

和其它面向对象编程语言一样，ES6 正式定义了 class 类以及 extend 继承语法糖，并且支持静态、派生、抽象、迭代、单例等，而且根据 ES6 的新特性衍生出很多有趣的用法。
一、类...

2020-05-27

热门文章