12 buzul

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 11w+

学习jsonp

jsonp以前学过,当时就挺懵的,还全忘了,这次就当复习了一遍jsonp,

2020-08-11 15:21:04

网页的标题栏添加小图标

方法:在对应的网页的 html 或者 jsp文件里写入一句话   在<head>标签里添加下方代码:   <link rel="icon" type="image/x-ico" href="../img/logo.jpg"/>   图片格式:已知的.ico、.jpg 都可以   注:图片的宽高最好一致,因为图标区域的原始设定是正方形区域。   效果如下:   要添加的图片 ———————————————>添加后的情况——————————>...

2020-08-10 08:20:09

jQuery---each方法

each方法each方法 //each方法 $("li").each(function (index, element) { $(element).css("opacity", (index + 1) / 10); })for循环方法 for (var i = 0; i < $("li").length; i++) { $("li").eq(i).css("opacity", (i...

2020-08-09 08:20:05

vue中报错Do not use built-in or reserved HTML elements as component id details

原因是定义了一个叫做details的comonent跟现有的html网页中的标签重合export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: ...

2020-08-08 15:21:04

JS DOM属性,包括固有属性和自定义属性,以及属性获取、移除和设置

属性分为固有属性property和自定义属性attribute固有属性查看固有属性可以通过ele.property 来获取,自定义属性不行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ ...

2020-08-08 08:20:13

CSS Sprite雪碧图应用

CSS SpriteCSS雪碧图为了减少http请求数量,加速网页内容显示,很多网站的导航栏图标、登录框图片等,使用的并不是<image>标签,而是CSS Sprite雪碧图。雪碧图使用场景:1、静态图片,不随用户信息的变化而变化2、小图片,图片容量比较小3、加载数量比较大4、一些大图不建议拼成雪碧图(减少HTTP请求数,加速内容显示)雪碧图实现原理:background-position移动位置时,坐标都需要设置成负值雪碧图生成方式1、PS手动拼图2、大...

2020-08-07 20:21:10

html网页基本结构

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。HTML5 DOCTYPE 的 HTML 文档类型如下:1 <!DOCTYPE html>2 <html>3 <head>4 <title>Title of the document</title>5 </head>6 <body>7 The content of the do...

2020-08-07 15:21:03

前端手写代码原理实现

前言现在的前端门槛越来越高,不再是只会写写页面那么简单。模块化、自动化、跨端开发等逐渐成为要求,但是这些都需要建立在我们牢固的基础之上。不管框架和模式怎么变,把基础原理打牢才能快速适应市场的变化。下面介绍一些常用的源码实现:call实现bind实现new实现instanceof实现Object.create实现深拷贝实现发布订阅模式callcall用于改变函数this指向,并执行函数一般情况,谁调用函数,函数的this就指向谁。利用这一特点,将函数作为对象的属性,由对象进行调...

2020-08-06 21:50:24

ES6 - 基础学习(1): 开发环境搭建

现在Chrome浏览器已经很好的支持ES6了,但有些低版本的浏览器或其他浏览器还是不支持ES6的语法,因此实际项目开发或上线过程中就需要把ES6的语法转变成ES5的语法。项目开发过程中Webpack 有自动编译转换功能,因此免去了环境搭建这一步。但除了Webpack自动编译外,我们还可以用Babel来完成编译。下面搭建一个基本的ES6开发环境。一、全局安装babel-cli  在CMD终端命令行 或 代码编辑工具(vscode、webstorm) 终端中 输入以下命令,全局安装babel-c...

2020-08-06 15:21:05

Javascript 基础学习(七)常用内置对象

Array定义数组也是一个对象,是一个用来存储数据的对象。和Object类似,但是它的存储效率比普通对象要高。数组中保存的内容我们称为元素。数组使用索引(index)来操作元素。索引指由0开始的整数。数组操作//创建数组var arr = new Array();//使用内置对象Arrayvar arr2 = new Array(10);//表示创建一个长度为10 的数组var arr3 = [];var arr4 = [];//表示创建一个数组,数组中只有一个元素 10//向...

2020-08-05 20:21:12

this指针

this指针javascript中this指针是动态的,主要是根据当前函数执行上下文及函数调用方式决定的.以函数方法调用时this指针全局或严格模式中为undefined以方法调用时this是指针当前对象实例的.以构造函数方式时this指向当前创建的实现对象apply、call 、lambda表达式 可用于绑定this指针.注意:别绕晕了函数方式调用// 以函数方式调用var x = 2function test() { console.log(this.x); // ...

2020-08-05 08:20:08

CSS——06扩展:高级

人生苦短,要学就只学有用的【前端教学-CSS-高阶技巧】CSS样式初始CSS高级技巧目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术,这个技术比较重要能用滑动门做导航栏案例,这个技术比较重要1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!1.1 display 显示(重点)...

2020-08-04 15:21:07

89组合margin、padding、float、clear问题

有关css外边距margin和内边距padding样式,简而述之,顺时针方向旋转,按照上右下左读取,margin-top:/*距离上边距*/margin-right:/*距离右边距*/margin-bottom:/*距离底边距*/margin-left:/*距离左边距*/;数值排列4-1,比方说margin:10px 11px 12px 13px;/*上右下左*/margin:10px 20px 30px;/*上下不一样,左右一样*/margin:10px 20px;/*上下10px 左右20px...

2020-08-04 08:20:06

JavaScript中,数组和对象的遍历方法总结

循环遍历是写程序很频繁的操作,JavaScript 提供了很多方法来实现。这篇文章将分别总结数组和对象的遍历方法,新手可以通过本文串联起学过的知识。数组遍历方法一:for 循环for 循环是使用最多,也是性能优化最好的一种遍历方式。var arr = ["a", "b", "c"];for (var i = 0; i < arr.length; i++) { console.log(arr[i])}// a b c同样常规的循环类型还有 while 循环和 do/wh...

2020-08-03 20:21:12

transition 过渡的兼容性处理

transition兼容性:封装一个js来验证浏览器是否兼容transition,以及选择兼容的写法以下是transition.js(function(){ //判断transition属性是否存在 //存在:空字符串 //不存在:undefined //console.log(document.body.style.transition); var transitionName={ transition:"transitio...

2020-08-03 08:20:05

JavaScrip流程控制之switch选择,for循环

swith根据表达式的值来case ,break执行跳转语句 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>JavaScrip流程控...

2020-08-02 15:21:07

CSS选择器有哪几种?举例轻松理解CSS选择器

CSS选择器汇总(清爽版)1、元素选择器标签名{ }2、id选择器#id属性值{ }3、类选择器·class属性值{ }4、选择器分组(并集选择器)作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)语法:选择器1,选择器2,选择器n{ }5、复合选择器(交集选择器)作用:选择更准确更精细的目标元素并为其设置属性语法:选择器1选择器2选择器n{ }<!--注意选择器之间不能有空格,要紧挨在一起-->6、通配选择器作用:用...

2020-08-02 08:20:07

vue目录结构熟悉

给项目的入口文件做点小改变:【补充:编辑器建议使用vscode,我还没装,暂时先用phpstorm】打开 APP.vue 文件,代码如下(解释在注释中)<template> <div id="app"> <img src="./assets/logo.png"> <router-view/> <hello></hello> </div></template...

2020-08-01 20:21:14

响应式网页设计项目#3---Product Landing Page----电商企业---伯库电玩的塞尔达促销页面

响应式网页设计项目#3---Product Landing Page电商企业,伯库电玩的塞尔达促销页面https://codepen.io/yiyunpan//#技术堆栈1. 使用HTML、JavaScript和CSS完成。这里是纯CSS做的#内容1. 使用了H5 语义化的标签2. 重点使用了CSS3的Flex布局(CSS3动画还未加入)3. 三拔:拔图,拔网站的写法,拔字体。4. 设计网页布局,UI,配色,设计电商企业logo,公司名称(最开心最得意的就是这块了,充...

2020-07-31 15:21:06

本地存储localStorage和sessionStorage

cookie劣势:存储大小限制,4kb单域名下有数量限制,50个左右污染请求头,浪费流量本地存储web storage包括localStorage和sessionStoragelocalStorage 本身是一个对象,可以打印查看<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>localStorage<...

2020-07-30 15:21:08

查看更多

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