- 博客(103)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 webpack-theme-color-replacer+elementui自定义配置主题色
webpack-theme-color-replacer+elementui自定义配置主题色
2023-07-18 18:51:42
807
原创 vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
Eslint+Prettier结合使用详细配置步骤，规范化开发
2022-07-14 17:45:31
9446
3
原创 react知识汇总
一、为什么用react1、开发团队是fackbook团队，实力强大2、社区完善，很多问题都能找到3、很多国内外大型互联网公司都在使用二、虚拟domDOM:浏览器本质，以js对象的方式表示页面元素，并提供api虚拟DOM：用JS对象模拟页面上的DOM和DOM嵌套关系，使DOM高效更新...
2021-08-11 22:08:35
436
原创 前端导出elementui表格到excel；vue结合后端导出excel响应乱码；前端做预览文件
前端框架多，一种方式不足以满足开发需求，现提供两种框架的不同导出方式，依据步骤即可导出，亲测有效一、vue框架导出1、安装依赖npm install --save xlsx file-saver2、在文件内引入import FileSaver from "file-saver";import XLSX from "xlsx";3、使用html部分 ： <el-button @click="exportExcel">导出</el-button>
2021-07-28 11:30:26
986
原创 不同的content-type请求头传参数方式，elementui上传文件
在这里插入代码片1、上传文件用到Content-Type：multipart/form-data1、默认的Content-Type：application/json二、elementui自定义上传文件
2021-07-09 14:44:55
3403
原创 vsCode中,vue项目使用eslint自动格式化详细步骤
一：在应用商店中搜索安装编辑器插件Prettier - Code formatterEslint二、在package.json文件中配置以下依赖版本，并重新下载依赖（主要是eslint和prettier相关） "devDependencies": { "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0", "@vue/cli-plugin-babe
2021-05-12 16:39:01
1923
1
原创 使用webpack打包typescript
浏览器运行我们的代码时，只能识别js，如果用ts开发，我们必须要先将ts转为js这时候就用到webpack、babel、core.js加载顺序：先通过webpack将ts转为js→babel将生成的js新语法转为旧语法→core添加新的api以适应更就旧版本配置步骤如下：进入项目根目录，执行命令npm init -y，创建package.json文件下载构建工具配置webpacknpm i -D webpack webpack-cli webpack-dev-ser...
2021-05-06 21:38:38
548
原创 vue项目启动逻辑
数据类型转换的高级写法字符串转数字如a='1'+a （转为数字1）!!a （转为booean，true）!!+a (先转数字再转boolean)
2021-03-01 21:16:29
428
原创 vue3.0记录
1、安装查看vue-cli版本：vue --versionvue create vuedemo //创建vuedemo项目可视化安装：vue ui
2020-11-23 21:37:28
309
原创 uni-app打包后不发请求的原因
在开发uni-app的时候总是会出现各种奇怪的bug，就拿请求接口这块来说，真机调试和微信开发者工具都能正常发送请求，打包成apk后却失败了，为什么呢？经过一番倒腾，才发现真机调试和微信开发者工具都是开发环境 ，打包成apk后是生产环境，最终修改生产环境的baseUrl即可。封装request在开发上方便许多，但容易因为疏忽造成一些bug。...
2020-10-29 11:20:49
7207
5
原创 webpack的深度理解
1、什么是webpack模块化的打包工具webpack默认可以处理js、json文件2、什么是打包将模块化语言如 .vue .ejs .sacc 打包成浏览器能识别的css、js、jpg等3、模块entry：入口配置ouput：出口loader：解析模块、识别除了js、json的语言plugin：插件...
2020-10-11 12:09:53
156
原创 js方法封装汇总
//根据文件路径获取扩展名getKzName(str){//获取文件路径的扩展名 var url = str var pos = url.lastIndexOf("."); if(pos == -1){ pos = url.lastIndexOf("\\") } ar filename = url.substr(pos +1); eturn filename},getKzName("xxxxx.mp4") //mp4//判断是否手机号码export function is...
2020-09-21 17:13:06
749
原创 vue3.0处理跨域并设置baseurl，vue3.0脚手架文件解释，在Vue项目中使用Eslint+Prettier+Stylelint
1、vue.config.js devServer: { disableHostCheck: true, open: false, //浏览器自动打开页面 port: 8080,//真机测试端口 https: false, hotOnly: false, //热更新（webpack已实现了，这里false即可） //配置跨域 proxy: { '/api'
2020-07-23 11:08:47
3121
原创 微信H5记录
1、cdn引入jqindex.html中：<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>vue.config.js中：configureWebpack: config => { config.externals={ 'jquery' : '$', }}需要用到的页面中：import $ from 'jquery';...
2020-06-17 16:03:29
719
1
原创 php记录
一、web访问流程服务器：提供服务的机器web服务器：提供web访问（网站访问）服务的服务器，tomcat（java）、aphane（php）ip：每个计算机的唯一标志域名：方便人类使用，域名通过DNS解析成ip，从而找到对应的电脑（服务器）端口：通过端口区分当前服务器下的某个服务...
2020-05-12 21:52:17
284
原创 时间格式化
1、时间格式化export const formatDate = (date, fmt) => { date = date || new Date(); fmt = fmt || 'yyyy-MM-dd hh:mm:ss'; if (Object.prototype.toString.call(date).slice(8, -1) !== 'Date') { dat...
2020-03-26 17:58:23
358
原创 uni-app配置
1、文件结构page.json//设置app的头部、toolbar、和页面的标题、路由设置、启动页、临时首页有独立标签view、text，有特殊属性
2020-03-09 22:12:26
1131
原创 canvas记录
1、填充和描线apicontext.strokeStyle = "red" //线条颜色context.fillStyle = "red" //填充context.moveTo(100,100) //开始的坐标context.lineTo(200,200) //结束的坐标context.binginPath() //画多种图形时用到context.clodePath()conte...
2020-02-25 19:56:20
320
原创 css3/html5
css参考手册：http://css.doyoe.com/一、css3新加的属性或常用的border-radius box-shadows background-size 弹性布局动画： transform rotate(30deg)//旋转30度 translate() //平移 scale() //缩放 trans...
2020-02-03 17:40:26
335
原创 vue的router和axios
一、什么是vue-router是路由插件，单页面应用路径管理器，是将路径和组件建立映射关系二、模式hash：（默认）锚点（#）就是在路径上会有#，改变#后面的内容会显示对应的domhistory：需要声明（mode：history）路径上没有#三、实例import Vue from 'vue'import Router from 'vue-router'import...
2020-02-01 15:43:57
1294
原创 node记录、下载和安装步骤
一、什么是nodejs电脑是不能识别js语言的，需要通过node的转化才能识别，而node是基于chrome v8环境二、运行运行环境下： node xxxx.js四、模块化模块即是文件导出：moudle export = {test,test2}引入：let mytest = require('./stuff')mytest.test() 五、eve...
2020-01-05 22:32:45
1139
1
原创 js判断为数字且不为空，二叉树深度广度
一、判断为数字且部位空//判断为数字export function isNumber(obj) { return typeof obj === 'number' && !isNaN(obj) }//判断是否为数字且不为空export function isRealNum(val){if(val ===""|| val ==null){...
2020-01-05 15:43:06
1059
原创 小程序记录
一、使用缓存wx.setStorageSync("key","value")wx.getStorageSync("key")//value可以是任何数据类型web中localStorage.setItem("key","value")localStorage.getItem("key")二、小程序使用es7配置步骤1. 在⼩程序的开发⼯具中，勾选 es6转es5语法2...
2019-12-14 12:24:16
308
原创 Es6记录
1、定义方式：let：块级；const：定义常量用const定义数组时可以push冻结：（const定义时静止push）const arr = Object.freeze(['a','b'])2、解构赋值let [a,b] = ["1","2"] //a=1;b=2let {a,b} = {a:1,b:2} //a=1;b=2交换值：[a,b] = [b,a]......
2019-12-02 21:37:18
297
原创 项目中mock.js的使用,vue创建封装方法文件
1、教程、apihttps://www.cnblogs.com/slongs/p/10298896.htmlhttps://www.jianshu.com/p/5dfa9f0bb11e2、创建封装方法的文件：路径：src→utils→index.jsindex.jsexport function objClone(jsonObj) { let buf if ...
2019-11-21 09:51:41
302
原创 vue实例
1、点击按钮，样式切换<el-button @click="changeBtn('one')" :class="btnNum == 'one'?'active':''">昨日</el-button>2、插槽slot匿名插槽：<div> <p>这里是文字</p> <slot></slot...
2019-10-24 13:58:12
785
原创 echarts配置
1、曲线拐点样式 series : [ { name:'搜索引擎', type:'line', symbol:'circle',//拐点设置为实心 symbolSize:8,//拐点大小 stack: '总量', ...
2019-09-19 15:20:54
152
原创 js、jq小实例面试
1、动态设置显示的位置（x、y是获得鼠标的坐标），css不需设置left、top等$(".rt_mouse_box").show().css({left:x,top:y});2、什么是promise、和用法： 解决地狱回调问题3、跨域：引起原因：浏览器的同源策略、协议名、域名、端口号必须一致解决办法：1、jsonp（前端和后台）2、cors（后台）3、服务器代...
2019-08-14 17:34:20
440
原创 百度地图插件的使用
1、拾取坐标http://api.map.baidu.com/lbsapi/getpoint/index.html2、APIhttp://lbsyun.baidu.com/jsdemo.htm#a5_23、实例function fillbaiduMap(data){ var tree = $('#select').combotree('tree'); var no...
2019-07-10 17:16:06
3578
原创 redux的使用流程
1 、安装npm install --save redux2、在src目录下新建index.js和reducer.jsindex.js中import { createStore } from 'redux' // 引入createStore方法import reducer from './reducer' const store = createStore(red...
2019-07-09 22:06:03
1264
原创 react笔记
1、使用类时用：className2、label标签属性的for改用htmlfor3、vScode快速生成代码快捷件的插件：Simple React Snippets4、组件的建立与使用新建子组件js文件父组件引入并使用4、组件传值：父组件向子组件传递内容，靠属性的形式传递，如 xxx={value}父组件传值和方法给子组件：<XiaojiejieI...
2019-06-28 15:25:09
150
原创 react的环境搭建
1、装node、npm、cnpmhttps://blog.csdn.net/qq_36784628/article/details/845870262、win+r打开终端输入：npm install -g create-react-app//或cnpm install -g create-react-app3、在d盘建一个文件夹，并且cd进入D: //进入D盘mkdi...
2019-06-27 16:40:55
284
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人