- 博客(58)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 记录vue配置跨域不起作用以及一些理解
http://127.0.0.1:4050/http://127.0.0.1:4050/test 很显然是不对的。1.请求路径写了全路径 这样就是错的 你如果写了全地址 代理的时候变成了。每次搜跨域 都会出来proxytable和proxy 这俩的区别。先看一组标准的配置及请求(请求方式不一样不用管 地址差不多就行)其实你可以看着 当我们碰到请求中带有/api的时候 我们自动带上。不用怀疑自己 这样配置是绝对没问题的 这样我们是成功的。vue-cli3.0以后使用的proxy。
2022-09-15 11:03:57
3337
5
原创 git dep preparation failed 报错
npm ERR! code 128npm ERR! git dep preparation failednpm ERR! command E:\node.exe C:\Users\92417\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js install --force --cache=C:\Users\92417\AppData\Local\npm-cache --prefer-offline=false --prefer-online=fals
2022-02-24 16:17:55
20554
3
原创 electron 渲染进程中remote为undefined
electron 渲染进程中remote为undefined在渲染进程中使用remote 为undefinedv10版本 需要在主进程中打开 enableRemoteModule: true,v14版本后 electron团队删除了这个模块 需要自行下载remote包 github在下载完成后 我们需要在主进程 初始化这个包require('@electron/remote/main').initialize();我们在webPreferences中的配置不变渲染进程中去按照文
2021-09-08 16:25:46
884
4
原创 vue踩坑记录
Vue scoped 踩坑记录Vue scoped 样式局部作用域 通过vue给每个类名转换 从而保证不重复当我们在vue组件里写样式时 如果不加 scoped 会照成全局污染 打包后可能会照成 样式错乱（今天就遇到了 解决方法 给用到样式的 都加上了scoped 属性）...
2021-06-08 17:12:26
107
1
原创 Vue的钩子函数
钩子函数类似于回调函数回调函数 : 让开发者在特定的时候 执行自定义逻辑vue自定义指令的钩子函数bind ： 让开发者在将自定义指令绑定到dom元素上时 执行自定义逻辑 inserted ： 让开发者在元素插入dom树的时候 执行自定义逻辑 update ： 让开发者在元素状态发生改变的时候 执行自定义逻辑 Vue.directive("" , { }) vue 的生命周期钩子ht
2020-12-21 19:07:20
335
原创 vue基本指令
Vue 版本1. 开发环境 :<!-- 开发环境版本，包含了有帮助的命令行警告 相当于jquery中的开发版本 开发中 经常使用 因为出错有提示--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2. 生产环境<!-- 生产环境版本，优化了尺寸和速度 相当于jquery.min.js --><!-- <script src="https:
2020-12-21 18:48:31
167
原创 node插件 javascript, MD5密码加密
MD5加密插件使用步骤1 : github搜索 MD5步骤 二 :2.1 安装插件:终端输入 : npm install blueimp-md52.22.32.4引入 : md5插件2.5获取 password的值 : let password = $("#password").val();调用加密方法 : password = md5(password);2.6输入用户名 密码 :加密成功 :password" : "e10adc3949ba59ab
2020-12-14 20:34:10
267
原创 node.js （三） express中间件
express静态资源托管1.导入express模块 const express = require("express");2.创建服务器const app = express();3.静态资源托管 app.use(express.static('public')); app.use(express.static('static'));4.开启监听 app.listen(4399);5 路由的使用// 导入express模块const express = require("e
2020-12-14 20:20:14
131
原创 node.js模块简易使用（二）http url path crawler
http url path 三个模块导入模块const http = require("http");创建http服务const server = http.createServer((request, response) => { console.log(1111); // console.log(request); // 请求路径 console.log(request.url); // 请求方式 console.log(reques
2020-12-07 19:19:43
110
原创 node.js安装和模块简易使用（一）
什么是node.js ?1.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 v8解析js是最快的2.nodejs是让js运行在服务器端nodejs里面的API大多数都是异步服务器端的js和浏览器端的js有什么区别?客户端的js三个组成部分 :DOM 文档对象模型 js操作网页内容的一套APIBOM 浏览器对象模型 js操作浏览器页面的一套APIECMAScript 一套js语法的规范 for服务端的js 只有ECMAScript 独立于浏览器运行的
2020-12-07 19:10:47
106
原创 JavaScript Array map() 方法
定义和用法map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。！！！注意： map() 不会改变原始数组。！！！array.map(function(item,index,arr), this指向)map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。实例返回一个数组，数组中元素为原始数组的平方根:var numbers = [4,
2020-11-30 20:20:26
519
原创 promise(让异步变的同步)
promise是什么？1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列为什么会有promise？在实际的使用中，有非常多的应用场景我们不能立即知道应该如何继续往下执行。最常见的一个场景就是ajax请求。通俗来说，由于网速的不同，可能你得到返回值的时间也是不同的，这个时候我们就需要等待，结果出来了之后才知道怎么样继续下去。// 简单的ajax原生实现var url = 'data.php';var
2020-11-30 19:58:01
5530
1
原创 JS原生上传文件
要想上传文件 你需要认识FromData对象formData是ajax2.0(XMLHttpRequest Level2)新提出的接口,利用FormData对象可以将form表单元素的name与value进行组合,实现表单数据的序列化,从而介绍表单元素的拼接,提高工作效率 必须post请求上传文件元素在HTML表单中，可以上传文件的唯一控件就是input type=“file”。注意：当一个表单包含input type=“file”。时，表单的enctype必须指定为multipart/form
2020-11-23 20:02:10
4498
原创 原生js解决跨域
第一种 (jsonp)服务端支持jsonp才行JSONP(JSON with Padding) 是一种跨域请求方式。主要原理是利用了script 标签可以跨域请求的特点，由其 src 属性发送请求到服务器，服务器返回 js 代码，网页端接受响应，然后就直接执行了，这和通过 script 标签引用外部文件的原理是一样的。JSONP由两部分组成：回调函数和数据，回调函数一般是由网页端控制，作为参数发往服务器端，服务器端把要返回的数据拼成字符串作为函数的参数传入。比如网页端创建一个 script 标签，并给
2020-11-23 19:28:28
3772
原创 jquery获取元素
jquery 获取节点方法$('.test').parent();//父节点$('.test').parents();//全部父节点$('.test').parents('.test1');//含有类名.test1的父节点$('.test').children();//全部子节点$('.test').children('li');//元素为li的全部子节点$('.test').prev();//上一个兄弟节点$('.test').prevAll();//之前所有兄弟节点$('.
2020-11-14 15:34:40
124
原创 js获取节点
原生js获取节点获取第一个子节点 : 父元素.firstChild获取第一个子元素 : 父元素.firstElementChild <ul id="ul"> wwwwww <!-- 我是注释 --> <li>我是li标签1</li> <li id="li2">我是li标签2</li> <li>我是li标签3</li> <li>我是li标签4</li> <li>
2020-11-14 15:11:04
152
1
原创 Swiper使用配置（一）
html 结构可以参考 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-s
2020-11-07 15:44:11
3160
2
原创 Swiper新手教程
Swiper 使用方法1.首先加载插件，需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件，不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="dist/css/swiper-bundle.min.css"></head>&
2020-11-07 14:19:05
1224
1
原创 用css动画写一个文字落下的背景动画（密恐勿进）
效果：这里其实全是span 标签 然后使用css3动画让他动起来就行了 比较简单 直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl
2020-10-31 17:15:08
1025
原创 用css写一个数据热点效果
效果如下：分析1.这里看到的大概有三个圈 围着点在做放大动画所以我们写四个盒子 点+3个圈<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t
2020-10-31 15:18:06
248
原创 jQuery常用方法盘点（一）
元素$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式$(”元素名称”).toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”元素名称”).html(); 获得该元素内的内容（元素，文本等）$(”元素名称”).html(”new stuff”); 给某
2020-10-24 14:38:15
125
原创 CSS3 弹性盒子(Flex Box)(一)
CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置** display 属性的值为 flex
2020-10-20 20:42:46
131
原创 javascript对象保护
javascript对象保护 { //四大特性: value: //实际存储属性值 writable: true/false, //控制是否可修改 enumerable: true/false, //控制是否可被for in遍历 //但是，用.依然可强行访问该属性 configurable: true/false, //控制是否可删除该属性 //控制是否可修改另外两个特性}保护数据属性的两种方法:1.修改单条数据的属性
2020-10-17 15:56:52
119
原创 javascript 图片转base64（免费源码）
图片转base64前几天 我看微信小程序不能上传本地图片了 只能用网络 链接和base64位的 链接网上虽然有 很多免费转换的网站 但私密照片上传网上 感觉还是不妥于是用javascript写了一个图片 转64位的小demo 各位可以直接拿去使用话不多说 直接上源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor
2020-10-17 14:16:23
329
原创 百度地图入门API使用（一）
本文章叫你如何简单的使用百度提供的地图api首先需要注册一个百度地图的账号详情 请 点击百度开放平台我们跳过此步做一个自己的地图dome查看开发文档我们可以看到 首先需要使用百度提供的script然后我们需要在页面给 api一个容器直接上代码 引入百度script文件 <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的秘钥"></
2020-10-10 20:11:31
943
原创 移动端的rem单位
rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。为什么web app要使用rem？这里我特别强调web app，web page就不能使用rem吗，其实也当然可以，不过出于兼容性的考虑在web app下使用更加能
2020-10-07 12:36:51
201
原创 浏览器localStorage 本地存储
1. localStorage 本地存储localStorage 存储的特点 :本地存储 就是把数据存储在浏览器端1.如果我们把数据存储在localStorage里面 除非我们手动删除, 否则他就会一直存在(关闭浏览 器 电脑重启 等等 都不会删除)2.数据的本地存储是按照不同网站来存储的(不同域名) 不同网址之间 数据不共享 但是同一网站的不同页面 数据共享3.本地存储数据 只能存储字符串, 对于复杂数据类型的存储 会调用对应数据的toString 方法 变成字符串之后 在进行存储存储复杂数
2020-10-07 12:30:00
1321
原创 响应式Bootstrap导航栏案列
当我们学习了媒体查询后 我们可以试试去写一下Bootstrap的导航栏 练练手当屏幕尺寸小于767px的时候它的导航栏样式为下图所示首先我们先来写个布局 写响应式网站的时候原则是从大到小 或从小到大 （屏幕） 我们写的是从小到大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
2020-10-06 17:22:07
378
原创 响应式开发@media媒体查询
什么是响应式网站？就是在不同终端设备上和任何尺寸的屏幕上也可以展示完美的设计响应式网站的中心思想flexible grid layout 弹性网格布局flexible image 弹性图片media queries 媒体查询响应式网站的优点：减少工作量网站、设计、代码、内容都 只需要一份多出来的工作量只是JS脚本、CSS样式做一些改变节省时间每个设备都能得到正确的设计搜索优化响应式网站的缺点：会加载更多的样式和脚本资源设计比较难精确定位和控制
2020-10-06 14:59:11
284
2
原创 canvas画布的使用(一)
canvs画布介绍canvas 就是画布的意思1.获取canvas 元素2.搭建canvas绘制环境(我们所有的绘制行为都是在这个环境下进行的)3.在内存绘制(仅仅存在于内存中 我们看不到)4.绘制到页面上(调用stroke方法)1.创建一个画布 <canvas id="myCanvas"> </canvas> 1.获取canvas元素2.搭建canvas画布的绘制环境 var canvas = document.getElementById("myCanv
2020-09-27 21:00:43
755
1
原创 javascript函数节流（简易）
我们在平时开发的时候，会有很多场景会频繁触发事件，比如说搜索框实时发请求，onmousemove, resize, onscroll等等，有些时候，我们并不能或者不想频繁触发事件，咋办呢？这时候就应该用到函数防抖和函数节流了！函数节流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
2020-09-23 20:38:57
276
原创 防抖函数JavaScript（原理分析）
我们在平时开发的时候，会有很多场景会频繁触发事件，比如说搜索框实时发请求，onmousemove, resize, onscroll等等，有些时候，我们并不能或者不想频繁触发事件，咋办呢？这时候就应该用到函数防抖和函数节流了！函数防抖<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="widt
2020-09-20 15:12:25
259
原创 原生javascript全选小功能（事件委托）
怎么才算全选？无非就是当前也面的所有数据都被勾选了因此我们需要给每个复选框都添加事件 或者使用事件代理现有这样的页面代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2020-09-19 15:33:11
227
原创 检测JaveScript中数据的类型
谈到检测JaveScript中数据的类型，那么我们先了解一下JaveScript中数据有哪些类型这里不考虑ES6新增第七种Symbol数据类型，它的实例是唯一且不可改变的类型的值以及BigInt，他 是一种数字类型的数据JaveScript的数据类型基本数据类型1.Number 数字类型根据 ECMAScript 标准，JavaScript 中只有一种数字类型：基于 IEEE 754 标准的双精度 64 位二进制格式的值（-(253 -1) 到 253 -1），他除了可以表示我们常见的一些数值外
2020-09-13 21:37:48
77
原创 TypeScript学习笔记(2) 定义方法
在TypeScript中定义方法// 方法//方法可选参数age?:number 需要配置在最后面function getInfo(name:string,age?:number):void{ console.log(name,age)}getInfo('小程')//方法可选参数设置默认参数age:number=20function getInfo1(name:string,age:number=20):string{ return name+'今年'+age;}ge
2020-09-05 17:40:37
281
原创 JavaScript实现原型继承
继承就是继承原型 有很多种方法 但可以分为两类1.继承原型及属性2.共用原型复制属性1.继承原型及属性 //父类 //定义在原型上的init方法 Person.prototype.init = function() { console.log(this.name + "在读书") } //定义在原型上的属性方法 Person.prototype.abc = 3 function P
2020-09-04 22:51:49
252
原创 JavaScript克隆对象(深，浅)
克隆字面意思就是复制一份数据 直接上代码我们封装一个方法用来克隆 //son代表子类 father代表父类 isclone true为深度克隆 flase为浅克隆 function clone(son, father, isclone) { //是否深度克隆 if (isclone) { //这里是用一个变量存储Object里的toString方法 用于后面来判断引用类型
2020-09-04 20:50:44
118
原创 Dom节点的获取 ||| 遍历一个分支上的所有不含空的节点
在javascript中 我们通常会对dom元素进行一些操作那么我们怎么去获取到需要操作的节点呢?Dom api // 不带Element 的都是dom核心语法Node节点 在node.js中也可以用 console.log("打印获取html内容") console.dir(document.documentElement) console.dir("打印body内容") console.dir(document.body)
2020-08-27 17:03:07
161
1
原创 TypeScript学习笔记(1) 基本类型
TypeScript学习ts的笔记 关于ts声明的方式 强类型定义的是什么类型就只能写什么类型的值Number类型可以是整数和浮点数// 数字类型可以是整数和浮点数let num:number;num = 123;string字符串类型let str:string;str = 'string类型'Boolean布尔类型let isok:boolean;isok = falseArray数组类型// 数组的定义1 只能存储数字 跟java定义数组一样 int arr[] = [
2020-08-23 17:32:02
173
js一些正则应用封装js文件
2020-08-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人