详解javascript 变量提升(Hoisting)

简介
“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。
实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段被放入内存中...

javascript中数组的常用算法深入分析

前言Array是Javascript构成的一个重要的部分,它可以用来存储字符串、对象、函数、Number,它是非常强大的。因此深入了解Array是前端必修的功课。本文将给大家详细介绍了javasc...

详解微信小程序框架wepy踩坑记录(与vue对比)

wepy框架借鉴了vue的语法风格和功能特性,但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题,共大家参考一下。如果第一次用wepy开发,强烈建议仔细...

详解用Webpack与Babel配置ES6开发环境

安装 Webpack
安装:# 本地安装$ npm install --save-dev webpack webpack-cli# 全局安装$ npm install -g webpack webpack-cli在项目根目录下新建一个配置文件—— webpack....

如何使用pm2快速将项目部署到远程服务器

使用背景当我们需要将项目部署到远程线上服务器时;传统的方法可能就是: 将本地代码通过ssh、ftp等方式上传到服务器; 然后通过ssh登入到服务器,配置好环境; 手动启动应用。太...

Jquery的autocomplete插件用法及参数讲解

var emails = [ { name: "Peter Pan", to: "peter@pan.de" }, { name: "Molly", to: "molly@yahoo.com" }, { name: "Forneria Marconi", to: "live@japan.jp" }, { nam...

通过JS运行机制的角度说说作用域

前言任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围。JS中的作用域、闭包、this机制和原型往往是最难理解的概念之一。笔者将通过几篇文章和...

Vue项目引发的「过滤器」使用教程

前言最近在项目的开发中,出现一些格式化数据的情况,比如字母的大小写,比如一些价格的数据格式。等等一些格式的显示。 Name Price BTC...

如何为你的JS项目添加智能提示与类型检查详解

前言
最近在做项目代码重构,其中有一个要求是为代码添加智能提示和类型检查。智能提示,英文为 IntelliSense,能为开发者提供代码智能补全、悬浮提示、跳转定义等功能,帮助其正确...

使用koa2创建web项目的方法步骤

Github上有一个express风格的koa脚手架,用着挺方便,一直以来使用koa开发web项目用的也都是那个脚手架,今天想自己从头搭一个web项目,就折腾了一下脚手架地址: https://github.com...

React中this丢失的四种解决方法

发现问题我们在给一个dom元素绑定方法的时候,例如:
<input type="text" ref="myinput" accept = "image/*" onChange = {this.selectFile} />React组件中不能获取refs的值,页面...

mpvue开发音频类小程序踩坑和建议详解

这是我第一次开发小程序,开发的产品是音频类的,在大佬的建议下采用了 mpvue ,一周时间把功能都做出来,由于不太熟悉mpvue和微信小程序,足足用了一周时间来改bug才出来一个能用的...

vue基础之模板和过滤器用法实例分析

本文实例讲述了vue基础之模板和过滤器用法。分享给大家供大家参考,具体如下:一、模板{{msg}} 数据更新模板变化
{{*msg}} 数据只绑定一次
{{{msg}}} HTML转意输出<!DOCTYPE ht...

深入理解Node内建模块和对象

在 node 核心中有些内建模块,使用这些模块可以操作系统,文件和网络。打开 nodejs.org 官网可以看到文档中对应版本的 API ,推荐使用稳定版。当然也不全是模块,比如 console 、 b...

vue基础之使用get、post、jsonp实现交互功能示例

本文实例讲述了vue基础之使用get、post、jsonp实现交互功能。分享给大家供大家参考,具体如下:一、如果vue想做交互,引入: vue-resouce二、get方式1、get获取一个普通文本数据:<...

vue实现百度下拉列表交互操作示例

本文实例讲述了vue实现百度下拉列表交互操作。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue百...

详解NodeJS Https HSM双向认证实现

工作中需要建立一套HSM的HTTPS双向认证通道,即通过硬件加密机(Ukey)进行本地加密运算的HTTPS双向认证,和银行的UKEY认证类似。NodeJS可以利用openSSL的HSM plugin方式实现,但是需...

详解nodejs 开发企业微信第三方应用入门教程

最近公司要开发企业微信端的 Worktile,以前做的是企业微信内部应用,所以只适用于私有部署客户,而对于公有云客户就无法使用,所有就准备开发企业微信的第三方应用,本文主要介绍在...

微信小程序picker组件关于objectArray数据类型的绑定方法

一、前言:我发现很多的同学都在抱怨说微信小程序的picker的mode = selector/mode = multiSelector 无法实现Object Array数据类型的绑定,其实很多人就想要和html中的下拉选中...

vue生命周期与钩子函数简单示例

本文实例讲述了vue生命周期与钩子函数。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue生命周期...

vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例

本文实例讲述了vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法。分享给大家供大家参考,具体如下:一、v-text和v-html<span>{{msg}}</span> --> v-text
{{{msg}}}...

vue计算属性computed的使用方法示例

本文实例讲述了vue计算属性computed的使用方法。分享给大家供大家参考,具体如下:computed:{ b:function(){ //默认调用get return 值 }}computed:{ b:{ g...

详解如何使用微信小程序云函数发送短信验证码

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制。本文使用的是榛子云短信平台(http://smsow.zhenzikj.com...

深入Node TCP模块的理解

1. TCP
在Node.js中,提供了net模块用来实现TCP服务器和客户端的通信。1.1 TCP服务器
net.createServer([options][, connectionListener]) options.allowHalfOpen 是否允许...

使用jquery的cookie实现登录页记住用户名和密码的方法

对于初学者来说,登录页记住用户名和密码的功能是经常会遇到的(通常会用javaee的api去实现),今天为大家介绍在前端页面直接用jquery实现该功能(比传统的方法简单多了),长话短说直接...

react项目如何使用iconfont的方法步骤

项目中通常会使用iconfont作为图标显示的解决方案,这里介绍下如何在项目中配置。准备工作首先配置好项目,关键需要注意FontClass/Symbol 前缀和Font Family两个配置。当我们配...

你可能不知道的CORS跨域资源共享

什么是CORS?
默认情况下,为预防某些而已行为,浏览器的XHR对象只能访问来源于同一个域中的资源。但是我们在日常实际开发中,常常会遇到跨域请求的需求,因此就出现了一种跨域请求的...

使用Node.js实现一个多人游戏服务器引擎

摘要
听说过文字冒险游戏吗? 如果你的年龄足够大的话(就像我一样),那么你可能听说过、甚至玩过“back in the day”。在本文中,我将向你展示编写的整个过程。这不仅仅是一个文本...

react同构实践之实现自己的同构模板

一开始想学学服务端渲染,脑海中第一个浮现出来的就是next.js这种成熟的方案。看了一两天,有趣,优雅,但是封装好了,原理不甚清楚,也感觉无法灵活嵌合到老项目上去。于是看各种资料,...

详解使用Nuxt.js快速搭建服务端渲染(SSR)应用

安装 nuxt.jsNuxt.js 官方提功了两种方法来进行项目的初始化,一种是使用Nuxt.js团队的脚手架工具 create-nuxt-app ,一种是根据自己的需求自由配置
使用脚手架适合新手,对 nod...

详解jQuery-each()方法

jquery中有隐式迭代,不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作,需要进行each遍历。本文利用10个li设置不同的透明度的案例,对each方法进行说明。...

详解js动态获取浏览器或页面等容器的宽高

首先说一下js动态获取浏览器或页面等容器的宽高的方法大体有哪些:网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽:...

JavaScript碎片—函数闭包(模拟面向对象)

经过这几天的博客浏览,让我见识大涨,其中有一篇让我感触犹深,JavaScript语言本身是没有面向对象的,但是那些大神们却深深的模拟出来了面向对象,让我震撼不已。本篇博客就是在此基...

详解使用React制作一个模态框

模态框是一个常见的组件,下面让我们使用 React 实现一个现代化的模态框吧。
组件设计
模态框想必大家都很熟悉,是工作中常用的组件,可以让我们填写或展示一些信息而不必打开一...

详解关于JSON.parse()和JSON.stringify()的性能小测试

JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了,就是利用 JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象。至于这行代码...

Vue渲染过程浅析

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板,不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤 把模板编译为render函数 实例...

Node.js + express基本用法教程

本文实例讲述了Node.js + express基本用法。分享给大家供大家参考,具体如下:这里来讲下 express 框架的使用,编译的环境是 VS Code ,这里我已经配饰了阿里的镜像,所有 npm 指令用...

React+Antd+Redux实现待办事件的方法

之前也是写过一篇关于Redux的文章,来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的,React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的...

Node.js + express实现上传大文件的方法分析【图片、文本文件】

本文实例讲述了Node.js + express实现上传大文件的方法。分享给大家供大家参考,具体如下:对于大文件的上传我们首先要引入一个叫做 multer 的库:npm install --save multer关于...

详解React项目中碰到的IE问题

最近接手一个React项目,在IE下碰到了俩问题IE11报错如下:
跟踪一下之后,发现是一些其他的npm包里面用到了startsWith这个方法,可以自己polyfill一下:if (!String.prototype.start...

详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现

一、实践踩坑项目使用mpvue开发1. scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true"2. 在scroll-view里面添加定宽元素,超过scroll-view宽度(设...

浅谈KOA2 Restful方式路由初探

前言
最近考虑将服务器资源整合一下,作为多端调用的API
看到Restful标准和ORM眼前一亮,但是找了不少版本路由写的都比较麻烦,于是自己折腾了半天API库结构
考虑到全部对象置于...

详解用vue2.x版本+adminLTE开源框架搭建后台应用模版

1、创建工程npm install --global vue-cli 安装脚手架vue init webpack vue-adminlte 初始化webpack 项目cd vue-adminlte 切换项目文件夹下npm install 安装依赖库npm run...

vue使用el-upload上传文件及Feign服务间传递文件的方法

一、前端代码
<el-upload class="step_content" drag action="string" ref="upload" :multiple="false" :http-request="createAppVersion...

使用webpack搭建vue项目实现脚手架功能

本文基于node.js开发环境,安装完node之后新建项目,通过webpack配置,实现vue-cli脚手架功能对于刚刚接触编程的人来说,最难的可能并不是学习一种新语法或者框架,而是编程思维,这种...

小程序自定义单页面、全局导航栏的实现代码

需求产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的。需求分析并制定方案这产品和UI都提需求了,咱也不能反驳哈,所以开...

详解vue移动端项目代码拆分记录

撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每个平台的支付方式也会...

vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】

本文实例讲述了vue v-for循环重复数据无法添加问题解决方法。分享给大家供大家参考,具体如下:问题:错误提示如下:解决问题的代码示例:<!DOCTYPE html><html lang="en"><head> <m...

vue过滤器用法实例分析

本文实例讲述了vue过滤器用法。分享给大家供大家参考,具体如下:过滤器:vue提供过滤器:capitalize uppercase currency....<div id="box"> {{msg|currency ¥}} </div>deboun...

element-ui组件table实现自定义筛选功能的示例代码

element-ui默认的table组件支持的表头筛选(过滤)是比较简单的,只支持数组的方式,单选或多选的形式,但有时候我们喜欢支持输入框形式(其实感觉有点扯淡,一般列表页上面都有搜索条件)...

返回顶部
顶部