详解webpack + vue + node 打造单页面(入门篇)
1.node下载地址：http://nodejs.cn/download/，安装完成检查node和npm版本2.淘宝镜像 ： npm install cnpm -g --registry=https://registry.npm.taobao.org ，淘宝镜像比npm要快很...
2020-05-27
VsCode新建VueJs项目的详细步骤
本文介绍了VsCode新建VueJs，分享给大家，具体如下：使用vue-cli快速构建项目
( vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 安装vue-cli之前，需要先安装了vue和web...
2020-05-27
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
通过JQuery可以跨域获取JSON数据，但必须弄清楚的是，JQuery不可以跨域获取任意JSON格式的数据，必须要通过服务端输出特定的针对JQuery跨域读取的JSON数据。你可能目前对此仍然毫...
2020-05-27
一个有意思的鼠标点击文字特效jquery代码
今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效JS代码，感觉很不错就用到博客上来了！喜欢的站长也可以用一下感觉一下！只需将如下JS代码放到</body>之前即可。<scrip...
2020-05-27
jQuery使用zTree插件实现可拖拽的树示例
在目前接触到的树插件中，我觉得zTree比较简单，也容易上手。有一次业务需求是将某对象分组树上的对象可以随意拖拽，相当于改变了对象的分组，因此我用到了zTree，对其进行了一些列学...
2020-05-27
vue webuploader 文件上传组件开发
最近项目中需要用到百度的webuploader大文件的分片上传，对接后端的fastdfs，于是着手写了这个文件上传的小插件，步骤很简单，但是其中猜到的坑也不少，详细如下：
一、封装组件
引入百...
2020-05-27
详解Web使用webpack构建前端项目
好久没写技术博客了, 原因在于最近在学习前端方面的技术, 熟悉我的同学都知道, 之前我有使用Vue搭建了一个个人简历, 体验了一把最新的前端技术, 但之前我们使用的是vue-cli...
2020-05-27
Js利用console计算代码运行时间的方法示例
前言本文主要给大家介绍了关于Js用console计算代码运行时间的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。需求如果学习前端一定时间以后，就会考...
2020-05-27
JS实现手写parseInt的方法示例
前言本文主要给大家介绍了关于JS实现手写parseInt的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。手写parseInt的实现：要求简单一些，把字符串型的数...
2020-05-27
通过源码分析Vue的双向数据绑定详解
前言虽然工作中一直使用Vue作为基础库，但是对于其实现机理仅限于道听途说，这样对长期的技术发展很不利。所以最近攻读了其源码的一部分，先把双向数据绑定这一块的内容给整理一...
2020-05-27
一文让你彻底搞清楚javascript中的require、import与export
前言本文主要给大家介绍了关于javascript中require、import与export的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。为什么有模块概念理想情况下，...
2020-05-27
React学习之事件绑定的几种方法对比
前言本文主要给大家介绍了关于React事件绑定的几种方法对比的相关呢荣，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。React事件绑定
由于类的方法默认不会...
2020-05-27
静态页面实现 include 引入公用代码的示例
一直以来，我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的，就像下面这样：<!-- index.php --> <!DOCTYPE html><html lang="en"><head> <meta...
2020-05-27
对于input 框限定输入值为浮点型的js代码
在一些项目中，比如金额用到浮点型，对于input 限定可以参考以下<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)"><script> function only_...
2020-05-27
zTree jQuery 树插件的使用(实例讲解)
分享说明：项目需要树状视图形式展示后台返回的数据;并实现点击节点将节点信息添加到右侧的ul中;待后续提交获取使用;选择了能够实现异步加载节点信息的zTree插件,事实也证明...
2020-05-27
实现两个文本框同时输入的实例
实例如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3....
2020-05-27
简单谈谈js的数据类型
近期做一些项目的时候发现，自己的js基础还是不够扎实，再看一遍犀牛书，加深自己的理解和印象。所以从这篇文章开始，后面都是关于原生js的一些内容。这篇文章，我们具体介绍一下js的...
2020-05-27
es6系列教程_ Map详解以及常用api介绍
ECMAScript 6中的Map类型是一种存储着许多键值对的有序列表。键值对支持所有的数据类型. 键 0 和 ‘0'会被当做两个不同的键，不会发生强制类型转换.如何使用Map?let map...
2020-05-27
Three.js入门之hello world以及如何绘制线
前言本文属于学习Three.js 的入门教程，文中通过示例介绍了hello world和线的实现，下面话不多说了，来一起看看详细的介绍吧。hello world首先使用我们先用three.js创建一个立方...
2020-05-27
Three.js如何用轨迹球插件（trackball）增加对模型的交互功能详解
前言之前我们已经简单的给大家介绍了关于three.js入门的一些案例，下面本文将详细介绍关于Three.js如何用轨迹球插件（trackball）增加对模型的交互功能，下面话不多说了，来一起看看...
2020-05-27
Three.js利用性能插件stats实现性能监听的方法
前言关于性能：测试一个程序，性能上是否有瓶颈，在3D世界里，经常使用帧数的概念，首先我们来定义一下帧数的意义。帧数：图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）来表...
2020-05-27
vuex中使用对象展开运算符的示例
使用场景当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！1.首先需要安装npm install babel-plugin-tra...
2020-05-27
Three.js利用orbit controls插件（轨道控制）控制模型交互动作详解
前言本文主要给大家介绍了关于Three.js利用orbit controls插件（轨道控制）控制模型交互动作的相关内容，这个效果相对于第八节的轨迹球插件使用上感觉要好，虽然轨迹球插件可以来回...
2020-05-27
react native与webview通信的示例代码
WebView是ReactNative中的组件 , 它可以创建一个原生的WebView，可以用于访问一个网页.
有时候我们需要在RN与WebView之间进行通信,或者进行数据传递,或者发送消息通知.这时候...
2020-05-27
react.js 父子组件数据绑定实时通讯的示例代码
react.js我自己还在摸索学习中，碰到父子组件数据绑定实时通讯的问题，研究了一下，分享给大家，也给自己留个笔记：
import React,{Component} from 'react'import ReactDOM from 're...
2020-05-27
vue-cli中的webpack配置详解
版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1目录结构
├── README.md├── build│ ├── build.js│ ├── check-versions.js│...
2020-05-27
javascript input输入框模糊提示功能的实现
javascript input输入框模糊提示功能的实现主要用到了jQuery.autocomplete函数，定义好一个数组就可以用这个功能了，很方便。<!doctype html><html><head> <meta charset="utf-...
2020-05-27
vue封装第三方插件并发布到npm的方法
前言
写此文前特意google了一下，因为有较详细的开发教程我再写意义不大，有把插件封装成组件的教程，有把自己的组件封住成插件的教程，本文主要说明如何把第三方的插件封装成vue插...
2020-05-27
Bootstrap一款超好用的前端框架
前 言
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap在JQuery的基础上进行了更为个性化的完...
2020-05-27
详解在vue-cli中使用路由
1.首先npm中是否有vue-router一般在vue-cli的时候就已经下载好了依赖包了2.使用vue的话正常的需要涉及这几个文件demo/src/router/index.js
import Vue from 'vue'import Ro...
2020-05-27
JavaScript 自定义事件之我见
事件 技术一般水平有限，有什么错的地方，望大家指正。 事件就是用户和浏览器交互的一种途径。假如一个用户注册的功能，我们在填写完基本信息之后，点击提交按钮就可以实现注...
2020-05-27
详解vue-cli中的ESlint配置文件eslintrc.js
本文讲解vue-cli脚手架根目录文件.eslintrc.js，分享给大家，具体如下：1.eslint简介
eslint是用来管理和检测js代码风格的工具，可以和编辑器搭配使用，如vscode的eslint插件。当有不...
2020-05-27
JS+jQuery实现注册信息的验证功能
用JS和JQuery实现的效果是一样的。HTML代码<legend> 请填写注册信息</legend> <form action="index.html" method="post"> <table style="text-align: right;"> <t...
2020-05-27
Three.js利用Detector.js插件如何实现兼容性检测详解
前言本文主要给大家介绍了关于Three.js用Detector.js插件实现兼容性检测的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。其实Detector.js插件的代...
2020-05-27
Three.js实现绘制字体模型示例代码
前言本文主要给大家介绍了关于利用Three.js绘制字体模型的相关内容，使用three.js绘制字体模型，没有想象当中那么难。下面话不多说了，来一起看看详细的介绍： 首先你需要实例化 T...
2020-05-27
使用JavaScript实现在页面中显示距离2017年中秋节的天数
废话不多说了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在页面中显示距离2017年中秋节的天数</title> <script type="text...
2020-05-27
利用Three.js如何实现阴影效果实例代码
前言众所周知作为webgl的插件，three.js肯定没有原生webgl那样，添加一个阴影这么费劲。所以，经过一小时的研究（笨人不聪明，已经是极限速度了）。终于将阴影效果做了出来，并且还发现一...
2020-05-27
微信小程序使用navigateTo数据传递的实例
微信小程序使用navigateTo数据传递的实例1，传递基本数据类型index.js 发送页JSPage({ data: { testStr: '字符串str' }, onLoad: function () { }, next: function(e)...
2020-05-27
Three.js利用dat.GUI如何简化试验流程详解
简介本文主要给大家介绍了关于Three.js利用dat.GUI如何简化试验流程的想内容，其实使用这个插件的最省事的地方在于，调试很方便的调节相关的值，从而影响最后绘制的结果。而dat.G...
2020-05-27
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
需求如下：在弹出的模态框中点击 “更换” 按钮后 实现模态框自动关闭，做法：给“更换“按钮加上：data-dissmiss="modal"<button type="button" class="btn btn-primary btn-sm"da...
2020-05-27
Three.js实现浏览器变动时进行自适应的方法
前言有的时候，我们打开了浏览器的页面，显示了当前的渲染的模型。但是，如果你没有设置场景模型跟随着浏览器的宽高度变化进行自适应，就gg了。所以，今天额外补上一篇相关的怎么跟随...
2020-05-27
javascript 产生随机数的几种方法总结
javascript 产生随机数的几种方法总结1、取两个数之间的随机数function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min +...
2020-05-27
微信小程序中post方法与get方法的封装
微信小程序开发post方法与get方法的封装第一步：在utils文件夹下创建httpUtil.js文件
第二步：创建函数httpPost方法代码如下:function Post(url, data, cb, isShow, showNetEr...
2020-05-27
jQuery 开发之EasyUI 添加数据的实例
jQuery 开发之EasyUI 添加数据的实例1、创建toolbar:toolbar:[{ text:'增加', iconCls:'icon-add', handler:function(){ openAddUserDialog(); }}]2、添加dialog,里...
2020-05-27
jQuery EasyUI开发技巧总结
jQuery EasyUI开发技巧总结1、使用tabs时，如果使用的不是url，而是content，则要嵌入iframeaddTab({ title:node.text, closeable:true, content:‘<iframe...
2020-05-27
jQuery EasyUI Layout实现tabs标签的实例
jQuery EasyUI Layout实现tabs标签的实例一、概述：
1、引入jquery.js与easyUi相关文件
2、效果如图：
二、创建Layout主页：<%@ page language="java" pageEncoding="UTF-8"%>...
2020-05-27
微信小程序之蓝牙的链接
微信小程序之蓝牙的链接微信小程序蓝牙连接2.0说明：1、本版本区分了ANDROID和IOS系统下蓝牙连接的不同方式。
2、兼容了更多情况下的链接包括：（1）未开启设备蓝牙，当监听到开启了...
2020-05-27
Nodejs实现文件上传的示例代码
笔者用nodejs做项目时需要用到文件上传的功能，在网上搜索了很多教程，找到了一个express的中间件，用于处理 multipart/form-data 类型的表单数据，可以很方便的将表单中的文件数据...
2020-05-27
Vue from-validate 表单验证的示例代码
前言需要进行表单数据验证，原先才用html5来完成验证，但是效果很差，也不够灵活，所以需要进行自定义的表单验证，网上的插件都太过庞大，项目并没有这么多的需求。
那让我们自己来写一...
2020-05-27
JavaScript实现离开页面前提示功能【附jQuery实现方法】
本文实例讲述了JavaScript实现离开页面前提示功能。分享给大家供大家参考，具体如下：离开页面前的提示不可以用onunload去做，因为它只是兼容IE，你要兼容Google与FireFox就蛋疼了...
2020-05-27
