- 博客(24)
- 收藏
- 关注
RSS订阅转载 每个前端工程师都应该懂的前端性能优化总结：
文章目录采用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
原创 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关注的人