- 博客(56)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 react脚手架搭建react项目使用scss
1.create-react-app 创建的项目，webpack配置默认是隐藏的 ，如果要查看 或修改用npm run eject命令,因为create-react-app脚手架默认已经配置了scss、sass所以不用改webpack配置。如果用less 就需要自己添加配置。npm install -D sass package.jso文件多出。2.如果直接使用scss的文件会直接报错，需要安装 ，安装完直接用。这里我的node 版本16.20.0 安装成功。用14.21.3 版本报错。
2025-02-10 15:15:34
345
原创 git 常用操作
比如 要把B分之的代码合到A分支 先切换到A分支 gti merge B。git log 找到合并前的hash。如果merge 合并后要撤销。1.git merge 合并。
2025-02-08 09:58:01
106
原创 vue2 用InfiniteScroll 无限滚动 解决下拉框太多卡问题
【代码】vue2 用InfiniteScroll 无限滚动 解决下拉框太多卡问题。
2025-01-24 13:45:03
130
原创 在react中 使用redux
在Src目录下创建store目录，创建moude目录 创建tab.js。在store目录下创建index.js。# 5.在页面获取展示数据。#2.创建切片模块化数据。#4.全局注册redux。#1.安装redux。#3.创建store。
2024-09-17 15:51:05
455
原创 layout布局导航菜单
import Vue from 'vue'import Router from 'vue-router'import Layout from '@/layout'Vue.use(Router)export default new Router({ routes: [ { path: '/', component: Layout, redirect: '/test', children: [ { path.
2022-02-12 22:26:17
905
原创 2个数组对比
let arr=[ {name:'a',label:'板块级',id:1}, {name:'b',label:'CTO级',id:2}, {name:'c',label:'级联席',id:3}, {name:'d',label:'预审',id:4}, {name:'e',label:'中心',id:5}, {name:'f',label:'架构',id:6},]let arr2=[ {name:'c',ishow:true}, {name:'a',ishow:true}, {name.
2021-09-04 22:21:22
1305
原创 使用nvm 管理node版本和npm
因为项目需要使用多个版本node，所以用到了 nvm 管理node版本，nvm安装node这一过程也是坑,一般安装node ,都自带了npm包，但是用nvm安装node没有npm。1.首先卸载电脑上的node,删除npm2.nvm的安装下载地址：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安...
2021-04-06 16:36:07
509
原创 使用vue-form-generator
1. npm i vue-form-generator 安装成功 2.引用import VueFormGenerator from "vue-form-generator";import "vue-form-generator/dist/vfg.css"; // optional full css additions引用之后就报错 项目跑不起来@babel core-js我的package.js 默认装了个core-js 是最新的3.9 版本 "dependencies": {.
2021-03-11 15:27:56
2720
1
原创 vue里使用jquery
1.安装npminstall juqery --save;2.引用import $ from "jquery"被点击的元素添加样式，其他兄弟元素移除class@click="clickCard(items,$event)"let ac=$(event.currentTarget);ac.addClass("active").siblings().removeClass("active");currentTarget是 返回 绑定事件的那个元素...
2020-12-29 17:52:39
349
原创 openlayer学习（一）
import "ol/ol.css"; import { Map, View } from "ol"; import { Tile as TileLayer, Group, Vector as layerVector } from 'ol/layer'; import { Vector as VectorSource, XYZ } from 'ol/source'; import Draw from "ol/interaction/Draw"; import...
2020-11-12 18:48:23
703
原创 vue用axios上传文件
1.post 请求头改成'Content-Type':'multipart/form-data'2.用new FormData() 方式 //上传export function uploadFile(data) { return request({ url: '/appstore/uploadFile', method: 'post', headers: {'Content-Type':'multipart/form-data'}, data: data ...
2020-08-26 11:22:26
1352
原创 ES6模块化和commonJS规范
var a =[1,2,3,4,];function fn1(a,b) { return a+b}1.export { a,fn1}import {a,fn1} from '../assets/js/1.js' //名字要一致 按需应用2.export default {a,fn1}import A from '../assets/js/1' //这里只能导一个 导出所有//如果模块中使用 export default {}，//只能通过 import 对象名称 f...
2020-07-10 17:52:15
281
1
原创 Dom操作延迟问题
//这个循环会导致第一句dom操作延迟1s2s this.draws=false; //显示一个div for(var i=0;i<9999;i++){ console.log("2")}//解决方法 this.draws=false; //显示一个divsetTimeout(function(){ for(var i=0;i<9999;i++){ console.log("2") }},100)promise不好使 ...
2020-07-05 16:59:02
433
原创 测试方法执行时间
let start = performance.now();let sum = 0;for (let i = 0; i < 100000; i++) {sum += 1;}let end = performance.now();console.log(start);console.log(end);
2020-05-27 17:55:31
218
原创 在小程序 onfire 的使用方法
//1.先引用插件const onfire = require('../../utils/onfire.js')//2 绑定事件 onLoad: function (options) { // 绑定事件 onfire.on('Fn1', function(data) { console.log("我是1"); console.log(data); }); },//3另外一个页面触发 btn1:function(){ cons.
2020-05-26 09:47:29
871
原创 axios 封装的http请求
使用可配置的ip/** * 请求工具封装 */import axios from 'axios'import qs from 'qs'import { Message,Loading } from 'element-ui';let loadinginstace; //load加载//let apiBaseUrl = process.env.BASE_API;// var s...
2020-01-20 17:38:42
310
原创 小程序背景音乐api
1.constbgMusic=wx.getBackgroundAudioManager()//创建背景音乐退到主屏还用继续播放，ios系统面板可以控制2.constinnerAudioContext=wx.createInnerAudioContext()退出就关闭了用法：第一个constbgMusic=wx.getBackgroundAu...
2020-01-19 17:26:40
919
原创 使用npm 安装工具
npm install moduleName 命令 1. 安装模块到项目node_modules目录下。 2. 不会将模块依赖写入devDependencies或dependencies 节点。 3. 运行 npm install 初始化项目时不会下载模块npm install -save moduleName 命令 npm instal...
2019-12-02 15:29:27
228
原创 vue项目兼容IE 和写法上要注意的几点
先安装 npm install babel-polyfill --save-dev然后在main.js import引入 还是报错vuex requires a Promise polyfill in this browser然后用下面的方法修改webpack.base.config.js1.this.$refs.model.style="dis...
2019-11-21 15:55:56
645
原创 vue 引入公共css问题
1.<style lang='scss' scoped>@import url("../css/indextop.css");#index{background: #1D2437;margin:25px;color:#ffffff;}<style lang='scss' scoped>@import url("../../css/inde...
2019-11-05 19:51:04
216
原创 VUE打包问题
如果不修改配置打包后出现白屏资源路径错误1.修改config下的index.jsassetsPublicPath: '/',改为assetsPublicPath: './', 前面加个点2.有的图片被压缩成based64有的没有压缩导致没被压缩的图片路径错误，修改build下的utils.js t添加publicPath:"../../"修改前...
2019-10-11 15:30:10
253
原创 js字符串拼接html和拼接方法多个参数问题
拼接列表 2层循环这里用es6模板字符串多个参数时，方法名不要加引号 function(res){ hideLoader(); console.log(res) data=res.details; html+=`<div class="folding"><div data-role="main" class="ui-content" id=...
2019-08-29 10:41:22
2266
原创 自己记录
static里可以放配置文件，index里引用，不会被打包压缩，打包后更改方便。2.路由函数的用法和 methods同级 如下：如下放在一级路由页面里 .一进入执行2 beforeRouteEnterfrom是之前的/ --------------------to是当前页面{name: null, meta: {…}, path: "/", hash: "",...
2019-04-09 18:03:20
259
原创 使用vue-cli创建项目
选择项目所在的位置，通过命令行进入该目录（或者直接在该目录，右键，打开命令行）。 使用脚手架安装项目： vue init webpack demo 项目是基于webpack的 Project name（工程名）:回车 Project description（工程介绍）：回车 Author：作者名 Vue build（是否安装编译器）:回车 Install vue-router（是否安装...
2019-02-18 15:47:59
143
原创 axios的基本用法和本地解决跨域问题
用vue做个小demo,需要用到axios请求网上找的一些接口在main.js里加import axios from 'axios' Vue.prototype.$ajax = axios;在组件里this.$ajax.get().then(response=>{console.log(response);})我是接口是http://mobilecdn.k...
2018-12-26 16:54:21
805
原创 把自己的本地项目上传到github
把自己的本地项目上传到github1.git init在项目根目录下通过命令git init把这个文件夹变成Git可管理的仓库，执行这个命令后项目里会多出个.git 的文件夹2.git add .然后通过git add把项目添加到仓库（或git add .把该目录下的所有文件添加到仓库，注意点是用空格隔开的）。在这个过程中你其实可以一直使用git status来查看你当前的状态。3.gi...
2018-12-25 15:11:14
171
原创 VUEX学习笔记
1.创建一个js文件 ，可以全局注册也可以在单个组件引用，我这里创建vuex文件夹，创建store.js，我没有全局注册单个组件引用import store from '../store/index.js'store.state.playing=true;，只能这样简单粗暴的修改或展示 store.commit('isrotate');全局引用imp...
2018-12-21 11:01:49
197
原创 Vue实现checkbox的全选和取消全选
html关键：复选按钮绑定同一个v-mode数组变量，数组里面有相应的value就被选中，选择就自动把:value="item.id"值添加到数组，取消就自动删除这个值。 <div> <!--给全选按钮绑定v-mode变量，值为true时就是选中状态，绑定点击事件，执行全选和反选操作--> <input type='ch...
2018-12-13 11:16:59
5415
原创 在浏览器输入url按下回车发生了什么
1.解析URL2. DNS解析dns实际上就是域名和ip地址 对应的数据库IP地址往都难以记住，但机器间互相只认IP地址，于是人们发明了域名，让域名与IP地址之间一一对应，它们之间的转换工作称为域名解析，域名解析需要由专门的域名解析服务器来完成，整个过程是自动进行的。可以在浏览器中输入IP地址浏览网站，也可以输入域名查询网站，虽然得出的内容是一样的但是调用的过程不一样，输入IP地址...
2018-11-30 10:51:36
309
原创 node搭建本地服务器-express框架（2）
1.先全局安装express。2.express -V 现在是4.16.03.创建一个基于express框架的项目 express HelloExpress4.npm install5.npm start6.http://localhost:3000/
2018-10-29 17:34:50
216
原创 node搭建本地服务器（1）
1.创建一个文件夹，在里面新建一个server.js文件 内容如下//引入http模块var http = require('http');//开启本地http服务，监听相应端口号 //request 浏览器发出请求对象 res是服务器返回对象http.createServer(function(req,res){ res.writeHead(200,{'Content-Ty...
2018-10-24 20:39:12
225
原创 webstorm快捷键大全
ctrl+R 替换文本 ctrl+F 查找文本 ctrl+D 复制当前行 ctrl+X 删除行 ctrl+Z 撤销上次操作
2018-10-22 17:51:15
227
关于#javascript#的问题，请各位专家解答！
2021-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人