- 博客(27)
- 收藏
- 关注
原创 nvm安装、node安装
接着安装俩node版本,通过nvm use 【node版本号】切换node。nvm list available:列出所有可用的node版本。解决:用管理员身份运行cmd,nvm use 【node版本号】nvm install 【node版本号】
2022-09-21 13:56:42 374 1
原创 node安装坑
node安装踩坑注意:我使用新的mac本12.11.终端查看git是否安装 没有,先装gitSince OS X 10.9, /usr/bin/git has been preset by Xcode command line tools, which means we can’t properly detect if Git is installed or not. You need to manually install the Xcode command line tools before ru
2022-03-09 16:56:55 248
原创 Homebrew
一、Homebrew是什么Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。二、Mac安装和卸载 安装 : 命令1:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"(这个命令不好使会报错,如果报错尝试使用命令
2021-12-08 15:35:56 212
原创 微信小程序canvas生成图片问题
微信Canvas新的API生成或者导出图片:新API代码onLoad: function (options) { let that = this var sysInfo = wx.getSystemInfo({ success: function (res) { console.log(res) that.setData({ //设置宽高为屏幕宽,高为屏幕高的80%,因为文档比例为5:4 canvasWi
2021-12-03 18:14:57 1139 1
原创 团队合作git命令
生成公钥私钥配置用户名和邮箱git config --global user.name ligit config --global user.email起别名git config --global alias.st statusgit config --global alias…co checkoutgit config --global alias.ci commitgit config --global alias.br branch在本地文件初始化,创建git git ini.
2021-03-30 23:08:50 121
原创 sass安装
1.在终端输入~/.gemrc,会自动提示,用记事本途径打开2.把记事本的东西全部删了,把下面内容粘贴上去保存---:backtrace: false:bulk_threshold: 1000:sources: - https://gems.ruby-china.com:update_sources: true:verbose: true:ssl_verify_mode: 03.在终端输入 gem source -l看看有没有出现下面的这个 也就是下载源*** CURRENT S
2021-01-19 18:43:17 158
原创 对象深复制
各类数据遍历var obj={a:1,b:2}; Object.defineProperties(obj,{ c:{ value:3 }, d:{ writable:true, value:4 }, e:{ configurable:true, val
2021-01-12 22:09:49 101
原创 对象及定义描述对象属性
对象创建字面量创建 var obj={a:1};构造函数创建 var o=new Object();以对象obj为原型进行创建 var o=Object.create(obj);任何有值的变量的基类都是对象。无法继承的数据类型:Symbol() 特殊数据类型,没有constructor方法,也就没有继承接口:无法实例化对象,也就是不能通过new来创建,比如HTMLDivElement对象数据以键值对形式存在 ,键–》值;每个键对应唯一一个值,对象的键必须是字符或者Sym
2021-01-12 20:35:10 776
原创 变量提升与函数提升优先级
1.不管在当前哪个作用域,函数都优于变量的提升2.当变量名和函数名一样时,再看变量赋值是否在函数执行前,如果先赋值了,则fn is not a function ,否则可以正常执行函数具体实例如下:1.function fn(){ console.log("world")};fn(); //worldvar fn = "hello";//fn优先于var定义相当于:function fn(){ console.log("world")};var fn;fn(
2021-01-09 23:05:38 739
原创 浅学php和MySQL
一、什么是php它是通过访问服务器得形式打开, 不能本地直接打开完整路径必须全英文,是因为解析问题PHP是"PHP Hypertext Preprocessor"apache 服务器, html 文件支持中文, php 文件不支持中文nginx 服务器, html 和 php 文件都不支持中文二、php能够做什么创建、打开、读取、写入、删除以及关闭服务器上的文件接收表单数据发送并取回 cookies添加、删除、修改数据库中的数据限制用户访问网站中的某些页面对数据进行加密三、
2020-12-30 21:37:16 217
原创 cookie和webstorage
cookiecookie是根据域和文件夹存储的不同的域不能相互访问对应的cookie ip和端口不同不能相互访问同一个域,子文件夹可以访问父文件夹的cookie,但是父文件夹不能访问子文件夹的cookie顶级域不能访问子域任何cookie,但是子域可以访问顶级域的cookiecookie原指临时存储,但是有时需要长时间存储,通过expries设置过期时间cookie存储空间仅有5k,针对一个域和文件夹来说当访问该域的网站会自动携带cookie 在服务器和客户端直接往返传递(同源传递)当浏览
2020-12-29 21:16:48 190 1
原创 同步和异步、promise、宏任务和微任务
js 是一个异步开发语言异步 不再等待完成后执行后面,而是继续下向执行由回调地狱引出promise对象var p=new Promise(function(resolve,reject){ // resolve和reject这两个参数都是回调函数 //resolve和reject只能传一个参数 var img=new Image(); img.src="./img/1-.jpg"; img.onload
2020-12-28 20:37:20 325
原创 DOM节点Node
一、nodenodeType/nodeName/nodeValuenodeName 如果是标签元素,就会把标签元素的名称大写// console.log(document.body.firstElementChild.nodeName===“DIV”);document属于Node类型,节点,但是他是DOM的根节点 //HTMLCollection 专用于HTML标签元素列表 // var div=document.getElementsByClassName("div1");
2020-12-11 21:57:50 266
原创 BOM
BOM包含DOM // window 根节点 // window.document 文档 DOM的根节点 // window.location 本地 // window.history 历史 // window.screen 屏幕 // window.navigator 导航信息Locationlocation.href既可以跳转也可以获取地址location.assign仅仅做为跳转使用location.replac
2020-12-11 20:42:20 84
原创 字符串、Number方法、date方法
一、字符串创建字符串var str=“abcde”;//字面量 存在栈中var str1=new String(“abcde”);//构造函数 存在堆中字符串属性和方法str.length//长度 字符串有多少各字符,字符串包括字符串长度都是不可以直接修改的,只读属性str.charAt()获取字符串下标所对应的字符str.charCodeAt()获取字符串下标所对应的字符Unicode编码str.concat()拼接字符串indexOf lastIndexOf 和数
2020-12-11 19:35:21 309
原创 数组方法
创建数组1.字面量创建var arr=[1,2,3,4,5]; //数组是一个引用类型2.构造函数创建法var arr=new Array(1,2,3,4,5);var arr=new Array(5);var arr=new Array(-4);var arr=new Array("a");如果创建时仅有一个参数并且是正整型,那么这个数值就是这个数组要开辟空间的长度也就是这个数组有多少个空元素,如果仅有一个参数并且是数值,非正整数就会报错,如果仅一个参数,并且是 非数值,这
2020-12-11 17:58:15 227
原创 JS写计算器
<style> .con{ border: 1px solid #000000; width: 500px; height: 600px; text-align: center; position: relative; left:0; right: 0; top: 0;
2020-12-04 21:55:40 134
原创 return、回调和递归
一、return1.跳出函数,不再执行函数后面的语句2.返回数据,但是仅能返回一个数据function fn(){} var a=fn();//函数默认返回undefined console.log(a);工程模式 纯函数纯函数 函数中仅使用外部给入的参数,其它外部变量或者内容不使用并且不能引起其它外部内容的副作用// 重点在使用了局部变量 function fn(a,b){ var obj={a:a,b:b}; obj.c=a+b; return
2020-12-04 21:53:20 1434
原创 深挖对象和函数
一、对象对象就是一个容器,容器中存储了若干个元素,这些元素都通过名称和值这种方式存储名称–>key 值–>value 键值对任何数据结构都无法超越对象的键值查找速度key 的类型必须是字符型或者是symbol通过对象的属性访问值,有两种方法obj.a=10; //key必须是字符,而且必须是确定的字符obj[“a”]=10; //key可以是任何类型,但是都会被隐式转换成字符串,也可以是变量 var key="names"; obj[key]="xi
2020-12-03 23:34:57 216
原创 深度挖掘JS流程控制语言
条件语句 if、switchifif(表达式隐式转换后为true){ 执行语句块 } //i=0 赋值会返回等号右边的值 //i==0 比较,隐式转换后比较i,有可能是0,false,"",这三种值都可以进入 //i===0 精确比较 只有i是0时 才可以有进入条件var obj;if(obj.a){ console.log("a");}//显示undefined 因此如果要判断变量是否存在某个属性,要使用熔断,将判断obj是
2020-12-03 20:25:15 102
原创 JS运算
算数运算符加 减 乘 除 取模(取余)var a=3;//等号是赋值,会将等号右边的结果赋值给等号左边var a=3,b=4,c=5;//用一个var定义多个变量,使用逗号分隔//var a,b,c;a=b=a+3;//a+3的结果先赋值给a,再把a+3结果赋值给bvar x=3;console.log(x=x+3);//任何一个运算符都会先将结果返回后赋值。等号左侧不允许出现运算符,等号右侧才可以.由于小数点后运算的不精确性,可以考虑使用parseInt((原
2020-12-01 23:09:19 280
原创 JS基础
解释型语言:一句一句执行,一旦遇到错误就会停止并报错编译型语言:全部执行完后报错一、 js的引入方式行内引入和外部引入注意:如果在脚本中有相对地址的出现,这个地址是相对于当前的HTML页面而说的,而link中的href加载外部的css文件中出现的相对地址是相对于当前css文件而言的外部引入时的两个属性async和defer区别不同:async是在下载完成后立即被执行,defer是页面加载解析完成后按顺序执行相同:1.两者都可以实现异步操作;2.在行内js中会失效3.使用两者属性的脚本都
2020-11-30 21:47:36 240
原创 BFC总结
BFC block formatting contexts概念可以把它看成一个封闭盒子,里面的内容不管怎么变都不会影响到外面触发条件1.根元素 2.float不为none 3.overflow不为visible4.dispaly:inline-block/table-cell/table-caption/flex/inline-flex5.position:absolute/fixed特性和应用1.Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻box的margi
2020-11-26 21:33:01 197
原创 css常见兼容
图片类1.图片向下撑大三像素hack1.display:block;hack2.vertical-align:top;2.图片水平之间有缝隙hack1.添加浮动;hack2.写在一行,不敲空格和回车3.图片添加超链接后,会在IE上出现边框hack1.border:0或者none;4.图片格式如果是png8的,没有兼容问题,如果是png-24的,IE6上有背景色,让UI改图片格式(了解)表单类1.表单控件水平排列的时候有缝隙hack1.添加浮动;hack2.写在一行2.表单控件在垂直方向
2020-11-25 19:30:07 367
原创 css定位
绝对定位absolute概念1.脱离文档流,不占位2.参照物a.默认情况下,如果要 移动位置 ,参照物是浏览器的第一屏b.如果祖先有定位(绝对,相对,固定,默认定位),参照物是祖先的位置3.层叠顺序定位后的盒子在最上面,可以用z-index改变层叠,默认是0,必须是整数默认情况下,多个盒子都有定位,越在后面的盒子,层越在上注意:(浮动之后)绝对定位之后该盒子是悬空在页面之上的,再使用margin:0 auto;是不可以水平居中的绝对定位实现垂直居中不管实现相对于窗口第1屏,还是父元素都
2020-11-24 19:04:32 82
原创 清除浮动8种
高度塌陷产生原因包含结构,父元素没有设置高度,所有子元素浮动解决方法1.给父元素添加高度,不适合自适应2,结尾处加空div标签 clear:both<style type="text/css"> .div1{background:#000080;border:1px solid red} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;wid
2020-11-23 17:58:25 249
原创 CSS文本溢出设置
CSS文本溢出设置一、text-overflow文本溢出显示省略号1.text-overflow:clip; 不显示省略号(…),而是简单的裁切2.text-overflow:ellipsis;单行文本溢出时显示省略号二、White-space设置空白空间的效果1.white-space:normal;默认值2.white-space:nowrap;文本不会换行,文本会在同一行上继续,直到遇到br标签为止3.white-space:pre;空白符会被保留,浏览器可以识别空格4.white-s
2020-11-22 11:35:27 1450 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人