Sang航航航-CSDN博客

原创 BetterScroll——滚动插件使用

BetterScroll插件使用（vue）实现更好的滚动效果及滚屏功能；在基本布局完成后，不用设置css中overflow：scroll之类的滑动布局，直接new一个BS对象然后关联到要滑动区域的盒子，最后配置参数、调用API即可；例.分别实现以下效果：1.左侧导航标签列表滑动，右侧详情列表滑动；首先BS严格要求布局如下：<div class="wrapper"> <ul class="content"> <li>...</li>

2021-01-27 17:23:47 288

原创 Vuex实现多组件数据共享（状态管理）

state主要用于数据的注册，类似于data方式：// 注册export default new Vuex.Store({ state: { count: 100 }})// 在组件中使用// 方式一// 通过$store.state.count调用即可// 方式二// 通过在组件中引入mapState<script>import { mapState } from 'vuex'export default { created() { c

2021-01-27 17:21:49 449

原创 vue外卖后台管理系统

element-ui实现下拉菜单路由跳转总结结构：<el-menu> // 一级菜单（el-menu-item） <el-menu-item index="/dashboard"> <template slot="title"> <i class="iconfont icon-shouye"></i> <span slot="title">后台首页</

2021-01-15 19:55:27 2014 1

原创 vue的一些坑

一、v-for里的v-bind:key因为v-for是用来循环遍历操作dom结构，而v-bind：key是通过绑定每一组DOM结构的key值来操作DOM；而为什么必须要用这个key，原因是key的唯一性，在对大量节点进行DOM操作时（比如，插入或删除新节点），这时如果没有key，就只能顺序一一查找或更改，就会存在效率问题；而有唯一性的key存在（类似hash查找），（1）引擎就能准确快速找到要操作节点，（2）并且在通过唯一key插入删除节点后，也不需要改变其他节点的索引或者说位置，所以更加高效。所

2021-01-12 21:35:56 307

原创 JS部分常用原生方法细节归纳

String对象部分：substr（）与substring（）异同对比：语法：substr ( start [ , length] ) 第一个字符的索引是0，start必选 length可选; substring(start [, end]) 第一个字符的索引是0，start必选 end可选相同点：当有一个参数时，两者的功能是一样的，返回从start指定的位置直到字符串结束的子串var str = "hello Tony";str.substr(6); //Tonystr.subst

2020-11-30 21:16:59 127

原创 JS构造函数的出现必要及原型（prototype）属性使用的必要

JS构造函数的出现必要及原型（prototype）属性使用的必要首先通过一系列代码改写来观察构造函数及原型属性的使用必要性与重要性：初代代码：let obj1 = { name: 'Jack', myRun: function () { console.log('我是' + this.name + '我会跑'); }}let obj2 = { name: 'Rose', myRun: function () { consol

2020-11-26 16:49:16 300 3

原创 jquery一些常用宽高属性值记录

1.outerHeight() &innerHeight()（width同理）outerHeight()：返回第一个匹配元素的外部高度，该方法包含padding和border值，同时如果需要算上margin，则加上参数true（outerHeight（true））innerHeight() ：返回第一个匹配元素的内部高度，该方法包含padding，但是不包含margin和border2.offset() 方法：返回或设置匹配元素相对于文档的偏移（位置）用法：$(selector).offs

2020-11-24 21:27:18 106

原创 Git——远程管理版本操作（Tortoise（小乌龟）图形化操作、git命令行操作）

一、Tortoise 图像化操作：1.克隆项目（即从github仓库拉取项目文件）：2.暂存区：添加到暂存区：（1）新建一个文件（2）右键选择子选项 ->【添加】（3）勾选为被控制文件即，新加进入的文件3.从暂存区还原：鼠标右键子菜单【还原】4.提交（提交代码）：（1）右键选择=>Git提交"master"（2）输入提交信息（版本修改提示信息），点击提交5.提交回退（在上传项目错误后，可以重新回退覆盖，注意：不能单纯回退，需要重新提交更新文件，相当于覆盖功能，同时提交次

2020-11-18 19:58:07 4008

原创云服务器——apache服务器环境搭建

进入服务器：开始运行命令对话框： Win + R运行远程桌面命令： mstsc用户名： administrator密码：*********安装Apache2.4服务器：复制 Apache24 文件夹到服务器的 C:/server/修改配置文件 conf/httpd.conf 39行，改成 c:/server/Apache24打开 bin目录，在地址栏输入 cmd 开启命令行输入命令： httpd -k install启动服务器: net start apache2.4测

2020-11-12 16:44:30 241 1

原创 CSS定位属性——相关注意事项（脱离文本流，absolute&relative&fixed3个属性上浮效果异同）

一、设置定位属性后，盒子变为行内块，可以设置盒子宽高等；二、不论设置定位与否，子盒子永远浮于父亲盒子前；三、同级标签元素设置相同定位属性，后边盒子浮于前边盒子之上（根据标签盒子在HTML结构中的排版声明顺序），例：1.设置兄弟盒子都为绝对定位或者固定定位（效果相同） <style> .father { width: 100px; height: 100px; background: #ff0;

2020-10-19 22:18:20 529

原创 Javascript基础：变量类型转换

一、强制类型转换（显式）（1）parseInt():将其他类型转化为整数 1.字符串：只有首字符是数字得到具体值，其它字符串得到NaN 2.其它类型：NaN console.log('========parseInt======='); console.log( parseInt('100px') );//100 console.log( parseInt('100.56px') )//100 console.log( parseInt('zhangsan') )

2020-10-19 14:21:50 350

原创 JavaScript基础：var、let、const区别

1.var可以重新声明和赋值var a = 12; console.log('a的值1:', a); var a;//可以重新声明,本质是:此时的var没有意义，相当于不写 console.log('a的值2:', a); a = 13//覆盖上面a的值 console.log('a的值3:', a);2.let不能重复声明同一个变量名//使用let定义的变量 let b = 20; console.log('b的值1:',

2020-10-13 15:22:27 193

Sang_S_H的博客