<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[small_33的博客]]></title><description><![CDATA[进化为大牛的点滴记录]]></description><link>https://blog.youkuaiyun.com/small_33</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; small_33]]></copyright><item><title><![CDATA[node.js与express.js创建项目以及连接数据库]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/135952851</link><guid>https://blog.youkuaiyun.com/small_33/article/details/135952851</guid><author>small_33</author><pubDate>Wed, 31 Jan 2024 14:26:39 +0800</pubDate><description><![CDATA[创建项目：myservice是自己起的项目名称安装依赖包有时候会超时，多次执行npm install就会安装完成npm start浏览器访问http://localhost:3000就会看到页面。]]></description><category></category></item><item><title><![CDATA[el-table滚动加载下一页]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/131696372</link><guid>https://blog.youkuaiyun.com/small_33/article/details/131696372</guid><author>small_33</author><pubDate>Thu, 13 Jul 2023 10:13:04 +0800</pubDate><description><![CDATA[把以上代码放在mounted()里，就可以运行啦。]]></description><category></category></item><item><title><![CDATA[VUE项目-从store里获取的值给data变量，刷新页面消失问题]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/130360066</link><guid>https://blog.youkuaiyun.com/small_33/article/details/130360066</guid><author>small_33</author><pubDate>Tue, 25 Apr 2023 10:54:39 +0800</pubDate><description><![CDATA[这样就不会在刷新页面的时候不见啦！]]></description><category></category></item><item><title><![CDATA[vue项目加水印]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/129692401</link><guid>https://blog.youkuaiyun.com/small_33/article/details/129692401</guid><author>small_33</author><pubDate>Tue, 21 Mar 2023 17:02:34 +0800</pubDate><description><![CDATA[vue项目加水印]]></description><category></category></item><item><title><![CDATA[el-table/element-ui 表格实现行编辑]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/121958603</link><guid>https://blog.youkuaiyun.com/small_33/article/details/121958603</guid><author>small_33</author><pubDate>Wed, 15 Dec 2021 18:41:24 +0800</pubDate><description><![CDATA[珊妹儿最近一直项目需求要用el-table实现行编辑，这个功能嘛，是我领导写的，我呢，拿出来给大家借鉴一下，如果你们有更好的建议，欢迎留言~

实现思路：

1.表格数据我们拿到后，每一行都加个变量作为判断是否是编辑状态；


tableData.map((item) =&gt; {
    return {
        ...item,
        showEdit: false, //是否可编辑，默认加载完数据不是可编辑状态，获取焦点后才可编辑
        disabled: true, /]]></description><category></category></item><item><title><![CDATA[el-table/elementui 表格组件实现每一列的筛选（两种方法）]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/121956513</link><guid>https://blog.youkuaiyun.com/small_33/article/details/121956513</guid><author>small_33</author><pubDate>Wed, 15 Dec 2021 17:18:20 +0800</pubDate><description><![CDATA[大家好呀，珊妹儿最近更新的有点慢了，是因为最近疏于学习，工作也是没接触到一些新的技术，但近期由于工作使用了el-table组件，需求又有个列的筛选，鉴于项目前期使用的jqGrid,大家都知道，这个插件想要实现列的筛选很容易，因为它自己封装好了，直接可以用，但是我们的新功能使用了vue，所以选择了el-table。
大家应该都知道官网上的筛选，只提供了类似下拉框多选的筛选，如果这一列是日期的话，我们希望是筛选的时候选择的是日期呢，又或者是input框呢？下面看下图就明白了：



text类...]]></description><category></category></item><item><title><![CDATA[vue打包项目发现打包结果太大了，vuex太大了怎么办？？]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/117520127</link><guid>https://blog.youkuaiyun.com/small_33/article/details/117520127</guid><author>small_33</author><pubDate>Thu, 03 Jun 2021 14:05:27 +0800</pubDate><description><![CDATA[问题：vue打包项目发现打包结果太大了，vuex太大了

解决方案：按组件加载vuex


function a(){
    //因为a有install,所以这里不会被执行
}
//vue引入文件import,require.ensure
//Vue.use(a),如果参数a有install属性就执行install,如果没有就执行a本身
a.install = function(vue){
    vue.mixin({
        created:function(){
            //]]></description><category></category></item><item><title><![CDATA[2021春季前端面试题总结]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/115342436</link><guid>https://blog.youkuaiyun.com/small_33/article/details/115342436</guid><author>small_33</author><pubDate>Wed, 31 Mar 2021 09:49:53 +0800</pubDate><description><![CDATA[get和post的区别
	Cookie和session的区别
	网络状态码
	TCP和UDP的区别
	设计模式和使用场景
	深拷贝，浅拷贝
	防抖和截流
	Js的继承
	原型和原型链
	文件上传会导致跨域问题吗？怎么解决跨域？
	Es6中的Promise；
	export和import的区别
	For和foreach的区别
	网络请求头信息里Content-type有几种类型，有什么区别？
	箭头函数和普通函数的区别，箭头函数可以作为构造函数吗
	Es6中的无限扩展
	Es6的this指向
	Es6中的数组]]></description><category></category></item><item><title><![CDATA[用户一段时间不操作关闭浏览器标签页]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/112303272</link><guid>https://blog.youkuaiyun.com/small_33/article/details/112303272</guid><author>small_33</author><pubDate>Thu, 07 Jan 2021 09:59:41 +0800</pubDate><description><![CDATA[珊妹这就把代码奉上：


    var lastTime = new Date().getTime();
    var currentTime = new Date().getTime();
    var timeOut = 30 * 60 * 1000; //设置超时时间： 30分
     
    $(function(){
        /* 鼠标移动事件 */
        $(document).mouseover(function(){
            lastTime = ]]></description><category></category></item><item><title><![CDATA[bootstrap在一个tab页调用另一个tab页的方法]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/109746089</link><guid>https://blog.youkuaiyun.com/small_33/article/details/109746089</guid><author>small_33</author><pubDate>Tue, 17 Nov 2020 16:36:42 +0800</pubDate><description><![CDATA[在我们开发过程中使用bootstrap框架的时候，会经常使用bootstrap的标签页，如果我们在tab子页面中操作的数据，需要在父tab里改变状态到时候，并且不关闭当前子tab页，父tab页只是局部刷新，又不是window.location.reload();刷新整个页面，接下来的代码就可以解决这个问题：

$(window.parent.document).contents().find("#tab_2017090410572012 ")[0].contentWindow.itemListTbale.d]]></description><category></category></item><item><title><![CDATA[bootstrap模态框中使用select2插件下拉框不显示的问题]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/109315929</link><guid>https://blog.youkuaiyun.com/small_33/article/details/109315929</guid><author>small_33</author><pubDate>Tue, 27 Oct 2020 17:35:59 +0800</pubDate><description><![CDATA[珊妹儿今天又遇到个问题，就是使用bootstrap的模态框，上一个模态框还没关闭再次弹出一个模态框中使用了select2下拉选的功能，发现下拉框显示在两个模态框中间层了，也就是不显示在最上层，珊妹给它加了个z-index:999999999；还是不好使，千千万万没想到的是要配合display:block来使用，至于究竟是为何？珊妹儿也未可知！

就是在style里添加如下代码：


.select2-container--open{
     z-index:9999999 !important;
    ]]></description><category></category></item><item><title><![CDATA[datatables 实现鼠标拖动调整列宽]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/108618288</link><guid>https://blog.youkuaiyun.com/small_33/article/details/108618288</guid><author>small_33</author><pubDate>Wed, 16 Sep 2020 11:14:43 +0800</pubDate><description><![CDATA[珊妹儿找了一篇文章可以实现，大家可以试下！
]]></description><category></category></item><item><title><![CDATA[slickgrid刷新表格第一列复选框还存在选中状态的问题]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/108489178</link><guid>https://blog.youkuaiyun.com/small_33/article/details/108489178</guid><author>small_33</author><pubDate>Wed, 09 Sep 2020 14:39:03 +0800</pubDate><description><![CDATA[珊妹儿在使用slickgrid表格插件期间，发现我每次对表格操作后刷新表格，会把之前选中的行数据还显示选中状态，但其实获取表格选中数据已经是空的了，这里我们在刷新表格的代码位置加一条代码:


$(".slick-cell input[type='checkbox']").click();
grid.setSelectedRows([]); //取消选择

如果只用第二行代码，就还会显示对勾，检查元素会发现此复选框还存在checked="checked"属性，所以这两行代码都加上就没问题了！困扰了已久的问题]]></description><category></category></item><item><title><![CDATA[gojs给线添加鼠标移上去显示内容的事件，类似title属性]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/108142682</link><guid>https://blog.youkuaiyun.com/small_33/article/details/108142682</guid><author>small_33</author><pubDate>Fri, 21 Aug 2020 10:55:23 +0800</pubDate><description><![CDATA[珊妹儿随着需求在一点点的探索gojs的知识，学习到的知识点也会更新博客，希望能跟大家一起学习~

效果展示：



鼠标移到线上，显示线的text,而线上默认显示指定的长度，因为如果线的text过长，会影响整体效果哦

代码献上：

一、首先在linkTemplate中添加如下代码：



然后定义这两个方法：


 function tooltipTextConverter(person){
            var str = "";
            str += person.lineN]]></description><category></category></item><item><title><![CDATA[gojs拓扑图实现节点外围圆环按钮]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/108140807</link><guid>https://blog.youkuaiyun.com/small_33/article/details/108140807</guid><author>small_33</author><pubDate>Fri, 21 Aug 2020 10:07:15 +0800</pubDate><description><![CDATA[实现效果：（并且鼠标移上去改变背景颜色)



官方案例参考：https://gojs.net/latest/samples/radialAdornment.html

珊妹儿这就给大家献上代码：

一、首先引用文件：


&lt;script type="text/javascript" src="./js/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="./js/gojs/go.js"&gt;]]></description><category></category></item><item><title><![CDATA[daterangepicker实现双日历的时间段选择]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/107937115</link><guid>https://blog.youkuaiyun.com/small_33/article/details/107937115</guid><author>small_33</author><pubDate>Tue, 11 Aug 2020 16:05:10 +0800</pubDate><description><![CDATA[前端的插件真的是数不胜数哦~ 今天珊妹儿来给大家分享个双日历的时间段选择插件，那就是daterangepicker,平时我们日期选择用的都是datetimepicker，这是单日历的插件，下面给大家双日历的文件下载链接：https://www.daterangepicker.cn/#usage



这里展示的是下载的地方：下载下来的目录是这样的：



但是需要注意的是：我们用这个插件是在jquery的基础上，然后下载下来的文件里并没有jquery,所以这里我们自己可以去下载jquery.min.js..]]></description><category></category></item><item><title><![CDATA[jquery.orgcharts插件的使用]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/107835141</link><guid>https://blog.youkuaiyun.com/small_33/article/details/107835141</guid><author>small_33</author><pubDate>Thu, 06 Aug 2020 11:37:34 +0800</pubDate><description><![CDATA[珊妹又来给大家推荐好物了，哈哈~

首先官网资料：https://github.com/dabeng/OrgChart

官网上下载的是vue的项目哦，但是demo目录下的样例可以直接双击在浏览器访问，但是直接下载下来的样例里面引用的js/css路径都不对，你想看哪个样例需要改下里面引用文件的路径，因为是vue项目里面用的js是一些依赖包，那么我们双击打开看的话就需要自己去找一些js文件，珊妹遇到的问题是导出pdf,所以只改了这个文件



因为导出pdf，需要html2canvas和jspdf的支持，所以]]></description><category></category></item><item><title><![CDATA[JS实现HTML标签转义及反转义]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/107818300</link><guid>https://blog.youkuaiyun.com/small_33/article/details/107818300</guid><author>small_33</author><pubDate>Wed, 05 Aug 2020 16:15:26 +0800</pubDate><description><![CDATA[转载：https://www.cnblogs.com/zzgblog/p/5819807.html
]]></description><category></category></item><item><title><![CDATA[elementUI的tree树形控件，阻止节点点击触发展开收缩的方法]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/107786382</link><guid>https://blog.youkuaiyun.com/small_33/article/details/107786382</guid><author>small_33</author><pubDate>Tue, 04 Aug 2020 14:48:49 +0800</pubDate><description><![CDATA[当我们的操作是这样的时候：



当我们想要点击新增或是删除的时候，有子节点的节点会触发展开收缩的事件，那么我们就要阻止冒泡了，只需要加上

expand-on-click-node="false"就可以如图：


]]></description><category></category></item><item><title><![CDATA[bootstrap模态框里的select2的搜索使用不了的问题]]></title><link>https://blog.youkuaiyun.com/small_33/article/details/107692816</link><guid>https://blog.youkuaiyun.com/small_33/article/details/107692816</guid><author>small_33</author><pubDate>Thu, 30 Jul 2020 16:14:27 +0800</pubDate><description><![CDATA[珊妹儿今天遇到一个奇怪的问题哈，就是使用bootstrap的模态框，里面使用了select2的下拉框功能，但是发现select2原本自带的搜索框不能聚焦，使用不了了，

解决办法：



我们把模态框标签里的tabindex="-1"属性去掉就好了！！！！
...]]></description><category></category></item></channel></rss>