JavaScript - 教程之家

118浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

176浏览

0评论

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

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

2020-05-27

83浏览

0评论

详解jQuery-each()方法

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

67浏览

0评论

JavaScript碎片—函数闭包（模拟面向对象）

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

2020-05-27

132浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

86浏览

0评论

Vue渲染过程浅析

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

2020-05-27

84浏览

0评论

Node.js + express基本用法教程

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

72浏览

0评论

浅谈KOA2 Restful方式路由初探

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

38浏览

0评论

vue过滤器用法实例分析

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

73浏览

0评论

使用element-ui table expand展开行实现手风琴效果

问题讲解：在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，...

2020-05-27

79浏览

0评论

一些你可能不熟悉的JS知识点总结

暂时性死区只要块级作用域存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。这么说可能有些抽象，举个例子：var temp = 123;if(true) { console.log(temp); let...

2020-05-27

66浏览

0评论

vue+php实现的微博留言功能示例

本文实例讲述了vue+php实现的微博留言功能。分享给大家供大家参考，具体如下：html部分：<!doctype html><html><head><meta charset="utf-8"><title>微博留言</title><link href=...

2020-05-27

89浏览

0评论

基于vue通用表单解决方案的思考与分析

前言“那要怎么改？”，“那得改到什么时候？”，“什么时候才能支持这些功能？”。再一次听到了这样的话，我沉默了。到底要怎样改，这也是我所思考的，最近一直忙于其他，已经有一段时间没有...

2020-05-27

55浏览

0评论

简单易扩展可控性强的Jquery转盘抽奖程序

基于Jquery的Javascript转盘抽奖程序，可以自定义抽奖界面，奖品数量、图片等，可控制中奖的奖品，抽奖转盘转动的速度和圈数。在实际使用中，应当把概率放到后台程序中运算，以保证安全...

2020-05-27

58浏览

0评论

vue自定义指令用法经典实例小结

本文实例总结了vue自定义指令用法。分享给大家供大家参考，具体如下：自定义指令:一、属性:Vue.directive(指令名称,function(参数){ this.el -> 原生DOM元素});<div v-red="...

2020-05-27

62浏览

0评论

vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】

本文实例讲述了vue自定义键盘信息、监听数据变化的方法。分享给大家供大家参考，具体如下：@keydown.up
@keydown.enter
@keydown.a/b/c....自定义键盘信息:Vue.directive('on')...

2020-05-27

82浏览

0评论

Javascript读写cookie的实例源码

今天把javascript如何用来创建及存储cookie复习了一下，其中的一点体会拿出来和大家讨论，首先看一下基础知识：什么是cookiecookie 是存储于访问者的计算机中的变量。每当同一台...

2020-05-27

55浏览

0评论

微信小程序登录session的使用

获取微信小程序登录的session，整个过程如下：第一步：小程序取得要往服务端传的 js_codeApp({ onLaunch: function() { wx.login({ success: function(res) { if (res.code...

2020-05-27

49浏览

0评论

通过JavaScript下载文件到本地的方法（单文件）

最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。
1. 单文件下载(a标签)
同源单文件
针对单文件的情况下，同源的文件，可以通过 < a> 标签的 download 属...

2020-05-27

56浏览

0评论

JavaScript中this用法学习笔记

JavaScript这门语言中，最令人迷惑的地方有三个，闭包、this、原型。针对大多数人，可以利用词法作用域等避开this的坑，但是我们不能一直生活在舒适区，要敢于打破砂锅问到底，对我们来...

2020-05-27

72浏览

0评论

nodejs微信开发之授权登录+获取用户信息

上一篇：获取access_token+自定义菜单
这部分代码是之前就已经完成了，但是考虑篇幅的问题就和上篇分开了，这部分相较前面的方式较为复杂一点，但是也是很容易理解的。
这里简单介...

2020-05-27

63浏览

0评论

nodejs微信开发之接入指南

最近又拾起了微信开发，之前的公众号是用的flask进行开发的，所以最近想要用nodejs改写一下，这些算是记录吧，边写代码边写下这篇文章。
因为我对nodejs也并不是那么的熟悉，仅仅是新...

2020-05-27

61浏览

0评论

nodejs微信开发之自动回复的实现

上一篇：接入指南
这部分是实现简单的自动回复，当然也是很大一部分功能的实现基础，这里使用了图灵机器人的接口。
效果图如下：当然，这个机器人的效果如何不是我能管得了的事情了，类...

2020-05-27

56浏览

0评论

node微信开发之获取access_token+自定义菜单

上一篇：自动回复的实现
这两天终于把获取access_token+自定义菜单+授权登录+获取用户信息部分完成了，nodejs其实不是很熟悉，所以估计有很多特性没用起来的，还有很多冗余代码以及...

2020-05-27

47浏览

0评论

浅谈js中的bind

提到bind方法，估计大家还会想到call方法、apply方法；它们都是Function对象内建的方法，它们的第一个参数都是用来更改调用方法中this的指向。需要注意的是bind 是返回新的函数，以...

2020-05-27

51浏览

0评论

JavaScript显式数据类型转换详解

基本概念将值从一种类型转换为另一种类型称为类型转换，类型转换总是返回基本类型值，如字符串、数字和布尔值，不会返回引用类型值。
类型转换分为“显式”和“隐式”：“显式”转...

2020-05-27

40浏览

0评论

实现ssr服务端渲染的方法步骤

前言前段时间寻思做个个人网站，然后就立马行动了。个人网站如何实现选择什么技术方案，自己可以自由决定。刚好之前有大致想过服务端渲染，加载速度快，还有seo挺适合个人网站...

2020-05-27

42浏览

0评论

React 使用Hooks简化受控组件的状态绑定

开始之前
阅读本文需要对以下几项有一定了解
ECMAScript 6
文章中大量用到了 ES6 语法，比如解构赋值和函数参数默认值、剩余参数、展开语法、箭头函数等。
Hooks
React 在 16...

2020-05-27

47浏览

0评论

学习node.js 断言的使用详解

assert模块提供了一组简单的断言测试，分严格模式(strict)和遗留模式(legacy)，严格模式下，对比的方式比较严格，比如说，0与'0'比较，会报错，但在遗留模式下是可以通过的。官方推荐使用...

2020-05-27

62浏览

0评论

node.js实现微信开发之获取用户授权

本篇主要讲述，如何在微信中打开自家页面后，弹窗请求用户授权，以便拿到用户的微信信息。首先说一下，完成自定义分享信息的，从无到有的流程：
基础硬件服务：需要一个公网可以访问的有...

2020-05-27

54浏览

0评论

vue动画效果实现方法示例

本文实例讲述了vue动画效果实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue动画</title...

2020-05-27

64浏览

0评论

详解在React项目中安装并使用Less（用法总结）

less的安装配置安装react-app-rewired，react-app-rewire-less，babel-plugin-import插件执行命令：npm install react-app-rewired --save-devnpm install react-app-rewire-less...

2020-05-27

48浏览

0评论

js实现图片局部放大效果详解

图片局部放大效果结合的知识点主要是DOM的操作，以及事件的应用，所以首先要对DOM的操作有一定了解，其次能对事件的应用有一定的累积。如上图，可以看到，这是放大镜的基本效果，主要分...

2020-05-27

55浏览

0评论

浅析JavaScript异步代码优化

前言在实际编码中，我们经常会遇到Javascript代码异步执行的场景，比如ajax的调用、定时器的使用等，在这样的场景下也经常会出现这样那样匪夷所思的bug或者糟糕的代码片段，那么处...

2020-05-27

热门文章