- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue——web端数组拖拽排序插件——vue.draggable
关于web端数组拖拽排序功能，有h5自带的draggable属性，以及基于此的sortablejs插件，以及在此基础上基于Vue框架的vue.draggable。现在先讨论一下vue.draggable，后面有时间再详细研究。 参考链接：https://www.itxst.com/vue-draggable/tutorial.html 一.安装 使用yarn add vuedraggable 或者npm i -S vuedraggable 二.使用 <template> .
2021-08-13 11:14:04
603
原创 React——路由
本文对路由做一些整理：1.路由传参要在Route路由配置处加上(: 参数名),，否则获取不到。然后在跳转页面用useParams获取参数
2021-01-08 16:12:38
56
原创 Vue——keep-alive
最近在开发过程中有一些对网页使用体验的需求。比如列表页有三个可以切换的tab：A,B,C，每个tab对应不同列表以及相应的增删改查，此时会发现，在tab-B或tab-C中进入新增或编辑页面，点击返回，回到的页面是tab-A,而不是之前浏览的页面，这很影响使用体验。此时就可以使用到keep-alive来对组件进行缓存。从官方文档来理解，就是用于保留组件状态或避免重新渲染。使用方式：1.可以使用基础的使用方式，在router.js文件中给要缓存的路由组建添加meta: {keep-alive: true}
2021-01-05 15:33:20
77
原创 前端——JS——数组
1.常用方法整理：1）push：向数组的末尾添加一个或多个元素，返回新数组的长度2）pop：删除数组的最后一个元素，并返回这个元素3）shift：删除数组的第一个元素，并返回这个元素4）unshift：向数组的开头添加一个或多个元素，返回新数组的长度5）sort：对数组进行排序，默认通过首字母升序，如果要降序可以通过reverse方法，如果对数字进行排序，默认会将40排在5前面，要解决这种方法，可以再sort方法中传入一个方法：Array.sort(function(a,b){ return a-
2020-11-16 11:46:52
128
原创 前端——样式零碎知识点——小程序部分
1.原生input的placeholder层级过高，会穿透到最上层：使用cover-view标签覆盖在原生组件上面
2020-11-13 20:12:06
73
原创 JavaWeb——Freemarker
零碎知识点1.exist用来判断之是否存在，exp1?exists是判断exp1是否存在，返回布尔值。在引入??后exist方法被废弃，exp1?exists 和 exp1?? 是一样的
2020-11-12 18:32:46
66
原创 前端——HTML
1.HTML中可以使用<%%>,<%=%>,<%:%>来运行，这是jsp的用法，来获取后台代码和值，<%%>可以执行服务端代码，比如执行循环体，<%:%>和<%=%>类似，都可以获取后台数据，不过也有些小区别，<%:%>会html编码内容，比如输出的html源码会直接显示...
2020-11-11 15:36:12
375
原创 前端——版本控制——git
2020.11.11日初到新公司，从git仓库拉代码时，使用ssh-key，使用命令：ssh-keygen -t rsa -b 2048 -C "email@example.com"生成公钥，然后在gitlab中添加密钥。流程走完后结果ssh -T git@gitlab.com还是失败。最后发现是.ssh目录问题，要在git bash中才能看到源目录...
2020-11-11 14:25:46
155
原创 前端——缺陷控制——ESlint
一.安装和配置1.你可以使用 npm 安装 ESLint：$ npm install eslint --save-dev2.紧接着你应该设置一个配置文件：$ ./node_modules/.bin/eslint --init3.之后，你可以在任何文件或目录上运行ESLint如下：$ ./node_modules/.bin/eslint yourfile.js注：也可以在全局而不是本地安装 ESLint (使用 npm install eslint --global)。但是，你使用的任何插件或可
2020-11-09 21:50:56
150
原创 前端——单页面应用和多页面应用
一.多页面应用：每一次页面的跳转，客户端都会返回一个新的html优点：1.首屏时间快（首个屏幕展现出来的时间），因为只经历过一个http请求，请求回来了，页面就展示出来了2.SEO（搜索引擎优化）效果好缺点：1.页面切换慢二.单页面应用（以Vue为例）：每一次页面的跳转，是通过JS把当前页面内容删除，然后渲染新页面的DOM结构优点：1.页面切换快缺点：1.首屏时间稍慢（需要进行一个html请求和JS请求，两个都返回才能展示）2.SEO差（搜索引擎只认识html中的内容，不认识js中
2020-11-09 20:06:50
818
1
原创 前端——Vue——计算属性Computed
计算属性通过getter和setter方法来改变数据计算属性和普通方法的区别在于，计算属性会缓存，即数据不改变的话不会重新计算，对比普通方法，有利于性能提升watch也具备缓存机制，但是和computed相比语法要复杂get方法返回计算的值，set方法传入新的值，然后改变它相关联的值，相关的值发生变化触发重新计算，get新的值，页面也会相应的变化...
2020-11-06 12:06:11
534
原创 前端——MVVM框架理解
一、MVVM1.M层：代表数据2.V层：代表视图（页面）3.VM层：实现DOM的监听和数据绑定，是Vue自带的，不需要我们操作二、与传统开发模式对比不用把大量时间花费在DOM操作上，把精力放在V层和M层的开发上，VM层会监听到数据的变化来改变V层，VM层也会监听视图层的事件触发，通过VM层来调用方法，然后方法改变M层，然后又会通过VM层把数据的变化映射到V层实现方法：虚拟DOM和Object.defineProperty...
2020-11-04 04:38:35
479
原创 前端——Vue——生命周期
一、生命周期生命周期函数是Vue实例在某个时间点自动执行的函数创建一个Vue实例的步骤：1.初始化事件和生命周期结束后，执行beforeCreate2.初始化外部注入和双向绑定等内容，完成后执行created3.判断实例中是否有el挂载点，有的话会判断是否有模板template，如果有则用模板去渲染，如果没有则会把el挂载的html整体当做模板，此时来到beforeMount，即模板和数据结合前的节点4.然后模板和数据结合形成的Vue实例中的Dom元素(el)会被挂载到页面上，即用el)会被挂载
2020-11-04 04:18:22
451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人