3 muzidigbig

尚未进行身份认证

我要认证

凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。

等级
TA的排名 5k+

js---跨域

js同源策略:含义:浏览器安全的基石是“同源政策”(same-origin policy)“,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。最初,它的含义是指,A 网页设置的 Cookie,B 网页不能打开,除非这两个网页“同源”。所谓“同源”指的是”三个相同“。同源条件(三个相同):协议相同 域名相同 端口相同举例:http://www.example.com/dir/page.html 这个网址,协议是http://,域名是www.example.c

2020-10-23 15:18:40

es6---classList 属性

之前我们要操作一个DOM元素的class属性,需要对这个DOM的class进行繁琐的循环判断,而现在HTML5为每个元素定义了classLlist属性,用于在元素中添加,移除及切换 CSS 类。该属性是 DOMTokenList 对象(一个只读的类数组对象),你可以通过DOMTokenList定义的方法对其进行修改。classList 属性返回元素的类名,作为 DOMTokenList 对象。classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。语法:

2020-10-21 10:07:08

es6---Promise

promise是什么?Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现,ES6将其写进了语言标准,统一了用法,并原生提供了Promise对象。1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列为什么会有promise?为了避免界面冻结(任务) 同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,..

2020-10-20 11:17:56

移动端开发问题1

一.viewport<!-- 设置移动端视窗 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,u ser-scalable=no">二、解决点击响应延时 0.3s 问题大多数移动端触摸屏设备上点击的时候都会有0.3秒的延迟问题,我们做移动端web app开发的时候应该都遇到过这个问题,通过以下

2020-09-10 15:46:05

手机端解决2倍图3倍图自适应

1.第一种方法 通过 css 的 DevicePixelRatio 媒体查询属性:/*默认大小*/.photo {background-image: url(image100.png);}/* 如果设备像素大于等于2,则用2倍图 */@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min--moz-device-pixel-ratio: 2) { .photo { background-image:

2020-09-09 15:58:55

nodejs/express中使用node-sass

在原生nodejs中使用Sass1.创建根目录文件名称为expressPlay,运行 cnpm install(淘宝源安装)安装node_modules2.安装express: npm install express --save3.创建js文件命名为 app.js 并编写如下代码var express = require('express');var app = express(); /** * 中间件配置静态文件服务器托管 * app.use(express.stati..

2020-08-12 10:49:13

$().click()和$().on(“click“, “要选择的元素“, function(){})的区别

前言jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式。就拿$().click()和$().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说,都是点击事件的操作,但是也有不同的地方。$(选择器).click(function(){}):页面中已经存在的DOM(只针对与页面已存在的选择器)。$(ducument).on(‘click’,‘要选择的元素’,function(

2020-07-17 11:01:10

window.open()

window.open()方法可以导航到一个特定的URL,也可以打开一个心的浏览器窗口,一般可以接受三个参数:1.要加载的URL2.窗口名称或窗口的目标3.一个特殊的字符串(控制窗口的属性,属性之间用逗号分开)【注】不命名会每次打开新窗口;命名的第一次打开新窗口,之后崽这个窗口中加载 <button type="button" id="btn1">点击打开新窗口</button> window.onload = function() { docu

2020-07-03 15:13:00

QQ空间、新浪微博、豆瓣等一键分享API链接代码

一、qq空间&title=默认的文本内容或RICH化转播时的消息体标题,RICH化时最多15个全角字符的长度&url=转播页的url&pics=需要转播的图片url,多张以|连接&summary=分享描述信息&site=分享来源 如:腾讯网(可选)&desc=默认分享理由(可选)&appkey=填写正确的appkey,转播后将显示该key的来源&line1=消息体第一行的文字,最多15个全角字符的长度&line2=

2020-06-29 12:10:45

纯css实现rate评分组件

布局:事先生成好的iconfont:<linkrel="stylesheet"href="http://at.alicdn.com/t/font_1356455_c5d3d3ohlbq.css">一个很简洁的布局: <div class="rate-content"> <input type="radio" name="rate"> <input type="radio" name="rate"&g...

2020-06-20 11:53:42

jq----dom.trigger(eventType,data)执行dom绑定事件的处理程序和行为

trigger(type,[data])-----简言之:触发事件的处理函数和行为,也就是执行定义事件的执行函数type:一个事件对象或者要触发的事件类型data:传递给事件处理函数的附加参数当相应的事件发生时,任何通过.on()或一个快捷方法绑定的事件处理程序将被触发。但是,它们可以用.trigger()方法。调用 .trigger() 执行处理程序和用户自然的触发该事件,他们的执行顺序时相同的:$('#foo').on('click', function() { alert($

2020-05-15 15:26:53

解决谷歌浏览器http链接自动跳转到https的问题

有些网址http协议和https协议是两个服务,有时候需要访问http地址,但chrome会默认转成https请求地址输入 http://baidu.com 会自动跳转到 https://baidu.com这时候清理浏览器缓存之类的都是没有用的,需要进行如下操作,在chrome浏览器地址输入:chrome://net-internals/#hsts在最下面的Delete domain security policies里输入想要删除的网址,注意是去掉http://前缀的网址,如:h

2020-05-15 11:16:58

vue浏览器编译时 节点上出现data-v-xxx和父组件改变子组件的内部样式

一、data-v-xxxvue页面被浏览器解析后,在标签中出现’data-v-xxxxx’标记,如下:原因:在vue文件的css中样式加了scoped<style scoped> .FooterGuide{ color: pink }</style>这是在标记vue文件中css时使用scoped标记产生的,因为要保...

2020-02-22 22:11:19

Express+mongoose创建接口(api、跨域问题)

res.send(返回前台的数据);或res.json(返回前台的数据);item.jsvar mongoose = require("mongoose");// 连接数据库mongoose.connect("mongodb://127.0.0.1/todo_list");mongoose.connection.once("open", function() { c...

2020-02-18 11:13:59

路径url

一、相对路径目前我们在网页中使用的路径都是相对路径比如: ./an.jpg ../an.jpg an.jpg相对路径指外部文件相对于当前文件所在目录的位置(静态文件)二、绝对路径在实际开发中,由于一些特殊情况网页的路径经常会发生变化比如: http://localhost:8088/abc/bcd/form.html...

2020-02-13 11:12:33

node对敏感数据加密(sha1)

一、sha1加密/** * 1.安装 npm install sha1 --save * 2.引入 require("sha1") * 3.加密 sha1(str)*/var sha1 = require("sha1");var pwd = "123456";console.log(sha1(pwd));// 7c4a8d09ca3762af61e59520943dc...

2020-02-13 10:03:27

node自启动工具supervisor

supervisor会不停的watch你应用下面的所有文件,发现有文件被修改,就重新载入程序文件这样就实现了部署,修改了程序文件后马上就能看到变更后的结构。再也不用担心每次重启node了1.首先安装supervisornpm install supervisor -g2.使用supervisor代替node命令启动应用supervisor xxx.js...

2020-02-08 11:15:08

TypeScript基本语法---10类

相关概念类(Class):定义了一件事物的抽象特点,包含它的属性和方法 对象(Object):类的实例,通过 new 生成 面向对象(OOP)的三大特性:封装、继承、多态 封装(Encapsulation):将对数据的操作细节隐藏起来,只暴露对外的接口。外界调用端不需要(也不可能)知道细节,就能通过对外提供的接口来访问该对象,同时也保证了外界无法任意更改对象内部的数据 继承(Inher...

2020-01-20 18:30:46

TypeScript基本语法---09接口

接口 Interfaces接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。接口(Interfaces)是一个很重要的概念,可以理解为一种规范或者约束,用来描述 对象(object) 的形状 或者对 类(class) 的行为 进行抽象。对类的行为抽象将在后面 类与接口 一章中介绍,...

2020-01-20 11:51:41

TypeScript基本语法---08联合类型(类型别名 type、字符串字面量类型)

联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。表示取值可以为多种类型中的一种,使用 | 分隔每个类型。注意:只能赋值指定的类型,如果赋值其它类型就会报错。创建联合类型的语法格式如下:Type1|Type2|Type3 //联合类型var uniteType: string|number = 1122;console....

2020-01-16 15:08:41

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。