- 博客(29)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 手机上调试H5页面
1.在h5页面中引入js文件<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>2.在全局中或者打印的地方写var vConsole = new VConsole();3.打印要调试的内容console.log(res)4.手机浏览 右下角会有绿色...
2020-03-30 16:38:55
2840
原创 webpack配置
1.新建文件夹 webpack-demovscode 打开文件 -》打开控制台（只要进入文件目录中）2.初始化webpackwebpack init -y //生成package.json3.安装webpacknpm install webpack webpack-cli -D --registry=https://registry.npm.taobao.org会生成...
2020-03-29 23:26:08
153
原创 html性能优化
1.加载更快压缩代码 合并代码 SSR服务器端渲染 缓存2.渲染更快css写在head中 js 写在body 最下边使用懒加载（图片懒加载 上滑在家更多）对DOM进行缓存不要频繁操作DOM 合并到一起插入DOM节流throttle 防抖 debounce...
2020-03-29 20:49:59
302
原创 window.addEventListener()和document.addEventListener()区别
window.addEventListener('load',function(){//页面的全部资源加载完后才会执行 包括 图片 视频等})window.addEventListener('DOMContentLoaded',function(){//Dom 渲染完即可执行 此时图片视频还可能没加载完})...
2020-03-29 20:44:55
7067
原创 从输入url到渲染出页面的整个过程
1.加载资源形式1）html 代码2）媒体文件 图片 视频3）js css2.加载资源的过程1）DNS 解析 域名-》IP2) 浏览器根据IP地址向服务器发起http请求（可能https）3)服务器处理http/https 请求并返回给浏览器3.渲染页面的过程1）根据html代码生成DomTree2)根据css生成cssom3)整合行程RenderTre...
2020-03-29 20:36:59
434
原创 linux 基本命令
1.创建文件夹mkdir abc2.查看 文件ll abc3.删除文件夹rm -rf abc4.删除文件rm a.js5.定位目录cd abc6.修改文件名mv index.html index1.html7.移动到上级目录mv a.js ../a.js8.回到上级目录cd ../9.拷贝cp a.js a1.js10.新建...
2020-03-29 20:26:02
191
转载 vuex五个核心属性的理解
Vuex的五个核心概念本文参考自Vue文档，说的非常详细，建议看文档。Vuex是什么？VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念，state,getters,mutations,actions,modules。本文将对这个五个核心概念进行梳理。...
2020-03-25 09:42:50
513
原创 vuex
1转载https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc
2020-03-24 14:24:14
147
原创 JS 原型原型链
<html><head> <title>class</title> <meta charset="utf-8"> <style> </style></head><body> es6写法 class {constructor 属性 ...
2020-03-24 13:31:37
116
原创 JS DOM
<html><head> <title>DOM</title> <meta charset="utf-8"> <style> .red { color: red; } </style></head><...
2020-03-24 13:29:53
180
原创 js BOM
<html><head> <title>BOM</title> <meta charset="utf-8"> <style> </style></head><body> <P>知识点:navigator locat...
2020-03-24 13:29:10
94
原创 js bind函数
<html><head> <title>手写bind函数</title> <meta charset="utf-8"> <style> </style></head><body> 返回一个函数</body></h...
2020-03-24 13:28:21
149
原创 js event事件
<html><head> <title>event事件</title> <meta charset="utf-8"> <style> </style></head><body> <h2>事件监听 事件冒泡 ...
2020-03-24 13:27:24
161
原创 js 手写jquery插件
<html><head> <title>手写jquery插件</title> <meta charset="utf-8"> <style> </style></head><body> 手写jquery 插件 考虑扩展性 <p...
2020-03-24 13:26:06
205
原创 js promise
<html><head> <title>promise</title> <meta charset="utf-8"> <style> </style></head><body> <h1>同步和异步 </h1> ...
2020-03-24 13:24:15
136
原创 js 闭包
<html><head> <title>闭包</title> <meta charset="utf-8"> <style> </style></head><body> 函数作为返回值被调用 函数作为参数被调用 所有自由变量...
2020-03-24 13:22:37
101
原创 js this指向
this调用方法1.作为普通函数调用2.用apply call bind3.作为对象方法被调用5.在class方法中调用6.箭头函数<html><head> <title>this作用域</title> <meta charset="utf-8"> <style> ...
2020-03-24 13:08:47
197
原创 vue实现表格拖拽并且可编辑
1使用vuedragger第一步安装 vuedraggernpm install vuedraggable --save 或者npm i -S vuedraggable第二步 组件中引用import draggable from "vuedraggable"第三步 初始化组件components: {draggable,}第四步 附上关键代码<...
2020-03-20 15:52:17
4574
原创 vue之element-ui文件上传下载
1.文件上传兼容IE //以一个方法的形式 调用改方法传递参数 //pafurl 是一个网络地址(浏览器打开可以访问) http://** //name 文件下载下来的文件名字 onDownLoad(pafurl, name) { axios.get(pafurl, { responseType: 'blob' }) ...
2020-03-20 15:35:58
2334
原创 fiddle 抓包
1.下载 fiddle 安装2.打开fiddle tools->options 配置点完第二步 yes 安装证数端口号 8888 勾上 允许远程连接安装之后重启fiddles关闭电脑防火墙（不然手机上不了网的）4.配置手机安卓手机 打开wiff手机浏览器输入 http://ip:端口号 （ip是电脑IP 端口号是 fiddle ...
2020-03-15 22:27:17
326
原创 git 总结
1.用码云管理工具1.登录码云 ----新建仓库 (填写信息)---完成复制https下边的地址2.上传本地文件(上传方法很多,找你喜欢的来)在要放置的文件夹中,右键选择Git Bash Here 打开命令行(git 需要下载安装 不然没有这个的)直接命令 git clone 复制的https地址把要上传的文件放到同目录下 提交(命令行或者界面化都可以)3.gi...
2020-03-14 15:01:17
151
原创 vue 生命周期自理解
1.beforeCreate实例初始化之后，数据观测（data observer）和event/watcher 事件配置之前被调用。data(){return{ name:""}}beforeCreate(){console.log(this.name) //undefined methods和watch 里面的也是用不了的目前...
2020-03-13 22:12:30
234
原创 vue之 el-dialog 那些问题
1.单独的组件不依赖父组件怎么关闭dialog把dialog弹出框写在子页面中 不要写在父页面中。在页面中调用弹框页面中的方法进行传值。控制dialog显示 this.$refs.***.funcname(parms)；2 dialog 弹出框中的页面不显示 不写在弹出框中的页面会显示。多半因为dialog 还未渲染完成 已经加载子页面中的方法。解决：this.$nextTick(f...
2020-03-13 21:49:02
2231
原创 vue父子页面传值
1.props 传值//父组件 传递参数到自组件<template> <div> <my-vue :name="name" :age="age"></my-vue> //:name="name" 传递name的值到子组件 </div></template><script>impor...
2020-03-13 21:36:08
1131
转载 ArcGIS API For JavaScript4.x本地部署微件图标显示问题的解决方案
一、在IIS中添加HTTP响应标头1、打开本地IIS管理器，找到HTTP响应标头2、双击进入后分别添加下列响应标头Access-Control-Allow-Credentials:trueAccess-Control-Allow-Headers:origin,x-requested-with,content-typeAccess-Control-Allow-Methods:...
2020-03-06 14:31:15
455
原创 vue 跨域配置
1.需求 vue项目中 有时候会遇到外源的地址 域名或端口 不一致 就会 跨域配置.在vue.config.js(有的不是这个文件) 中配置 webpack-dev-server(可以找项目中这个的配置地方).重要代码:proxy: { '/api':{ //代码加载的时候 用 /api 替换 target的地址 target:'http://...
2020-03-06 14:21:41
780
原创 vue开发环境和生产环境应用
1.需求 项目中经常会有线上线下接口地址 服务 内网 外网的区分,发布的时候改来改去很麻烦..有些不能统一配置的内网外网就引用的时候需要判断一下.//process.env是全局配置的 可以在各个js 和vue 组件中使用if (process.env.NODE_ENV === 'development') { //开发环境 production 生产环境 // 引用js 接...
2020-03-06 14:00:47
833
原创 vue页面中嵌入iframe外源地址页面 监听iframe 中事件
1.需求 vue中需要嵌入iframe 地址是第三方的 当iframeh中页面点击的时候.vue需要监控到这个事件将本页面关闭.代码中 js 发送和接收方法//vue组件中是个弹框<template> <el-dialog title="编辑" :visible.sync="editDialog" center :fullscreen="true" append-to-...
2020-03-06 13:53:49
13078
7
原创 html页面跳转及回退的几种方式
1.在页面里面跳转 比如有iframe 外壳 是在iframe 里面跳转window.location.href="****"回退用:window.history.back() 或者 window.history.go(-1)2.基于浏览器的跳转 有外壳 可以直接跳出来window.open("*******")回退: window.open("about:blank", "...
2020-03-06 13:31:39
4328
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人