WaterSprite_ct的博客

HTML5 API方法的前缀兼容处理

前端项目往往依赖很多打包工具、部署工具，比如webpack、grunt、gulp等等。在这些打包工具里头，有这各自的命令操作。那么面对这种情况，不同的项目不同的命令操作，我们可以将其命令封装到npm脚本(npm scripts)。

一、安装1. 直接下载/CDNhttps://unpkg.com/vue-router@2.0.0/dist/vue-router.js在Vue后面加载vue-router2. npm安装npm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：import Vue from 'v

web前端实现@提醒功能@xxx功能很多地方用到，比如微博、微信、qq这些通信的都有用到，那么这个功能是如何实现的？在开始实现功能前，先整理一下思路：输入@后将列表选择框显示出来点击选择框中的选项时，返回输入框在输入框中显示@xxx将光标放置@xxx之后删除@xxx时需要整个@xxx一起删除需要考虑兼容性问题主要涉及的方法技术点：获取Selection对象，Selection对象表示页面中的文本选...

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。1、axios的配置 （config.js）import axios from 'axios';// let apiBaseUrl = process.env.BASE_API_URLconst instance = axios.create({ timeout: 30000,...

1、jq实现let time = parseInt(new Date().getTime()/1000) + '' + parseInt(Math.random() * 1000); // 文件名function upload (file, num) { let formData = new FormData(); let chunkTotal = Math.ceil(fi...

let isMousedown = false;let mouseStarX = 0;let materialMainContainer = document.getElementById('materialMainContainer');function mousedown (event) { isMousedown = true; mouseStarX = event....

浏览器关闭窗口，弹出提示框window.onbeforeunload=function(event){ var e = window.event || event; e.returnValue = '确定关闭么？'}如浏览器关闭窗口前回调，但不弹提示窗window.onbeforeunload=function(event){ /*执行其他程序*/ ...

Nuxt.js 的相关文档https://zh.nuxtjs.org/package.json文件的配置{ "name": "test", "version": "1.0.0", "description": "My premium Nuxt.js project", "author": "sintina", "private": true, "scripts...

使用不同语言进行配置webpack接受多种编程和数据语言编写的配置文件。1.TypeScript使用TypeScript编写webpack的配置文件，必须先安装相关依赖：命令行npm进行安装：npm install --save-dev typescript ts-node @types/node @types/webpackwebpack.config.ts

通过CLI(命令行)进行打包

Element.requestFullScreen()--全屏显示

width,innerWidth,outerWidth,scrollHeight,scrollTop那些事

node.js/express自动注册路由/* * 自动注册路由 */ var filesList = []; var routesPath = path.join(__dirname,'routes'); getFileList(routesPath, filesList); /* *获取到所有文件的路径，存放在filesList数组...

clientX,pageX,screenX,offsetX,layerX,x的那些事 event body,div{ padding: 0; margin: 0; } body{ border: 100px solid #0f0; } .wrap{ padding: 100px; } .father{

常见的正则表达式匹配

package.json 文件

webpack的入门概念webpack是现代Javascript应用程序的模块打包器。当webpack处理程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle。webpack的配置可在webpack.config.js文件进行设置。

一、父子组件之间的通信1、父组件传递给子组件a. 父组件通过属性的形式绑定b.子组件通过this.props[属性]接收2、子组件传递给父组件a. 子组件调用父组件传递过来的方法b. 父组件通过属性的形式绑定方法(函数)二、渲染包裹着两个元素，可使用<React.Fragment> <div> <b...