自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

转载 每个前端工程师都应该懂的前端性能优化总结:

文章目录采用css雪碧图(css sprite/css图片精灵)技术在项目中,我们最好把css或者js文件进行合并或者压缩,尤其是在移动端开发的时候,如果css或者j s内容不是很多,我们可以采用内嵌式,以此减少http的请求次数,加快页面加载速度采用图片懒加载技术,在页面开始加载的时候,不请求真实图片地址,而是用默认图占位,当前页面加载完成后,在根据相关的条件依次加载真实图片(减少页面首次加载http请求的次数)对于不经常更新的数据,最好采用浏览器的304缓存左处理,主要由服务器处理(减少http请求.

2020-11-30 20:43:08 224 1

转载 【转】前端的BFC、IFC、GFC和FFC

什么是BFC、IFC、GFC和FFCCSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。1、BFC*BFC(Block Formatting Contexts)直译为"块级格式化上下文"。Block Formatting Contexts就是页面上的一个隔离的渲染区域,容器里面的子元素不会

2020-11-30 18:39:01 298

原创 对于原型和原型链的理解

先看上面的图,网上画的图对于新手来说可能不是很透彻,这时候结合这个例子你去在代码上试试,会发现所有关于原型和原型链的基本意思都概括在这里了。每个构造函数都有一个原型对象,每个实例又都有一个指针(proto)来指向原型对象,如果让Two的原型等于One的实例,再让Three的原型等于Two的实例,这样Three的实例也有了指向One.prototype的指针,当我们在构造函数3的实例中访问一个属性或者方法时,会先在对象自身进行查找,如果没有则会在Three.prototype中查找,如果还没有找到.

2020-11-26 20:30:43 325

原创 自学python总结的基础语法

标识符的命名规则(我们自己起的名字都是标识符):字符(大小写都可以)可以包含:下划线 数字 驼峰命名法 ,不能使用内置关键字数据类型:# 数值num = 30print(type(num))num1 =3.14159265358939723896print(type(num1))# 字符串str = '就这?'print(type(str))# 布尔型boo = Trueboo1 = Falseprint(type(boo))print(type(boo1))#

2020-11-23 15:03:47 113 1

原创 关于attr和prop设置或者返回被选元素的属性和值的一些区别用法

attr()和prop()都是设置或返回被选元素的属性和值的方法他们的共同点是:当这两个方法用于返回属性值的时候,则返回第一个匹配元素的值。但是还是有所区别的:attr:当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。prop:当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。通过JQuery官网引入prop之后,就出现了选择的问题,用我的话理解就是:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM

2020-11-09 18:47:53 862

原创 谈一下JS中call、apply、bind的异同和用法

首先他们都是调用一个对象的方法,用另一个对象替换当前对象。举个例子:B.call(A, args1,args2);即A对象调用B对象的方法。B.apply(A, arguments);即A对象应用B对象的方法。可以看到:相同点------方法是一样的,------第一个参数的作用是一样的,不同点------两者传入的列表形式一样call可以传入多个参数apply只能传入两个参数。第二个参数往往是作为数组形式传入 var name = '小张', ag

2020-11-06 15:40:50 124

原创 关于APP项目构建和完成

一、搭建项目框架,构建项目环境。1进入Vue官网cli脚手架去下载安装依赖,2打开cmd创建项目:create vue +项目名字,然后按照需求去选择构建时候的选项。二、项目介绍:node_modules------项目的依赖包public-------------------静态文件:不需要打包编译生成及开发的资源src————————开发文件包**(开发时候的组件、路由、views里的各种网页都写在这里)**.xxx的文件都是我们项目需要的配置文件,具体后期使用babel.config

2020-11-03 15:21:47 177

原创 关于nodejs的一些基础

一句话总结: Node.js 或者Node是一个开源跨平台的运行环境,用来在浏览器外执行javascript代码常用的系统内建模块:fs【file system】,path,http,os,eventspath:.basename//获取路径的最后一部分__dirname//获取路径.dirname//获取路径.extname//获取扩展名称.format().parse().isAbsolute判断是否为绝对路径.join//拼接路.normalize//规范化路径.relat

2020-11-03 14:41:41 115

原创 稍微深谈一下对事件委托的理解

今天遇见了一个关于事件委托的问题,被问到原理的时候没有说的很清楚,现在回想起来后,记录一下。关于时间委托,我先举个例子吧,就是在一个公司里边,有好几个员工的快递被同时告知在同一天要下楼去领。但是都是同时,大家一起在下边等着拿快递,是不是有点繁琐,何必不让前台MM帮我们带领呢??这样大家都省事了,而且前台MM也可以根据我们的名字正确的把快递发到我们的手里。这,就是 事件委托的例子。这里我理解的是:现在委托前台的同事是可以代为签收的,即程序中的现有的dom节点是有事件的新员工也是可以被前台MM代为签收

2020-10-29 19:06:29 297

原创 webpack

webpack安装现在cmd里输入nvm list查看是不是nodejs官网推荐的版本(尽量使用官方推荐的版本)全局安装webpack(分别在终端输入下边两行代码)npm install -g webpack npm install -g webpack-cli安装依赖npm install webpack webpack-cli --save-dev初始化项目(npm init -y)创建目录结构安装JS库npm i jquery --save运行webpack引用并输出一个

2020-09-09 00:05:46 74

原创 模块化(module)

什么是模块化?·将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起·块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信、1。新建一个文件夹(注意路径里边不能有中文)2。项目初始化这里可以在集成终端里打开,然后输入 npm init ,一直回车。3。bable网站里面:找到Usage Guide--------Overview--------然后分别输入下边的两行代码: npm install --save-dev @babel

2020-09-07 21:38:44 576

原创 ES6的干货

找到 ul li 里边相应的下标和值下面展示一些 内联代码片。 window.onload = function () { let lis = document.getElementsByTagName('li'); for (var i = 0; i < lis.length; i++) { // console.log(i) // 贴标签 lis[i].index = i lis[i].on

2020-09-04 00:18:47 92

原创 css预处理器安装和使用

目前有三个 1. less ( 后缀是.less) 2. sass ( 后缀是.scss 或者.sass ) 3. sylus ( 后缀是 .sty )现在主要讲解下 sass预处理器1下载node js版本管理器 ,2安装后( 这里不要用含有中文路径去安装!! )。3通过cmd查看—nvm list(这是查看安装的列表),instrall +版本号(比如:nvm install 11.13.0) ,使用特定版本(nvm use 11.13.0)

2020-09-02 23:01:57 487

原创 关于h5/c3/新特性的总结

常用新标签- header:定义文档的页眉 头部- nav:定义导航链接的部分- footer:定义文档或节的页脚 底部- article:定义文章。- section:定义文档中的节(section、区段)- aside:定义其所处内容之外的内容 侧边- datalist 标签定义选项列表。请与 input 元素配合使用该元素 <input type="text" value="输入明星" list="star"/> <!-- input里面用 list --

2020-08-31 18:00:06 400

原创 H5中的拖拽和localStorage-----sessionStorage的区别

1.拖拽这里要把拖拽的元素加一个属性就可以了(draggable=“true”),对于拖拽的元素来说有三个触发事件:开始,过程,结束。对应的方法是:ondragstart ondrag ondragend对于目标元素来说有四个触发事件: 被进入 悬停上方 (这个是只要进入元素目标就会持续触发) 离开目标元素触发 松开鼠标元素进入到目标 四个事件是:ondragenter on

2020-08-31 17:59:13 77

原创 8.2学习了一周的JS

**1 document.write(Date()); //获取一个日期,创建元素的方式: 1 document.write() 2 innerHTML 3 document.createElement()查找元素 通过 id 找到 HTML 元素 var x=document.getElementById(“hahaha”);,,通过类名找到 HTML 元素 var x=document.getElementsByClassNam

2020-08-31 17:57:15 77

原创 工作中用到的JS的东西(长期不定期更新)

JS总结JS引入问题JS中的原始数据类型数组的定义:遍历数组:Math函数方法:JS引入问题1 Html文件中可以出现多对script标签2 在一对script标签中存在错误的js代码,那么该代码后面的js将不会执行3 如果第一对script标签中的js代码有错误,但不会影响下一对script标签中的js代码的执行。JS中的原始数据类型number,string,boolean,null,undefined,object数组的定义:通过构造函数创建数组结果是 []

2020-08-31 17:56:17 94

原创 H5的一些新特性

表单属性: 学生档案 姓名: 手机号码: 邮箱地址: 所属学院: 入学成绩: 学生档案思密达 姓名: 手机号: 邮箱: 所属学院: java学院 前端学院 php学院 设计学院 &l.

2020-08-12 15:04:22 152

原创 定时器(初识,后期会更改)

location对象

2020-08-02 16:15:14 165

原创 js---D2

前置++和后置++(a++和++a)前置++:先加1,后参与运算后置++:先参与运算,后加1上面两个理解后,下面两个自通前置-- :先减1,后参与运算后置-- :先参与运算,后减1Q(逻辑运算符)也叫布尔运算符A && 与 两个操作数同时为true,结果为true,否则都是false|| 或 两个操作数有一个为true,结果为true,否则加粗样式为false! 非 取反List itemQ关系运算符也叫比较运算符A< > >= &l

2020-07-23 21:11:31 215

原创 jsday1

Q: JS是什么?A:全称是Javescript, 是一种编程语言。Q:JS的组成A:(a)ECMAScript - JavaScript这是核心,描述了基本语法和数据类型(b)BOM,是浏览器对象模型© DOM,是文本对象模型Q 变量A 是标识符,根据其ID可以获取储存的数据。规范的写法: var usernmae, /给个变量是usernameusername = ‘zsc’ 11然后给他赋值,是’zsc’Q 数据类型A number (数字) string (字符串)

2020-07-22 20:40:04 65

原创 html----D1

学习了HTML概念(超文本标记语言)为标题标签可以到h6 网页标题标签段落标签 换行标签 下滑线 斜体加粗 特殊符号 ©→©  →空格的意思(计算机本身不会识别空格space的) 注释 ctrl+/图片插入 链接 锚链接就是网页内部的直接跳转, 这里的href=“”里边填“#”+9527 被跳转的地方要表明ID=9527...

2020-07-13 16:53:37 248

原创 PS --D3D4

1 学习了动作.就是说批量处理图片的大小并保存。2 学习了如何使用通道抠图。让你需要扣的图通过色阶变的与其他颜色差别更大。(白的更白,黑的更黑)3 前一天学习了图层的应用,4 学习了 渐变(使东西看起来更有立体感)调色。 正片叠底和滤色意思是相反的。叠底是去掉白色的背景,渐变映射,匹配颜色意思是换了个风格。...

2020-07-09 22:04:22 163

原创 PSD2

学习了:1 选框工具的叠加和删减(矩形和圆+shift),叠加是图形+shift。删减是图形+alt。2 选区和羽化(羽化是模糊边界) 几种选区,如套索,快速选择等,然后右键有羽化选项。切记选区后要有存图层习惯。3 创建剪切蒙版(创建的是图片的哟)4 色彩范围抠图 (适合背景颜色差别明显的时候,菜单栏选择-色彩范围抠图)5 钢笔抠图 画完闭合之后有个路径,然后创建选区。。。...

2020-07-07 21:31:34 121

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除