- 博客(34)
- 收藏
- 关注
RSS订阅原创 git-es6-promisem面试
对于无需使用git进行管理的文件或文件夹使用此文件进行配置remote add 添加 远程仓库别名git remote add 别名 远程仓库地址remote -v 查看别名remote rm 删除别名git remote rm 别名push 提交到远程仓库git push 远程仓库地址 分支名git push 别名 分支名git push -u 别名 分支名后边的提交只需要 git push 即可clone 下载一个新的项目到本地git clone 远程仓库地址。
2024-04-09 11:33:09
596
原创 vue2-vue3面试
在 watchEffect 回调函数内，我用 setTimeout 的形式去模拟响应时间为 3 秒的异步请求，上面代码可以理解为 3 秒之内如果你不去改变 search 变量，那么页面就成功返回接口数据，如果在 3 秒之内你再次点击按钮改变了 search 变量，onInvalidate 将会被触发，从而清理掉上一次的接口请求，然后根据新的 search 变量去执行新的请求。我个人是这么记住 Tree-shaking 的，翻译成中文就是 摇树，树上有枯叶和绿叶，我摇动树干，枯叶掉了，新叶留着。
2024-04-09 11:32:15
782
原创 javascript面试
语法： $(标签).animate({attr},speed,easing,callback)排队执行同时运行多个属性自动运算使用关键词 ： show hide toggle链式操作// 1.多个动画，排队执行*/// 2.多个属性一起执行// 3.可自动计算// n+=50})// 4.关键词// 5.链式调用动画// .animate({'backgroud':'green'},500) //动画 值只能是数字才能执行。
2024-04-09 11:30:54
310
原创 Vue3中Vite和Vue-cli的特点与区别
依赖： 大多为在开发时，不会变动的纯js，一些较大的依赖(例如有上百个模块的组件库：element-ui) ,处理的代价很高。在开发环境中，Vite是基于原生的es6，无需对代码进行打包，浏览器可以直接调用，所以说vite因为基于浏览器的原生功能，省掉了打包过程，在开发环境中体验极好；它为了解决项目启动慢的问题，vite通过一开始将应用中的模块分为依赖和源码两类，改进了开发服务器的启动慢的特点；vue-cli基于webpack封装，生产环境和开发环境都是基于webpack打包；
2023-08-25 13:52:07
466
原创 vue element admin 拖拽dialog v-el-drag-dialog
1在vue-element-admin-master里找到src/directive/el-drag-dialog文件夹复制到自己的相同目录下。3.标签加入v-el-drag-dialog。
2023-07-20 12:16:52
426
原创 element tiptap安装报错Duplicate use of selection JSON ID cell
记录一下不知道为啥看看以后还有啥问题。
2023-07-12 12:16:52
372
原创 小程序购物车radio全选单选
当所有子项都选中时，显示选中状态，否则为不选中状态。未选中状态时点击操作，把所有子项都所中。选中状态点击操作，把所有子项都不选中。allchecked是控制全选的选中状态的变量，selectAll是全选的点击事件，selectlist是子项点击事件。
2023-05-24 10:25:14
628
转载 微信小程序高度动态变化
链接：https://www.jianshu.com/p/4eac2ff2b9fa。商业转载请联系作者获得授权，非商业转载请注明出处。作者：踏雪_739a。
2023-05-12 18:12:37
688
原创 微信小程序实现自定义头部导航栏
width:胶囊的宽度；height：胶囊的高度 top:胶囊距离顶部的距离。整体高度： 状态栏高度+胶囊高度+(胶囊距离-胶囊高度）在json文件中定义custom，自定义导航栏样式.拿到相应的导航栏信息。
2023-05-12 18:09:16
238
转载 微信小程序如何根据不同用户切换不同TabBar
众所周知微信小程序全局文件app.json里面的"tabBar"里面的list只能放置2-5个，要想实现3个tabbar,必须得复用tabbar,三种身份都需要个人中心，剩下的是长列表（两个），表单，图表 刚好是5个，废话少说，上代码。最后，在tabbar里面设置过 pagePath的路径文件下的 xxx.js的onshow:function(){}里面设置。或者说凡是用到tabbar组件的页面对应的xx.js里的onshow:function(){}都要按照以下进行设置。代码有点长，建议仔细看一下。
2023-05-12 18:03:29
746
7
原创 css滚动条
此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分滚动条组成结构图如下：其他设置项：实例：效果如下如：注意只在chrome下有效！::-webkit-scrollbar{}这种写法改变的是全局的滚动条。...
2022-06-14 10:37:23
2339
原创 bootstrap导航栏鼠标移入展开
bootstrap鼠标移入导航展开下拉菜单则加以下jq代码：实现鼠标点击“有下拉菜单的导航“ （一级导航）进行跳转：当前页导航栏高亮显示的方式：1、每个html/jsp都有导航栏，则设置当前页导航项的css为高亮即可2、多个页面共用一个导航栏（导航栏单独写一个jsp/html,其它页面调用）：$(‘#navbar-collapse ul’).children(‘li’).eq(0).addClass(‘active’);//childer():因为导航栏有下拉菜单，下拉菜单又有用li标签，所有用
2022-06-06 14:03:46
816
原创 jquery滚动事件
1、获取和设置元素的尺寸width()、height() 获取元素width和heightinnerWidth()、innerHeight() 包括padding的width和heightouterWidth()、outerHeight() 包括padding和border的width和heightouterWidth(true)、outerHeight(true) 包括padding和border以及margin的width和heigh
2022-05-27 10:57:01
2380
原创 bootstrap label的for属性
<label>标记的for属性应等于相关元素的id属性，以将它们绑定在一起。<label>标记允许您单击标签，将其视为与单击关联的输入元素一样。有两种创建此关联的方法：一种方法是将label元素包装在input元素周围：<label>Input here: <input type='text' name='theinput' id='theinput'></label>另一种方法是使用for属性，为其提供关联输入的ID：<
2022-05-24 14:26:28
848
原创 node.js 连接sqlserver封装mssql
npm i mssqlmssql版本8.1.1db.js封装var sql = require('mssql'); var dbConfig = { user: 'sa', password: '1111', server: '111.111.111.111', database: 'db_text', port: 1433, pool: { max: 10, min: 0, idleTimeoutMi
2022-05-23 15:10:00
671
2
原创 vue swiper 版本
关于swiper当前swiper已经到了8版本。6版本及以上，已经支持了直接在前端框架中的使用。6以下版本，不支持直接在前端框架中使用。也就是说， 6以下版本，没有swiper-vue.jsswiper7、8不能在vue2中使用：原因是，在swiper源码中，引入的8个vue方法都是vue3中的方法，在vue2中不存在。如果在vue2中使用swiper7、8会报错。在vue3中引入swiper7、8会有路径上的错误官网代码如下：（这样去引入，会找不到相关模块） // Import Sw
2022-05-12 17:19:50
2089
原创 .net引入js
方法1，使用Response.Write，这种方法会把JS代码写在页面的最顶部(的前面)：System.Web.HttpContext.Current.Response.Write("<script language=javascript>alert('JS代码');</script>");方法2，使用RegisterStartupScript，这种方法会把JS代码嵌入在页面的底部、表单的最后 (前面)，适用于要在页面控件加载完成后运行的JS代码 ：System.Web.
2022-04-24 09:22:50
271
原创 react react-transition-group2
这次用react-transition-group做一个togglebutton控制div显示和隐藏的例子，首先我们需要安装react-transition-group，输入：npm install react-transition-group --save使用yarn的同学输入 yarn add react-transition-group组件中引入CSSTransition模块：import { CSSTransition } from ‘react-transition-group’将CSS
2022-03-14 21:20:36
1565
原创 react react-transition-group
使用CSSTransition实现动画，一共分三步：1.引用CSSTransition import { CSSTransition } from 'react-transition-group' 2.使用CSSTransition将需要动画的元素包裹起来1 <CSSTransition2 in={this.state.focused}3 timeout={200}4 classNames='slide'5 >6 ........
2022-03-14 21:10:48
144
原创 Vue项目引入animated
Vue官网引用的是 animate.css 3.5 版本引用其他版本会无效1.下载npm install animate.css@3.5.1 -S2.在main.js全局引入import animated from 'animate.css' // 引入Vue.use(animated) // 全局注册3.使用<div class="animated fadeInUp"></div>给某个元素动态添加/移除动画样式：// 添加$('#yourElement
2022-03-03 21:01:57
657
原创 021701vue概述基础语法
一、Vue概述1.什么是vue官方网站 https://cn.vuejs.org框架作者 尤雨溪Vue是一个用于快捷开发前端应用的框架技术，它的特点用于构建用户界面的前端渐进式框架，采用自底向上的逐层应用，只关于视图层，技术简单易于上手！2.vue特点构建用户界面：替代传统的网页设计开发技术，在项目中高效率构建网页渐进式：不论是开发单个html页面还是开发多个页面组成的项目，或者基于Node的应用的项目Vue都提供了完善的技术支持框架：framework，通过集成了html/css/js技
2022-02-17 21:12:58
236
原创 css实现3d正方体旋转
<style> *{ margin: 0; padding: 0; } body{ /* 背景图片 */ background: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201709%2F08%2F201709.
2021-09-22 19:56:53
230
原创 下拉菜单ul li
<style> *{ margin: 0; padding: 0; } .box{ width: 700px; overflow: hidden; margin: 20px auto; } .box>ul>li{ float: left; .
2021-09-22 19:23:23
1008
原创 鼠标放入图片被遮盖
HTML<body> <div class="box"> <img src="./3.jpg" alt=""> <div class="box2"></div> </div></body>css下侧滑入 <style> .box{ width: 300px; height: 300p
2021-09-18 09:56:24
106
原创 display手风琴
<body> <div class="box"> <div> <img src="./1.jpg" alt=""> </div> <div> <img src="./2.jpg" alt=""> </div> <div> <img sr.
2021-09-17 20:39:22
73
原创 ul li写导航条
一float:left<body> <ul> <li>新闻</li> <li>视频</li> <li>图片</li> <li>军事</li> <li>NBA</li> <li>体育</li> <li>新闻&l
2021-09-17 20:05:27
248
原创 下载flask报错cannot import name NoReturn怎么办大佬们求解
下载flask报错cannot import name NoReturn怎么办大佬们求解，急急急！
2021-04-26 21:16:33
316
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人