wangjiali123123的博客

原创 React fiber

react fiber浏览器每16ms刷新一次，也就是60帧，fiber通过在16帧下如果有空余时间会去执行任务来避免页面渲染卡顿Fiber是一个链表结构，有父节点子节点兄弟节点

原创 什么是BFC和他的用途

BFC Block formatting context全称 块级格式化 上下文形成BFC 分为以下几种1.html元素也就是根元素2.overflow 不能为visible， overflow：visible的意思就是当发生裁剪时，内容显示在外面3.position 为absolute,或者fixed4.float不能none5.display：inline-block, table-cell, table-caption, flex, inline-flex （inlin...

原创 centos阿里云ECS 安装jdk

https://www.cnblogs.com/suenshuai/p/9805040.html

原创 vue MVVM

2.观察者-订阅者（数据劫持）：vueObserver 数据监听器，把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用Object.defineProperty()方法把这些属性全部转成setter、getter方法。当data中的某个属性被访问时，则会调用getter方法，当data中的属性被改变时，则会调用setter方法。Co...

原创 阿里云centos安装mysql 部署springboot

https://www.cnblogs.com/jepson6669/p/9013652.htmlhttps://blog.csdn.net/harcrance/article/details/82971539

原创 angularjs vs vue 双向绑定

agjshttps://segmentfault.com/a/1190000005119289var Scope = function() { this.$$watchers = [];}; Scope.prototype.$watch = function(watchExp, listener) { this.$$watchers.push({ wa...

原创 js执行顺序问题

fakedata.forEach(e=>{let isProvinceRepeat = (Treeobj.map(each=>each.name).indexOf(e.province))!=-1;console.log(isProvinceRepeat);if(!isProvinceRepeat){Treeobj.push({pId:0,id:Treeid++,nam...

原创 文字单行溢出显示，2行溢出不显示

文字单行溢出不显示overflow:hidden;text-overflow:ellipsis;white-space: nowrap;以及2行溢出不显示display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;...

原创 css切角

css 切角https://www.cnblogs.com/QianBoy/p/8672834.html.notching{ width: 18px; height:18px; padding:1px; font-size: 6px !important; color: white; background: ...

转载 css 实现瀑布流

// .masonry { // column-count: 2; // column-gap: 0; // .item { // box-sizing: border-box; // break-inside: avoid; // padding: 10px; // }...

转载 css3动态测试网址

https://www.html.cn/tool/css3Preview/Box-Shadow.html

转载 gti stash用法

https://jingyan.baidu.com/article/49ad8bceacac6b5834d8fa9a.html

原创 基础数据类型和引用数据类型区别

基础数据类型 是指 number stringBoolean、Null,Undefined基础数据类型变量复制改变的是值；而其他引用数据类型 是改变地址，而不是改变值；

原创 隐藏-显示——scale(0)到scale(1)

transform:scaleY(0);transform-origin: bottom;transition: all .3s;/////////////////////////tranform:scaleY(1);这样就能实现类似下拉展开，隐藏显示。。

原创 div横向滑动

.row{ display:flex; overflow-y:hidden; overflow-x:scroll; width:100%; flex-wrap:nowrap; .col{ width:125px; height:100%; flex-shrink: 0; }}row的宽度不能太大。。否则不会移动，...

原创 闭包

https://www.cnblogs.com/cxying93/p/6103375.html闭包个人感觉就是为了外部函数调用内部函数的变量的一个特殊形式。或者说是一个有状态的函数，他不随外部受影响。。一般可以通过在函数内再申明一个函数。从而达到闭包的要求。闭包好处：-希望一个变量长期驻扎在内存当中；-避免全局变量的污染；-私有成员的存在var test = (fun...

原创 object.keys

obejct.keys()表示一个表示给定对象的所有可枚举属性的字符串数组。所以配合Object.keys(shopCart).forEach(itemid => shopcart[itemid]...)可以对非数组进行操作。

原创 angular 的...写法

console.log(res);console.log(...res); 如果res是个数组，则...res表示[]里的内容；this.shopList = [...res];console.log(this.shopList); 

原创 react部署阿里云ubtunu的nginx

1.登录阿里云，买好服务器，镜像选ubtunu，远程连接下载apt-get install nginx，如果下载未成功，先apt-get update下2.一定要在mac电脑上操作ubtunu的vim， 我估计因为有comand键，然后root 密码登录后，执行操作https://www.youtube.com/watch?v=1ZReIt4Q5aQ&t=633s 可以参考这个视频...

原创 angular传参方式及其数组传参

this.router.navigate(['name',item])通过这种方式可以进行多个参数的传递。然后用public Route:ActivatedRoute进行获取参数。是个有效的方式。 const item = {rowlines: JSON.stringify(this.rowlines)};this.router.navigate(['pic', item]);...

转载 minxin

通过mixin来同意css，从而节省css。@import "../../style/mixin.scss";@mixin ct {    position: absolute;    top: 50%;transform: translateY(-50%);} // 定位上下居中@mixin cl {    position: absolute;   ...

原创 pipe flatMap

pipe之前讲过让observe连续进行链式调用，以此来使flatmap进行连续elem操作，但是flatmap执行的是数据流，也就是是要return一个observable.create。图中是为了改动ionic4的虚拟dom用js修改 ...

转载 数组转化成树形结构

第3.4.5行将所有数组以对象形式存在，是为了之后容易获取每个子对象的父对象，也就是通过tempvp中的id来代表每一个list【i】，这样就灵活的获取父对象，...

原创 mongodb

下载好mongdb后需要先  export PATH="/Users/apple/mongodb/bin:$PATH" 把路径放入就能全局控制了，然后新建一个文件mongo的文件夹，然后输入mongod --dbpath /Users/apple/mongo 就能连接了。mongo里的就是储存的文件夹 先export PATH="/Users/apple/mongodb/bin:$...

转载 mac 上传github

https://www.jianshu.com/p/e7501b968256   这个很棒（在上传前把文件放入.ssh中去）

原创 touchstart touchmove touchend click mouseup mousedown

对于这几个event的理解：1touchstart比click要先执行，等到touchstart-》touchend执行完，才触发click 大概200ms左右，2.touchstart和touchmove和touchend应用在移动端，mouseup，mousedown应用在windows。...

原创 utf8 ionic4

新建文件有时会出现乱码，将格式改成utf8就行

原创 ionic4 popover

popover的位置要看dom的位置，进而定位其css写在哪ion-popover与ion-router 并列，所以可以写在global.css中去并且popover指定的组件需要在ngmodule中的entrycomponent中写入component才能执行。 ...

原创 启动react过程

原创 小程序导入iconfont

先去官网下载好，然后在项目中创建一个scss，导入下载的文件中的那个css到新创建的scss，最后app.wxss@import然后就能用了。

原创 angular ionic4 event

要先写subscribe，再写publish，顺序很重要，daydayup webapi设计用的就是event而且event事件最好写在一个模块里，或者一个ts文件中

原创 拦截器inceptor

angular拦截器就是在http发送和接受返回时对信息进行处理，比如说header等

原创 stopprogation和stop preventdefault的区别

stopprogation和stop preventdefault的区别，前者停止向外冒泡，但是执行当前事件，preventdefault不执行，但是向上冒泡。 这涉及到了dom事件流。

原创 正则表达式

正则表达式：replace(/-/g,"") ,将字符串中-变成空，g表示全局。

原创 垂直居中

父元素position:relative;母元素position:abusote;top:50%;transform:transcaleY(-50%)

原创 小程序子页面向父页面传值

A页面跳转B页面，然后navigateback时如何更改之前页面的数据。getcurrentpage(),然后选择前一页，当然再前面一页也行。进行那一页的setdata。

原创 es6 class 与原型链继承

为了简化原型链继承，es6的class出现大大减少了相关代码。不用再去构建有序的原型链，直接用class extend就能实现继承。 

原创 闭包

闭包，就是返回有状态的函数，需要注意的是它函数不是立即执行，要等全部返回时才执行，所以要注意循环变量的用法。

原创 foreach map 以及js跳出forEach循环的骚姿势

foreach不返回数组，map返回数组，foreach相当于循环。foreach有三个参数，除了item，还有index（表示第几个），还有所在元素的数组

原创 箭头函数

箭头函数能够更好的避免this指向的变动，一直指向object