- 博客(31)
- 收藏
- 关注
RSS订阅原创 react语法介绍
react语法介绍介绍编写hello,worldcdn引入npm引入基本语法代码jsx介绍元素渲染组件和props生命周期事件处理列表渲染介绍特性：声明式组件化灵活：支持单/多页面，服务端渲染，RN-App.编写hello,worldcdn引入<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crossorigin s
2020-06-18 23:44:32
482
1
原创 react入门-环境配置
环境配置node的作用node安装npm使用语法使用npm插件发布node的作用前端开发环境：1.webpack 2.npm插件 3.server后端开发环境：1.javaweb 2.phpweb 3.node webnode安装官网地址node -v : 查看版本npm使用语法使用npm -v : 查看版本npm init : 初始化配置信息，生成package.jsonnpm install | npm install -g:全局安装or局部安装npm插件发布npm
2020-06-17 14:30:51
245
原创 如何才能做到色彩平衡？
冷暖色平衡冷色：青色，蓝色。暖色：红色，橙色，黄色。中性：紫色，绿色。大面积使用冷暖色对比会使情感更夸张，通常饱和度高的搭配会使产品更炫酷。背景冷，前景暖，信息的可读性会更强。互补色平衡色环180度的颜色互补。互补色能补充色彩情感的缺失感，调节明度和饱和度能改变情感走向。深浅色平衡可以调节画面节奏感，使画面层次更加丰富。黑白灰平衡一个完整的页面应该出现黑白灰的三种平衡关系，最亮和最暗是这个画面中最极端的点，灰色是黑白之间的比例。...
2020-06-11 15:11:19
435
原创 photoshop-建立选区
建立选区选区选区运算建立任意选区选区选区是封闭的区域，可以是任何形状，但一定是封闭的。不存在开放的选区。选区一旦建立，大部分的操作就只针对选区范围内有效。如果要针对全图操作，必须先取消选区。取消选区：选择->取消选择，快捷键：ctrl+d观看选区大小：F8Photoshop中的选区大部分是靠使用选取工具来实现的。选取工具共8个，集中在工具栏上部。分别是矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具、套索工具、多边形套索工具、磁性套索工具、魔棒工具。其中前4个属于规则选取工具。
2020-06-11 11:52:02
648
原创 photoshop-笔刷
基本操作画笔工具选择不透明度撤销操作填充笔刷硬度画笔工具选择现在我们按下〖B〗从工具栏选择画笔工具，如果选中了铅笔就〖SHIFT B〗切换到画笔。然后按下〖D〗，它的作用是将颜色设置为默认的前景黑色、背景白色。也可以点击工具栏颜色区的默认按钮(下左图红色箭头处)。点击蓝色箭头处将交换前景和背景色，如果现在按下前景色将变为白色而背景色变为黑色，它的快捷键是〖X〗。然后在公共栏点击下中图红色箭头处打开画笔预设，选择 蓝色箭头处的项目即可。这样就选择了9像素大小的笔刷，模式选择正常，不透明度和流量都为10
2020-06-11 10:31:08
215
原创 photoshop-HSB色彩模式
HSB色彩模式HSB色彩就是籍由这种模式而来的，它把颜色分为色相、饱和度、明度三个因素。注意它将我们人脑的“深浅”概念扩展为饱和度(S)和明度(B)。所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳丽。饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。在HSB模式中，S和B的取值都是百分比，唯有H的取值单位是度，这个度是什么意思？是角度，表示色相位于色相环上的位置，将我们前面学过的色相环加上角度标志就明白了。...
2020-06-10 15:01:12
623
原创 RGB与CMYK这两大色彩模式的区别
：RGB色彩模式是发光的，存在于屏幕等显示设备中。不存在于印刷品中。CMYK色彩模式是反光的，需要外界辅助光源才能被感知，它是印刷品唯一的色彩模式。：色彩数量上RGB色域的颜色数比CMYK多出许多。但两者各有部分色彩是互相独立(即不可转换)的。：RGB通道灰度图中偏白表示发光程度高；CMYK通道灰度图中偏白表示油墨含量低。反而反之。特别注意第2条：两者各有部分色彩是互相独立(即不可转换)的。如下图中绿色大圆表示RGB色域，蓝色小圆表示CMYK色域。这一大一小表示RGB的色域范围(即色彩..
2020-06-10 13:51:58
4343
原创 photoshop-CMYK色彩模式
CMYK色彩模式CMYK是一种依靠反光的色彩模式，和RGB模式一样，CMYK模式也有通道，而且是4个，C、M、Y、K各一个。在Photoshop中调入如下左图。注意上面的图像输入Photoshop后是RGB模式的。图像的色彩模式和其它一些信息可以从图像窗口的标题区看到。标题区显示着图像名称、缩放比例、色彩模式和颜色通道数。CMYK通道的灰度图和RGB类似，是一种含量多少的表示。RGB灰度表示色光亮度，CMYK灰度表示油墨浓度。但两者对灰度图中的明暗有着不同的定义：RGB通道灰度图中较白表示亮度较高
2020-06-10 13:44:06
810
原创 Photoshop-RGB色彩模式
RGB色彩模式三原色光色相谱灰度色彩模式三原色光电脑屏幕上的所有颜色，都由这红色绿色蓝色三种色光按照不同的比例混合而成的。一组红色绿色蓝色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。这红色绿色蓝色又称为三原色光，用英文表示就是R(red)、G(green)、B(blue)。在电脑中，RGB的所谓“多少”就是指亮度，并使用整数来表示。通常情况下，RGB各有256级亮度，用数字表示为从0、1、2…直到255。注意虽然数字最高是255，但0也是数值之一，因此共256级。2
2020-06-10 11:36:47
857
2
原创 javascript-脚本化CSS
脚本化CSS读写元素css属性查询计算样式查询样式封装兼容性方法查找，操作样式表读写元素css属性dom.style.prop可读写行间样式，没有兼容性问题，碰到float这样的保留字属性，前面应加csseg:float — > cssFloat复合属性必须拆解，组合单词变成小驼峰式写法写入的值必须是字符串格式var div = document.getElementsByTagName('div')[0];div.style.boder = "2px solid black";
2020-05-28 21:29:25
133
原创 javascript-dom补充
Dom补充查看滚动条的滚动位置查看视口的尺寸查看元素的几何尺寸查看元素的尺寸在window上的滚动条滚动查看滚动条的滚动位置window.pageXOffset/pageYOffset：返回滚动像素，IE8及IE8以下不兼容document .body/documentElement . scrollLeft/scrollTop:ie8及以下，兼容性比较混乱，用时取两个值相加，因为不可能存在两个同时有值，不同版本方法不同封装兼容性方法，求滚动轮滚动离getScrollOffset()查看视口
2020-05-28 12:54:21
247
原创 javascript-Date
日期对象封装函数，打印当前是何年何月何日何时，几分几秒。var date = new Date();文档：date详情
2020-05-28 11:14:27
130
原创 javascript-DOM
DOM定义基本操作note定义DOM — > Document Object ModelDOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。基本操作1.对节点的增删改查查查看元素节点document代表整个文档document.getElementById() //元素id 在Ie8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素.get
2020-05-27 22:53:59
117
原创 javascript-es5严格模式
es5严格模式定义用法note定义es3.0和es5.0产生冲突的部分用es5.0是严格模式；浏览器默认采用es3.0的方法。用法'use strict';：写在逻辑最顶端不再兼容es3的一些不规则语法。使用全新的es5规范。两种用法：全局严格模式局部函数内严格模式（推荐）就是一行字符串，不会对不兼容严格模式的浏览器产生影响。不支持with,arguments.callee,func.caller,变量赋值前必须声明，局部this必须被赋值(Person.call(nul
2020-05-27 12:02:34
121
原创 javascript-try.catch
try.catch定义Error.name定义try{//代码正常执行。若出错放弃执行try里面的后续代码，执行catch里面的代码。}catch(error){ alert(error.name + '' + error.message);}Error.nameEvalError：eval()的使用与定义不一致RangeError：数值越界ReferenceError：非法或不能识别的引用数值SyntaxError：发生语法解析错误TypeError：操作数类型错误URIEr
2020-05-27 11:34:15
94
原创 javascript-数组
数组定义读和写数组常用的方法其他定义new Array(length/content)：length必须是整数。var arr = new Array();var arr1 = new Array(1,2,3,4,5);var arr2 = new Array(10);//长度为10的空数组字面量(推荐)var arr = [];var arr1 = [1,,,,5]//空着的值是undefined读和写arr[num] //不可以溢出读 结果undefinedarr
2020-05-26 16:59:42
126
原创 javascript-arguments、this、克隆
arguments、this、克隆this用法例子arguments用法例子克隆浅层克隆深层克隆this用法函数预编译过程 this —> window(全局)全局作用域(GO)里 this —> windowcall/apply 可以改变函数运行时this指向obj.func(); func()里面的this指向obj)例子打印：222,111,222,333.arguments用法arguments.callee：指向函数引用。func.caller：指向
2020-05-25 21:48:27
130
原创 javascript-对象枚举
对象枚举属性表示方法对象枚举(遍历)思考问题属性表示方法var obj = { prop ： tang;}obj.propobj[“prop”]1和2在计算机内相同，1会转化为2,2括号里必须是字符。对象枚举(遍历)for inhasOwnProperty：判断对象是不是原型属性，所有对象都有，true表示是自己的方法。ininstanceof：A instanceof B ,看A的原型链上有没有B的原型。var obj = { name : '123', age :
2020-05-25 17:33:46
100
原创 基于微信小程序的me日记
这是我的毕业设计，主要有6个模块。分别是我的，账本记录，点滴记录，健康指数，书籍推荐，提醒功能。健康指数书籍推荐提醒功能。我的账本记录点滴记录
2020-05-24 22:04:36
576
原创 javascript-继承发展史\命名空间
继承发展史传统形式 —-> 原型链过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数共享原型不能随便改动自己的原型圣杯模式
2020-05-24 21:53:39
150
原创 javascript-原型
原型定义原型链例子call/apply定义原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。利用原型特点和概念，可以提取共有属性。对象如何查看原型 — > 隐式属性 __ proto __对象如何查看对象的构造函数 — > constructornote:__xxx__意思是尽量不修改原型链如何构成原型链：设置proto的值原型链上属性的增删改查绝大多数对象的最终都会继承自
2020-05-23 18:11:47
124
原创 javascript-包装类
包装类介绍例子介绍new String();new Boolean();new Number();var num = new Number();//这时存储对象num *= 2 ; //这时存储数字例子var str = "abcd";str.length = 2;//new String('abcd').length = 2 ; delete//console.log(str);结果：控制台打印abcd...
2020-05-23 08:52:59
216
原创 javascript-对象
对象定义增删改查创建方法定义var obj = { name : "", health :100, fn ： function(){ obj.health -- ; this.health ++; }}note:字符尽量写单引号，输出单引号可以用转义字符。增删改查增加：obj.age = 20;删除：delete obj.age;delete+空格更改：obj.health = 10;查询：console.log(xxx);创建方法系统自带构造函数v
2020-05-20 16:35:00
321
原创 Javascrip-作用域
作用域作用域初探预编译预编译前奏预编译过程。作用域精解[[scope]]作用域链运行期上下文例子作用域初探预编译函数声明整体提升，变量声明提升。document.write(a）;var a = 3;结果：打印undefined预编译前奏imply global暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象(window===GO)所有。a = 123; var a = b = 123;结果不报错,。document.write(a）;结果报错
2020-05-20 11:01:18
92
原创 Javascrip-闭包
javascript-2作用域精解[[scope]]作用域链运行期上下文例子二级目录三级目录作用域精解[[scope]][[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。作用域链作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。运行期
2020-05-19 01:04:11
92
原创 Javascrip-函数
Javascrip-1函数定义调用实参与形参返回值函数高内聚，低耦合。定义函数命名需要第一个单词小写，后面单词首字母大写。参数直接定义，不用加var。第一种：函数声明function test(){ xxx;}第二种：表达式声明var test = function test(){ xxx;}第三种：命名函数表达式var test = function abc(...
2020-04-19 19:40:37
114
原创 Javascrip-基本语法
Javascript介绍引入方式变量算术基本算术比较运算符介绍JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。引入方式内部引用 <scr...
2020-04-17 11:58:23
419
原创 前端权威0基础入门 -css进阶
css进阶前言溢出处理背景图片图片代替文字底部对齐前言一些杂乱知识点，一些问题解决。溢出处理单行white-space：nowrap//不换行overflow:hidden//超出隐藏text-overflow:ellipsis多行只能自己写：overflow：hidden背景图片back-ground-repeat:no-repeat还可以设置width，h...
2020-04-08 17:50:21
126
原创 前端权威0基础入门-css
CSS介绍引入方式选择器简单选择器复杂选择器元素分类css样式介绍层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所...
2020-04-04 22:36:28
99
原创 前端权威0基础入门-html
html介绍标签htmlheadbody基础标签容器列表超链接表单input其他介绍html全称hypertext markup language,中文名超文本标记语言。html是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音...
2020-04-04 20:15:34
271
原创 web前端0基础入门
web前端0基础入门--0前言学习流程shell内核css权重功能快捷键前言一些杂乱的，不知道该记在哪里的知识点。学习流程web前端学习流程：html，css，javascript，jquery，网络，css3，h5，es6，webpack4.0，git，小程序。html：结构css：样式javascript：行为shell内核浏览器内核IEtride...
2020-04-04 18:42:27
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人