开发微信小程序,我为什么只使用 upData

鉴于在下使用微信小程序开发时使用 setData 的蹩脚体验,开发了个库函数 wx-updata,项目上线之后,我把这个自用的库函数整理放到 Github 上开源出来 wx-updata,这个库函数在开发...

node和laravel项目中预渲染vue.js应用程序

服务器端渲染现在非常流行。但它也并非没有缺点。预渲染是一种替代方法,在某些情况下甚至可能更好。下面我们来看一下如何预渲染vue.js应用程序。在本文中,我们将探讨预渲染如...

使用Node.js “debug”模块避免日志污染应用程序日志

你是否有过这样的经历,当把 logging 添加到自定义 Node 模块中,并认为自己将会从这些额外信息中受益,却发现当你将模块添加为依赖项并运行 npm install 和 npm start 时,你的程...

浅谈Node.js中require()的工作原理

大多数人都知道Node.js中require()函数做什么的,但是有多少人知道它的工作原理呢?我们每天使用它加载库包和模块,但是它的内部行为原理很神秘。我们追寻Node模块系统的核心: mo...

10+个顶级Vue.js工具和库(分享)

Vue持续流行,并被许多开发人员迅速采用,并且Vue.js工具随处可见。这并非没有道理:Vue的学习曲线浅,功能驱动的结构清晰明了,并且出色的文档资料使新手可以轻松上手,而经验丰富的开...

Vue中Computed属性、Methods和Watch之间的差异

对于那些刚开始学习Vue的人来说,方法,计算属性和观察者之间的差异让人有些困惑。尽管经常可以使用它们中的每一个来完成或多或少相同的事情,但是知道它们在哪些方面优于其他的...

18行JavaScript代码构建一个倒数计时器

有时候,你会需要构建一个JavaScript倒计时时钟。你可能会有一个活动、一个销售、一个促销或一个游戏。你可以用原生的JavaScript构建一个时钟,而不是去找一个插件。尽管有很多...

React 复用组件逻辑的几种方法

基本每个开发者都需要考虑逻辑复用的问题,否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢?本文将一一介绍 React 复用组件逻辑的几种方法,希望你读...

深入浅析JavaScript中的执行上下文

只有理解了执行上下文,才能更好地理解 JavaScript 语言本身,比如变量提升,作用域,闭包等执行上下文执行上下文是当前代码的执行环境。执行上下文主要是三种类型: 全局执行上下文:...

详解JavaScript中的作用域

什么是作用域作用域是根据名称查找变量的一套规则。理解作用域先来理解一些基础概念: 引擎:从头到尾负责整个JavaScript程序的编译及执行过程。 编译器:负责语法分析和代码生成...

JS错误处理方法:从简单的同步代码到高级异步原语

编程中有什么错误?在我们的程序中,事情并非一帆风顺。特别是在某些情况下,我们可能希望在停止程序或在发生不良状况时通知用户。
例如: 程序试图打开一个不存在的文件。 网络连...

详解Javascript中document.execCommand()的用法

document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数])
其中:sCommand为指令参数(如下例中的”2D-Position&...

Javascript 实现复制(Copy)动作大全

一、实现点击按钮,复制文本框中的的内容<script type="text/javascript">function copyUrl2(){ var Url2=document.getElementById("biao1"); Url2.select(); // 选择...

什么是uni-app

uni-app 介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达...

关于vue使用验证器: VeeValidate3

前言我用的是vee-validate版本为3.3.7安装教程cnpm install vee-validate --save新建文件vee-validate.jsimport { extend, ValidationObserver, ValidationProvider, local...

Vue.js中使用插槽将数据从父组件传递到子组件

这篇文章适合所有阶段的开发人员(包括初学者)。在你开始之前您的计算机上将需要以下内容: 已安装Node.js版本10.x及更高版本。 您可以通过在终端/命令提示符中运行以下命令来...

通过Node+Redi实现API速率限制

速率限制可以保护和提高基于API的服务的可用性。如果你正在与一个API对话,并收到HTTP 429 Too Many Requests的响应状态码,说明你已经被速率限制了。这意味着你超出了给定时间...

Vue.js中定义组件模板的几种方法介绍

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解...

vue项目中关闭Eslint校验的方法介绍

在使用vue-cli创建vue项目的时候,有一个选项是问你是否使用Eslint来规范你的代码,我选择了是。项目创建成功后,跑起来没问题。自己再修改了一点点组件,再次跑,一路报错.............

Vue中computed和method之间有什么不同点

本篇文章给大家介绍一下Vue中computed与method的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1.computed区别于method的两个核心在官方文档中,强调...

OpenLayers3实现测量功能

本文实例为大家分享了OpenLayers3实现测量功能的具体代码,供大家参考,具体内容如下1. 前言测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。Open...

基于JS实现操作成功之后自动跳转页面

如图所示样子:制作一个跳转提示页面:
要求:
1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如百度主页。
2. 如果点击“返回”按钮则返回前一个...

Openlayers测量距离与面积的实现方法

本文实例为大家分享了Openlayers测量距离与面积的具体代码,供大家参考,具体内容如下1、地图测量功能一般的地图的测量功能主要表现在两个方面,一是测量距离,一是测量面积;面积的...

JQuery Ajax如何实现注册检测用户名

Ajax(无需等待直接向服务器发起请求)(Asynchronous Javascript And Xml) :异步的Google创新的一种js技术方法一:比较原始没有封装的方法://核对用户名是否可用 var xmlhttp =...

openlayers4.6.5实现距离量测和面积量测

本文实例为大家分享了openlayers4.6.5实现距离量测和面积量测的具体代码,供大家参考,具体内容如下版本: openlayers4.6.5小插曲:原本使用ol官方提供的 量测例子,就挺不错的。但是...

Openlayers实现测量功能

本文实例为大家分享了Openlayers实现测量的具体代码,供大家参考,具体内容如下由于公司项目需要使用到openlayers,就开始学习了openlayers,其中有一个需求需要用到测量功能,就参考...

详解微信小程序动画Animation执行过程

前言因官方文档描述不清晰,本文主要介绍微信小程序动画 实现过程 / 实现方式。实现过程推荐你对照 官方文档 来看本文章,这样更有利于理解。简单来说,整个动画实现过程就三步: ...

原生js实现购物车功能

本文实例为大家分享了js实现购物车功能的具体代码,供大家参考,具体内容如下使用html配合原生js实现购物车功能* 实现购物车商品数量的加减,注意数量最少为1,数量输入仅能为数字...

angular与vue根本区别是什么?

angular与vue根本区别在于,vue仅仅是mvvm中的view层,只是一个如jquery般的工具库,不能算是一个完整的框架,而angular是mvvm框架。

其他区别:

1、vue的双向邦定是基于ES5 的 get...

解决vue项目运行提示Warnings while compiling.警告的问题

是因为创建项目的时候设置了eslint所以才会有下面的警告,Use ESLint to lint your code? (Y/n) 这一步选no如果不想有规范的js代码,可以关掉eslint。解决办法:1、找到build下面...

vue-cli3 热更新配置操作

问题:在使用vue-cli3搭建项目之后,发现修改.vue文件里面的内容之后,页面不会自动刷新。解决方案:只需要在vue.config.js文件中配置一下就可以实现热更新了,如下:chainWebpack: con...

JavaScript常见的手写功能

1. 防抖function debounce(func, ms = 500) { let timer; return function (...args) { if (timer) { clearTimeout(timer); } timer = setTimeout(() => {...

详解Medusa 微信小程序工程化实践方案

前言4月份的时候我曾发布过《微信小程序工程化探索之webpack实战》一文,当时是我探索微信小程序工程化的第一阶段。起初我只是为了验证微信小程序与 webpack 是否能够相结合(...

vue项目中播放rtmp视频文件流的方法

想要播放rtmp视频文件流用H5的video标签是不可行的,所以这里我引用了一款插件 vue-video-player ,当然想要流畅的运用 vue-video-player 播放视频还必须安装辅助插件 videojs-...

逐行分析鸿蒙系统的 JavaScript 框架

我在前文中曾经介绍过鸿蒙的 Javascript 框架,这几天终于把 JS 仓库编译通过了,期间踩了不少坑,也给鸿蒙贡献了几个 PR。今天我们就来逐行分析鸿蒙系统中的 JS 框架。文中的所...

vue项目实现多语言切换的思路

这篇文章主要介绍了vue项目实现多语言切换的思路,帮助大家完成多语言翻译,感兴趣的朋友可以了解下...

浅谈鸿蒙 JavaScript GUI 技术栈

众所周知,刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发的框架语言。作为科普,这篇文章不会拿着放大镜找出代码中的槽点来吹毛求疵,而是希望通俗地讲清楚它所支持的 GUI 到底是怎么一回事。...

JavaScript中如何调用Java方法

在JavaScript中想要调用Java的方法,我通过JavaScript访问servlet,再通过servlet调用Java某个类的方法。HTML代码<table id="cartTable"> <thead> <tr> <th class="pr...

了解JavaScript中Object.freeze()与const之间的区别

自发布以来,ES6为JavaScript带来了一些新功能和方法。这些功能可以更好地改善我们作为JavaScript开发人员的工作流程和生产力。这些新功能包括 Object.freeze() 方法和 const...

Angular中使用ngrx/store进行状态管理

简介ngrx/store的灵感来源于Redux,是一款集成RxJS的Angular状态管理库,由Angular的布道者Rob Wormald开发。它和Redux的核心思想相同,但使用RxJS实现观察者模式。它遵循Redux核...

谈谈Angular模块的使用以及懒加载

一、Angular 内置模块二、Angular 自定义模块当我们项目比较小的时候可以不用自定义模块。但是当我们项目非常庞大的时候把所有的组 件都挂载到根模块里面不是特别合适。所...

详解Nodejs Express.js项目架构

引言在 node.js 领域中,Express.js 是一个为人所熟知的 REST APIs 开发框架。虽然它非常的出色,但是该如何组织的项目代码,却没人告诉你。通常这没什么,不过对于开发者而言这又...

使用Node.js+Chrome+Puppeteer实现网站的爬取

我们将学到什么?在本教程中,您将学习如何使用 JavaScript 自动化和清理 web 。要做到这一点,我们将使用 Puppeteer 。Puppeteer是一个允许我们控制无头Chrome 的 Node 库 API。...

谈谈初学Bootstrap需掌握的知识点

BootstrapBootstrap中文网:http://www.bootcss.com/1.什么是 Bootstrap ?官方介绍:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。2.Bootstrap 下载Bootstrap3下载地...

最完整指南 JavaScript 的错误处理

什么是编程中的错误我们的开发过程中并不总是一帆风顺。特别是在某些情况下,我们可能希望停止程序或在发生不良情况时通知用户。例如: 程序试图打开一个不存在的文件、 网络连...

vue使用echarts实现水平柱形图实例

文件结构:testData.js文件const dtuEdition = { name: &#39;有方有线&#39;, number: 60, proportion: 40, edition: { &#39;有方有线V1.0.0&#39;: 20, &#39;有方有线V1.2.0&#...

nodejs版的orm库--sequelize

sequelize是nodejs版的orm库,用过laravelORM的能很快能上手具体文档 官网 github简单代码democonst { Sequelize, DataTypes, Model, QueryTypes, Op } = require("sequelize...

Mac和Windows下如何使用nvm安装和管理多个版本的node.js?

写在前面的话目前安装 Node.js 的方式主要有以下两种。1. 从官网获取最新版本安装 Node.js 的最简单方法,就是从 官网 获取最新版本的安装文件。值得注意的是: 这种方式安装...

如何安装和使用Angular CLI?(图文详解)

简介:关于"Angular"版本,"Angular"官方已经统一命名Angular 1.x同一为Angular JS,Angular 2.x及以上统称"Angular"。"CLI"是"Command Line Interface"的简写,是一种命令行接口,实...

详解JavaScript获取元素的尺寸

HTML尺寸所谓元素的HTML尺寸,就是指在HTML标签中设置的尺寸样式。例如:<p class="box" style="width: 200px; height: 200px;"></p>复制代码页面效果如下图所示: 这种尺寸可以...

返回顶部
顶部