码媛小洋-CSDN博客

原创 mac的hosts配置

hosts是什么？我们本地可以通过修改hosts文件内容来实现ip地址到域名的映射。这样即使没有购买域名也能通多域名访问ip地址。例如常见localhost就是在hosts文件中对127.0.0.1进行了映射。查看hosts文件编辑hosts文件配置域名在命令行下输入： sudo vim /etc/hosts要记得使用sudo开头，需要管理员权限。编辑好后:wq!退出保存成功...

2021-08-24 14:45:17 385 1

简介flv.js是bilibili网站开源的使用纯JavaScript而不使用Flash编写的HTML5 Flash视频（FLV）播放器。通过将FLV文件流转换为ISO BMFF（Fragmented MP4）段，然后<video>通过Media Source Extensions API 将mp4段提供给HTML5 元素。flv.js用ECMAScript 6编写，由Babel Compiler编译成ECMAScript 5 ，并与Browserify捆绑在一起。优势带有H.26

2021-08-20 14:32:28 5345 1

转载 2020-10-08

<<Express的中间件 BodyParser>>在http请求种，POST、PUT、PATCH三种请求方法中包含着请求体，也就是所谓的request，在Nodejs原生的http模块中，请求体是要基于流的方式来接受和解析。body-parser是一个HTTP请求体解析的中间件，使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体，Node原生的http模块中，是将用户请求数据封装到了用于请求的对象req中，这个对象是一个IncomingMessag

2020-10-08 22:05:59 84

原创 HTTP数据请求的方式--fetch

什么是fetch、fetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象。点击查看fetch用法详情fetch的基本用法：fetch('http://localhost:3000/ceshi') .then(function(data) { //text()获取到json格式 // ret

2020-10-07 20:27:02 2873

原创 button按钮刷新页面的几种方式

<input type=button value=刷新 onclick="location.reload()"><input type=button value=刷新 onclick="location=location"><input type=button value=刷新 onclick="location.assign(location)"><input type=button value=刷新 onclick="document.execcom

2020-09-29 22:22:25 3367

原创 jsonp非正式传输协议实现跨域请求原理以及代码详解

json实现跨域请求原理以及代码详解什么是同源策略？什么是跨域？如何实现跨域数据请求？JSONP实现跨域请求的原理JSONP跨域的代码实现过程jqurey中调用jsonpajax与jsonp的异同什么是同源策略？如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。端口号之前的一样就可以，文件名可以不一样。浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：① 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB

2020-09-28 13:18:27 224

原创关于可以实现前端跨域请求后端接口的JWT认证机制

JWT是目前最流行的跨域认证解决方案JWT的工作原理当用户在客户端操作个人信息第一次提交账号和密码到服务端时，服务器端会验证账号和密码，验证通过后会将用户的信息对象进行加密，加密后生成Token字符串，此时服务器会将生成的Token字符串发送给客户端，把Token字符串存储在客户端的LocalStorage或SessionStorage中。当客户端再一次与服务端通信发起请求时，都会携带这个Token字符串，并通过请求头的Authorization字段，将Token发送给客户端，在服务器会把Token字

2020-09-24 00:30:58 706

原创 CSS3动画常见属性

属性描述@keyframes定义动画animation所有动画属性的简写属性，除了animation-play-stateanimation-name规定@keyframes动画的名称animation-duration规定动画完成一个周期所花费的秒或毫秒，默认是0animation-time-function规定动画速度曲线，默认是“ease”animation-delay规定动画何时开始，默认是0animation-iteration-...

2020-08-24 11:54:21 148

原创三、初识Canvas---绘制文本/擦除canvas/使canvas填满浏览器窗口

绘制文本/擦除canvas/使canvas填满浏览器窗口1、绘制文本2、擦除canvas3、使canvas填满浏览器窗口1、绘制文本context.fillText(文本名称，文本左下角x坐标，文本左下角y坐标)除非有充分的理由不使用普通的HTML元素，否则一定不要在canvas中创建文本。相反，应该使用普通的HTML元素创建文本，然后使用CSS定位到canvas之上。关键是使用HTML来处理文本内容，而使用canvas来处理像素和图形。$(document).ready(function ()

2020-08-23 13:14:21 1075

原创二、初识Canvas---修改颜色和线宽

初识Canvas---修改颜色和线宽修改样式之修改颜色：1.context.fillStyle= "颜色值"---修改背景颜色2.context.strokeStyle= "颜色值"---修改边框颜色修改样式之修改线宽修改样式之修改颜色：十六进制码/单词/rgba 都可以写在想要修改的上方1.context.fillStyle= “颜色值”—修改背景颜色//绘制矩形//context.fillRect(x坐标,y坐标,宽度,高度)//fillStyle实现填充效果context.fillSt

2020-08-23 00:36:36 3761

原创一、初识Canvas---基本使用和图形绘制

初识Canvas 基础概念在HTML文档中引入canvas理解2D渲染上下文的概念基本图形的绘制在HTML文档中引入canvascanvas元素的用法：<canvas id="myCanvas" width="300" height="150"></canvas>注意：在创建canvas元素时，要特别注意width和height属性。这两个属性明确定义了canvas元素的尺寸，从而相应的定义了2D渲染上下文的尺寸。如果不使用这些属性定义canvas元素的尺寸，那么2D渲染

2020-08-22 23:59:29 253

原创 BOM中window 对象的常见事件

BOM简介BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。窗口加载事件—传统的load方法window.onload =function(){}window.addEventL

2020-08-20 00:36:49 263

原创 setInterval() 定时器实现一个简单的页面倒计时

页面倒计时效果代码分析：倒计时效果时不断变化的，因此需要setInterval() 定时器每次调用一次函数自动变化。四个盒子里面分别存放天时分秒。四个盒子利用innerHTML放入计算得到的天数小时分钟秒数。第一次执行也是间隔毫秒数，因此第一次刷新页面会有空白，解决方案是先调用一次倒计时函数。最好采用封装函数的方式，方便调用。实现效果图：技术难点：JS内置对象-------Date对象（Date() 是一个构造函数，必须使用new来调用创建我们的日期对象）格式化获取日期

2020-08-18 13:27:41 2526 4

原创手把手叫你做ToDoList

ToDoList案例：案例介绍文本框里面输入内容，按下回车，就可以生成待办事项。点击待办事项复选框，就可以把当前数据添加到已完成事项里面。点击已完成事项复选框，就可以把当前数据添加到待办事项里面。但是本页面内容刷新页面不会丢失。toDoList 分析以及注意点刷新页面不会丢失数据，因此需要用到本地存储 localStorage。核心思路：不管按下回车，还是点击复选框，都是把本地存储的数据加载到页面中，这样保证刷新关闭页面不会丢失数据。存储的数据格式：var todolist =

2020-08-17 23:06:03 7325 2

码媛小洋的博客

原创常用地图坐标转化

原创淘宝镜像使用镜像切换