随笔分类 - web
摘要：安装three.js 0.128.0版本 ，build报错 解决： 在webpack.base.config.js中规则rules下配置 { test: /\.js$/, loader: 'happypack/loader?id=happybabel', // exclude: /node_modu
阅读全文
摘要：报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil
阅读全文
摘要：1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下，是否ok，下面测试) 1）、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f
阅读全文
摘要：vue版本 "devDependencies":{ "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" } "depen
阅读全文
摘要：为实现下面图形形状 <style> .box{width:200px;height:100px;} </style> <div class="box" ></div> 1、利用linear-gradient .box{ background: linear-gradient(135deg, tran
阅读全文
摘要：一般我们在清除定时器的时候是这样写的： <script> export default { data() { return { timer:null, } }, mounted() { }, methods: { openTimer(){ this.timer = setInterval(()=>{
阅读全文
摘要：1、安装 npm i vue-qriously -S 2、引入，main.js文件 // 二维码 import VueQriously from 'vue-qriously' Vue.use(VueQriously) 3、使用 <Button type="info" @click="scan">查看
阅读全文
摘要：我们在写代码的时候偶尔会遇到，明明可以打印出来值，但是再直接获取其中的数据会出错 例如获取label，报错 解决办法：let resdata=JSON.parse(JSON.stringify(你的数据));
阅读全文
摘要：文字跑马灯 链接地址：http://www.360doc.com/content/20/1212/15/45690372_951107734.shtml <marquee>滚动文字</marquee><marquee direction="right">向右滚动</marquee><marquee
阅读全文
摘要：@5.xx版本 import { Route,Switch } from 'react-router-dom' import Home from './pages/Home' import About from './pages/About' <Switch> <Route path="/about
阅读全文
摘要：<Link>: <Link>是一个元素，允许用户通过单击或点击它来导航到另一个页面，渲染在页面，我们可以看见它自动转换成<a href>标签，并没有点击样式 import React, { Component } from 'react' import { Link } from 'react-ro
阅读全文
摘要：路由理解： 假设路由就是一个映射关系（key:value） 路由分类： 1、后端路由： key就是path,value就是function用来处理客户端提交的请求 注册路由：router.get(path,function(req,res){}) 工作过程：当node接收到一个请求时，根据请求路线找
阅读全文
摘要：1、xhr windows自带的xhmlHttpRequest请求 xhr是Ajax通过异步刷新请求获取数据，来实现部分数据进行更新 不关注分离 // 新建一个XMLHttpRequest实例 var xhr = new XMLHttpRequest(); // 然后，向远程主机发出一个HTTP请求
阅读全文
摘要：一般我们在React中，子组件与子组件之间的通信我们能想到的费力的实现方式：都是借助父组件中的状态与方法来完成， 如下： App.js（父组件） import React, { Component } from 'react' import Search from './components/Sea
阅读全文
摘要：假设有如下的数据 let objData = { a: { b: { c: 1 } } } // 一般我们获取c的值 console.log(objData.a.b.c); 连续结构赋值 // 通过结构赋值 const {a:{b:{c}}} = objData; console.log(c); /
阅读全文
摘要：假设：前端端口为300，node后台端口为5000；前端发送请求，后台实际上接收到了前端请求，但是因为端口不同导致前端接收不到数据，出现跨域问题， 出现跨域问题的原因：一般是浏览器的ajax引擎将回来的请求给拦住了； 代理：就是一个微型的服务器（也就是代理服务器，端口也开在3000），她没有ajax
阅读全文
摘要：ES7 React/Redux/GraphQL/React-Native snippets
阅读全文
摘要：在react中，如果有相同的样式类名，但是里面的样式不一样，则会导致下面的组件会把上面的组件样式污染，解决这个问题又很多方法 第一种：less嵌套 第二种：探讨 我们假设要实现这样一个效果 然后两个组件使用了相同的类名，如下图： 在组件中引用 import React,{Component} fro
阅读全文
摘要：在上章中，我们通过脚手架创建了一个项目：react-staging，同vue一样都是单页面应用（即SPA应用，Single Page Web Application） 接下来，介绍一下这个项目结构 解读 public/index.html 创建组件 组件是在src下面创建的src/component
阅读全文
摘要：react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 注意：官方文档建议 1、创建项目 需要确保 Node >= 14.
阅读全文
浙公网安备 33010602011771号