- 博客(51)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 在react中 使用redux
在Src目录下创建store目录,创建moude目录 创建tab.js。在store目录下创建index.js。# 5.在页面获取展示数据。#2.创建切片模块化数据。#4.全局注册redux。#1.安装redux。#3.创建store。
2024-09-17 15:51:05 407
原创 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 870
原创 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 1227
原创 使用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 449
原创 使用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 2672 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 320
原创 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 651
原创 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 1315
原创 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 248 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 402
原创 测试方法执行时间
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 194
原创 在小程序 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 832
原创 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 288
原创 小程序背景音乐api
1.constbgMusic=wx.getBackgroundAudioManager()//创建背景音乐退到主屏还用继续播放,ios系统面板可以控制2.constinnerAudioContext=wx.createInnerAudioContext()退出就关闭了用法:第一个constbgMusic=wx.getBackgroundAu...
2020-01-19 17:26:40 875
原创 使用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 208
原创 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 618
原创 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 199
原创 VUE打包问题
如果不修改配置打包后出现白屏资源路径错误1.修改config下的index.jsassetsPublicPath: '/',改为assetsPublicPath: './', 前面加个点2.有的图片被压缩成based64有的没有压缩导致没被压缩的图片路径错误,修改build下的utils.js t添加publicPath:"../../"修改前...
2019-10-11 15:30:10 232
原创 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 2229
原创 自己记录
static里可以放配置文件,index里引用,不会被打包压缩,打包后更改方便。2.路由函数的用法和 methods同级 如下:如下放在一级路由页面里 .一进入执行2 beforeRouteEnterfrom是之前的/ --------------------to是当前页面{name: null, meta: {…}, path: "/", hash: "",...
2019-04-09 18:03:20 235
原创 使用vue-cli创建项目
选择项目所在的位置,通过命令行进入该目录(或者直接在该目录,右键,打开命令行)。 使用脚手架安装项目: vue init webpack demo 项目是基于webpack的 Project name(工程名):回车 Project description(工程介绍):回车 Author:作者名 Vue build(是否安装编译器):回车 Install vue-router(是否安装...
2019-02-18 15:47:59 122
原创 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 788
原创 把自己的本地项目上传到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 154
原创 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 175
原创 Vue实现checkbox的全选和取消全选
html关键:复选按钮绑定同一个v-mode数组变量,数组里面有相应的value就被选中,选择就自动把:value="item.id"值添加到数组,取消就自动删除这个值。 <div> <!--给全选按钮绑定v-mode变量,值为true时就是选中状态,绑定点击事件,执行全选和反选操作--> <input type='ch...
2018-12-13 11:16:59 5374
原创 在浏览器输入url按下回车发生了什么
1.解析URL2. DNS解析dns实际上就是域名和ip地址 对应的数据库IP地址往都难以记住,但机器间互相只认IP地址,于是人们发明了域名,让域名与IP地址之间一一对应,它们之间的转换工作称为域名解析,域名解析需要由专门的域名解析服务器来完成,整个过程是自动进行的。可以在浏览器中输入IP地址浏览网站,也可以输入域名查询网站,虽然得出的内容是一样的但是调用的过程不一样,输入IP地址...
2018-11-30 10:51:36 296
原创 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 199
原创 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 197
原创 webstorm快捷键大全
ctrl+R 替换文本 ctrl+F 查找文本 ctrl+D 复制当前行 ctrl+X 删除行 ctrl+Z 撤销上次操作
2018-10-22 17:51:15 211
原创 JS网页时钟效果
第一个 var t = null; t = setTimeout(time,1000);//开始运行 function time() { clearTimeout(t);//清除定时器 dt = new Date(); var h=dt.getHours();//获取时 var m=dt.getMinutes(...
2018-09-27 21:59:49 667 1
原创 日期时间的常用方法
//获取当前日期,格式YYYY-MM-DD function Today(){ var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var...
2018-09-27 21:13:18 279
原创 雅虎34条军规
雅虎给出了优化网站加载速度的34条法则1.Minimize HTTP Requests 减少HTTP请求图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background来定位。2.U...
2018-08-27 19:26:51 167
原创 VUE动态绑定样式
在3个样式中选择一个:<span :class="{gao:item3.grade==1,zhong:item3.grade==2,di:item3.grade==3}"在2个样式中选择一个::class="item.x==1 ? gao:di"这里的gao 和di 要是data 里的变量,data{ return gao:x1,di:x2}...
2018-08-15 09:09:01 1926 1
原创 Html css规范
原文链接https://www.aliyun.com/jiaocheng/676792.htmlCSS 书写规范 基本原则: CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。 1. 样式为设计师自定义的新 CSS 样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。样式名 “.”+“相应样式效果描述的单词或缩写”例:“ .shadow ”文字样式样式名“....
2018-07-22 13:14:28 1107
关于#javascript#的问题,请各位专家解答!
2021-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人