shuaibijian - 博客园

2022年10月8日

摘要：这是用于Web端构建流程图的在线流程设计器，提供js版，Vue版，React版本，但是其为闭源项目。引入相关包  <link rel="stylesheet" type="text/css" href="./static/plugins/gooFlow1.3/GooF 阅读全文

posted @ 2022-10-08 14:28 shuaibijian 阅读(875) 评论(0) 推荐(0)

Vue中watch用法详解

摘要：基本用法：当firstName值变化时，watch监听到并且执行 <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: ' 阅读全文

posted @ 2022-10-08 14:25 shuaibijian 阅读(351) 评论(0) 推荐(0)

对象数组的排序

摘要：假如我们想实现，把这样一个数组排下序，先按一个属性排，再按另一个属性排 var arr = [{cezuProjectName: '1',group: 'a'}, {cezuProjectName: '2',group: 'b'}, {cezuProjectName: '1',group: 'b'} 阅读全文

posted @ 2022-10-08 14:23 shuaibijian 阅读(112) 评论(0) 推荐(0)

call, apply, bind 方法改变 this

摘要： 1 var person = { 2 name: 'shiyujian', 3 age: 34, 4 say: function(from, to) { 5 console.log(this.name + " " + this.age + " " + from + " " + to); 6 } 7 阅读全文

posted @ 2022-10-08 14:22 shuaibijian 阅读(32) 评论(0) 推荐(0)

2021年6月7日

GIS基础知识

摘要： 6位投影坐标对应经度lng，对应X， 7位投影坐标对应维度坐标lat, 对应Y 国际常用投影 Web MErcator【EPSG3857】 WS84坐标系【EPSG4326】目前最通用的标转坐标系，平常我们常说的经度纬度多少，国内： 2000国家大地坐标系（CGCS2000）[EPSG4490] 阅读全文

posted @ 2021-06-07 19:44 shuaibijian 阅读(960) 评论(0) 推荐(0)

2021年6月2日

Html5常见的兼容性问题及解决方案

摘要： 1.双倍浮动bug：描述块元素设置float后，又设置横向的margin值，在ie6下，显示的值比设置的值要大解决方案：给float的块元素添加display：inline2.表单元素行高不一致解决方案：给表单元素添加float属性或者vertical-align属性3.min-height属性ie 阅读全文

posted @ 2021-06-02 17:01 shuaibijian 阅读(549) 评论(0) 推荐(0)

垂直水平都居中

摘要：一般用于页面弹框的布局 1 <div class="bodybox"> 2 <div class="centerBox"></div> 3 </div> 方法一：使用定位left,right,top,bottom都为0，margin: auto; 1 html, body { 2 height: 1 阅读全文

posted @ 2021-06-02 14:04 shuaibijian 阅读(61) 评论(0) 推荐(0)

2021年6月1日

Vue与ref属性与refs

摘要： ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册只要想要在React中直接操作DOM元素，就必阅读全文

posted @ 2021-06-01 18:23 shuaibijian 阅读(58) 评论(0) 推荐(0)

两栏布局

摘要： html 1 <div class="parentBox"> 2 <div class="leftbox"></div> 3 <div class="rightbox"></div> 4 </div> 浮动布局 1 .parentBox{ 2 width: 100%; 3 height: 600px 阅读全文

posted @ 2021-06-01 17:18 shuaibijian 阅读(73) 评论(0) 推荐(0)

两栏，三栏布局

摘要：三栏布局 1 <div class="parentBox"> 2 <div class="leftbox"></div> 3 <div class="centerbox"></div> 4 <div class="rightbox"></div> 5 </div> 浮动布局办法 1 .parentB 阅读全文

posted @ 2021-06-01 17:02 shuaibijian 阅读(51) 评论(0) 推荐(0)

shiyujian

公告