自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 资源 (5)
  • 收藏
  • 关注

原创 使用git做版本控制

当前版本分为dev(开发分支)staging(测试分支)pre-release(预发布分支)release(生产分支)发布版本 dev=>staging=>pre-release=>release解决冲突 如果dev发生产有冲突,可以先让dev在本地 merge 一下 release 解决冲突后 push dev即可。与其他版本也是一致.需求分支当项目有优化需求,bug修复,版本需求等过来时候.要做好版本分支管理, 比如同时来了a,b,c三个不同的需求,这时候可以从 re

2021-07-15 16:26:51 277 1

原创 js深拷贝与浅拷贝

首先简单介绍一下深拷贝与浅拷贝如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力浅拷贝就是只复制数组(对象)本身,而不复制其内容(引用类型的数据内容),最终两个数组中指向同一套数据。深拷贝则是既赋值本身也赋值内容。Js中对于引用类型的数据,默认进行的都是浅拷贝。下面实现 **...

2020-02-18 08:42:17 145

原创 js中常用的数组高级函数

// 1.---------Array.from() 方法从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例---------。let ary1 = [1, 2, 3, 4]// console.log(Array.from(ary1, x => x * 2))// 返回—[ 2, 4, 6, 8 ]// 2.--------- Array.isArray() 方法用于确定传递...

2020-01-07 22:27:39 394

原创 Promise操作mongosedb数据库时的简单使用

// https://www.runoob.com/w3cnote/javascript-promise-object.html// Promise 对象代表了未来将要发生的事情,用来传递异步操作的消息.// Promise对象有以下两个特点,// 1.对象的状态不受外界影响,promise对象代表一个异步操作,有三种状态// (1)pending:初始状态,不是成功或失败状态// (2...

2019-10-14 21:15:09 255 1

原创 express框架的快捷使用

https://www.jianshu.com/p/a77b806b0d14express-generator 是一个nodejs程序,快速搭建一个express项目执行命令:express 项目名称 --view=ejs项目跟目录下有4个自带的文件夹:bin:存放项目源代码的文件夹public :项目静态文件夹routers:项目路由文件夹views:存放模板的文件夹创建的项目中...

2019-10-11 21:22:01 158

原创 简单实现正则判断

// 程序开发中,需要做字符串的匹配工作,比如匹配手机号/邮箱/身份证号/ip地址… ,判断一个字符是否满足某些条件// 所有的变成语言中都引入了正则表达式:Java、Python、PHP、OC、Swift、C…// js 中内置RegExp regular expression类,正则表达式类型// 正则表达式是由一些特殊的字符组成的字符串// 1.js 构造对象 参数就是正则表达式的...

2019-09-23 22:20:40 1189

原创 nodeJs中的fs模块

//nodejs提供的系统API模块(文件模块、http网络模块),这些API都是封装的独立的模块,可以直接引入使用//nodejs除了官方提供的API模块之外,还有非官方提供的第三方模块,可以先下载在使用//fs模块filesystem文件系统模块,提供文件的操作功能,增删改查//导入fs模块后,返回的一个对象,对象中包含了很多函数,这些函数都是用于操作文件...

2019-09-23 22:20:01 217

原创 nodejs中的path模块

// path 路径// 文件路径,某个文件在磁盘上的位置// 文件路径按照完整性区分:相对路径和绝对路径// 相对路径是一个不完整的路径,忽略了开头的盘符和顶层文件位置// ./index.html ./ 表示当前目录 …/表示上层目录// 绝对路径是一个完整路径,包含盘符和所有上层文件夹// E:\前端55期\2019-9-23\01-http模块\http模块创建服务.js...

2019-09-23 22:19:17 214

原创 nodejs中的url模块

//url:uniformresourcelocator统一资源定位//协议名://域名:端口/资源路径/...?参数..#哈希值//url地址也分为相对地址和绝对地址//绝对url:以协议名开头//https://www.baidu.com//相对url,不以协议名开头的url,可以ip或域名开头,也可以是资源路径开头//1....

2019-09-23 22:18:42 335

原创 初识nodejs

// 引用http模块var http = require(“http”)// 引用fs模块var fs = require(‘fs’)// 引用path模块var path = require(“path”)// 引用url模块var url = require(“url”)var app = http.createServer(function (req, res) {con...

2019-09-23 22:17:58 71

原创 Math类的使用

// js中有很多系统自带的对象,叫做js内置对象// Math就是内置对象之一console.log(Math.PI);//圆周率console.log(Math.E);//自然对数console.log(Math.abs(-4));// 计算一个数字的绝对值console.log(Math.pow(3, 4));// 幂运算 计算x的y次方console.log(Mat...

2019-09-18 16:22:44 318

原创 js中的继承

 想要继承,就必须要提供个父类(继承谁,提供继承的属性)父类functionPeople(name,age){给构造函数添加了参数this.name=name;this.age=age;}People.prototype.eat=function(content){给构造函数添加了原型属性...

2019-09-18 16:20:48 81

原创 ES6中的继承

class People { constructor(name, age, phone) { this.name = name; this.age = age; this.phone = phone; } run(content) { console.lo...

2019-09-18 16:19:46 97

原创 浅谈关于this的指向问题

关于this指向问题 打人 开启定时器

2019-09-18 15:09:56 100

原创 构造函数封装版轮播图

CSS+HTML 轮播图封装版 prevBtn nextBtn JS+class carouselImage { constructor(number, height, width, color) { ...

2019-09-17 22:33:19 265

原创 轮播图2.0

jQuery轮播图

2019-09-16 23:22:33 70

原创 jQuery中对标签的增删改查

1.创建标签时修改stairItemH3=stairItemH3=stairItemH3=(""+smallData[smallData[smallData[i].name+"")设置父节点$divArrary.append( $stairItemH3)2.修改$itemH5.text(index);ItemSpan.text(ItemSpan.text(ItemSpan.text(t...

2019-09-09 19:25:35 182

原创 Jquery的事件处理

进入$("#p1").mouseenter(function(){ alert(‘您的鼠标移到了 id=“p1” 的元素上!’); });离开$("#p1").mouseleave(function(){ alert(“再见,您的鼠标离开了该段落。”); });点击$("#p1").click(function(){})...

2019-09-09 19:19:04 73

原创 简单css+js实现轮播图

该轮播图由于js+css+html简单实现;效果为16个cube 点击下一轮 轮播下一个4个cube.下面为代码 简单实现轮播图 1 2 3 4 5 6 ...

2019-09-03 16:25:51 396

原创 简单CSS+HTML+JSDOM实现小米商城简洁版一级菜单,二级导航,轮播图等。

页面展示效果因为无法在getHub上传超过25m的图片文件,所以打包上传的 可以解压后进行运行,下面为练习链接https://github.com/chestnutx/chestnutx.github.io/tree/master...

2019-09-03 13:59:02 1823

原创 JS获取当前年月日

var today = new Date();var hongkong = new Date(1997, 6, 1, 14, 0, 1);console.log(hongkong);//1997-07-01 T 06:00:01.000Zconsole.log(hongkong.getFullYear());// 年份console.log(hongkong.getMonth());// ...

2019-09-03 10:45:31 187

原创 简单实现二级导航

Document 全部分类 ...

2019-08-23 23:09:36 531

原创 css 简单的2d变形

旋转 deg为旋转角度transfrom:rotate(15deg);默认原点为50% 50% 中心点默认值 可以设置100 100 为右下角transfrom-origin:100% 100%;第一个参数为x轴,负值为左,正值为右,第二个参数为y轴正值为下,负值为上transfrom:translate(100px,100px)缩放transfrom:scale(1,2);倾斜...

2019-08-19 19:43:56 128

原创 隐藏元素的4种方法

1.将元素设置为隐藏,标签在文档流中不占位置display:none; 隐藏display:bloack;显示2.隐藏元素 但是文档流中位置还在,visibility:hidden;隐藏visibility:visible;显示3.设置标签的透明度,范围0~1 表示完全透明.1表示完全不透明opacty:0.5 半透明;4.通过rgba,可以设置透明度background-co...

2019-08-19 19:37:23 953

原创 弹性布局flex

开启弹性布局display:flex;设置主轴方向从上往下排列flex-direction:column;设置主轴方向 默认值为rowflex-direction:row;设置主轴方向为竖轴 从上往下进行排列flex-dirction:column;设置主轴方向为竖轴,从下往上进行排列;flex-dirction:column-reverse项目在主轴方向的对齐方式,默认为 f...

2019-08-19 15:13:20 88

原创 emmet语法

emmet输入法可以快捷输入批量的html和cssp 按tab也是快捷的一种ul>li*3 回车会出来<ul> <li></li> <li></li> <li></li></ul>...

2019-08-19 11:15:26 126

原创 常用伪元素与伪类选择器

伪类:一般表示状态hover鼠标悬停状态visited a标签专用,表示访问过的元素fpcus": 当元素成为焦点时触发active 当元素被鼠标按下时触发伪元素元素内容中的第一个字first-letter选中元素中的第一行first-line在前缀添加元素before在后缀添加元素after...

2019-08-19 09:55:43 92

原创 bootststarap

###bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单中文网 : http://www.bootcss.com/英文网 : http://getbootstrap.com/###容器流体布局容器容器的width为auto,只是两边加了15px的padding。固定布局 容器的width会随设备分辨率的不同而生产变化 分辨率阈值 w >=...

2019-08-18 16:56:42 65

原创 CSS预处理器

###lessless是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展LESS 既可以在 客户端 上运行 ,也可以借助Node.js在服务端运行。less的中文官网:http://lesscss.cn/bootstrap中less教程:http://www.bootcss.com/p/lesscss/...

2019-08-18 16:56:10 70

原创 CSS媒体查询

###css3媒体查询css3媒体查询是响应式方案核心###媒体类型all 所有媒体(默认值)screen 彩色屏幕print 打印预览 projection 手持设备 tv 电视 braille 盲文触觉设备 embos...

2019-08-18 16:55:36 56

原创 选择器

###CSS选择器CSS3选择器规范地址: https://www.w3.org/TR/2011/REC-css3-selectors-20110929/CSS3选择最新选择器规范: https://www.w3.org/TR/selectors!---问题---! 1.css的全称是什么? 2.样式表的组成 3.浏览器读取编译css的顺序?1.基本选择器 /*通配符选择...

2019-08-18 16:54:29 72

原创 ccs简单实现粘连布局功能

css部分html代码我是内容我是底部

2019-08-17 23:30:10 175

原创 行内元素和块级元素的具体区别是什么?行内块元素又是什么

一,行内元素与块级元素的区别:1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列。块级元素各占据一行(默认宽度是它本身父容器的100%(和父元素的宽度一致),与内容无关),垂直方向排列。块级元素从新行开始,结束接着一个断行。2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素,只能...

2019-08-15 22:43:36 3662

原创 多图点击跳转超链接

思路-为了让图片能够跳转,这里使用超链接把图片包围住html标签部分 我是第一张图片 我是第二张图片 我是第三张图片 我是第四张图片 我是第五张图片 我是第六张图片 我是第七张图片 我是第八张图片 ...

2019-08-15 22:17:15 936

原创 无序列表,有序列表,自定义列表

无序列表UL格式:cssul{padding:0;list-style:none;}//把ul中的li的最前面before设置ul>li:before{//吧li设置为行内块display:inline-block;//设置边框1px yellow solid;修改圆点样式为content:“♥”}最后面ul>li>:after{disp...

2019-08-15 20:47:46 234

原创 多个图片布局

css部分#s1{display:flex;width:600px;height:400px;border:solid 1px red;/flex 布局默认不能折行,需要换行主动设置换行//flex-wrap:wrap 设置折行方法/flex-wrap:wrap;justify-content:center;//上下居中align-items:center;}.box...

2019-08-14 23:05:13 498

原创 Unity3d中简单的实现人物移动射线控制人物旋转抬头

// 移动速度public float Speed = 5f;// 获取刚体private Rigidbody Rigid;// 地面层Layerpublic LayerMask CanRay;// 移动的携程private Coroutine Cor;// Use this for initializationvoid Start () { Rigid = GetCom...

2018-11-20 19:09:14 913

一个手机app的前端商城.zip

一个前端的小例子基于组件式开发,用jQuery封装的各个组件

2019-09-21

StarDockFences_40351(1).zip

Fences破解中文版,可以隐藏桌面图标,鼠标滑过即开启显示包裹栏

2019-08-24

mongodb-win32-x86_64-2008plus-ssl-debugsymbols-v4.0-latest.zip

最新的mogodb版本,MongoDB for GIANT Ideas - Build innovative modern applications that create a competitive advantage.

2019-08-19

BANDIZIP-SETUP.exe

好用的压缩软件,简单快捷,是目前流行的压缩工具,界面友好,使用方便,在压缩率和速度方面都有很好的表现。其压缩率比高,不好用可来找

2019-08-19

好用的同屏软件

2D Toolkit provides an efficient & flexible 2D sprite, collider set-up, text, tilemap and UI system integrating seamlessly into the Unity environment. o NEW!Unity 5.0 support o Supports both 2D and 3D phyiscs o Improved tilemap editor o Beginners whack-a-mole game tutorial o Brand new UI system o Platform specific sprite collections o Non-rectangular and sliced sprites o Pixel perfect rendering o And loads more features and improvements

2019-04-08

空空如也

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

TA关注的人

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