<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Alisa_vc的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Alisa_vc</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Alisa_vc]]></copyright><item><title><![CDATA[谷歌安装扩展程序提示可能已损坏，怎么解决]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/131005351</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/131005351</guid><author>Alisa_vc</author><pubDate>Fri, 02 Jun 2023 13:46:59 +0800</pubDate><description><![CDATA[1、首先把需要安装的第三方插件，后缀.crx 改成 .rar，然后解压，得到一个文件夹。3、选中开发者模式复选框，然后再点击加载正在开发的扩展程序按钮。5、确认新增扩展程序，点击添加，成功添加，并且正常使用。2、打开谷歌浏览器，在工具菜单中依次打开扩展程序，4、选择刚才步骤1中解压好的文件夹，确定。]]></description><category></category></item><item><title><![CDATA[ES6三种暴露方法详解]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/125111565</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/125111565</guid><author>Alisa_vc</author><pubDate>Fri, 03 Jun 2022 12:17:31 +0800</pubDate><description><![CDATA[ES6三种暴露方法详解]]></description><category></category></item><item><title><![CDATA[面试题：react、vue中的key有什么作用？（key的内部原理）]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/123494862</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/123494862</guid><author>Alisa_vc</author><pubDate>Tue, 15 Mar 2022 10:04:07 +0800</pubDate><description><![CDATA[1.虚拟DOM中key的作用：

    key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，

   随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：



2.对比规则：

    (1).就虚拟DOM中找到了与新虚拟DOM相同的key：

        ①.若虚拟DOM中内容没变，直接使用之前的真实DOM！

        ②.若虚拟DOM中内容变了，则生成新的真实DOM，随...]]></description><category></category></item><item><title><![CDATA[Git 常用命令]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/115689845</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/115689845</guid><author>Alisa_vc</author><pubDate>Tue, 15 Mar 2022 09:50:29 +0800</pubDate><description><![CDATA[git branch 查看本地所有分支
git status 查看当前状态
git commit 提交
git branch -a 查看所有的分支
git branch -r 查看远程所有分支
git commit -am "init" 提交并且加注释
git remote add origin git@192.168.1.119:ndshow
git push origin master 将文件给推到服务器上
git remote show origin 显示远程库origin里的资源
git ...]]></description><category></category></item><item><title><![CDATA[jquery 点击按钮隐藏显示 按钮样式切换]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/114668781</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/114668781</guid><author>Alisa_vc</author><pubDate>Thu, 11 Mar 2021 15:34:32 +0800</pubDate><description><![CDATA[$('.btn').click(function(){
 $(this).toggleClass('on');
 $("div").toggle();
})


]]></description><category></category></item><item><title><![CDATA[滚动条样式修改]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/114445680</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/114445680</guid><author>Alisa_vc</author><pubDate>Sat, 06 Mar 2021 16:20:47 +0800</pubDate><description><![CDATA[/*==================== 重置滚动条 =================*/
/*滚动条背景*/


.course-tab ul::-webkit-scrollbar {width: 8px; height:8px; background-color: #eee;}
.course-tab ul::-webkit-scrollbar-track {border-radius: 0; }


/*滚动条样式*/



.course-tab ul::-webkit-scrollbar-.]]></description><category></category></item><item><title><![CDATA[css3 文字渐变]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/111591677</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/111591677</guid><author>Alisa_vc</author><pubDate>Wed, 23 Dec 2020 15:42:17 +0800</pubDate><description><![CDATA[.c-gradient-main{color: #b30100;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc222b), to(#b30100)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;padding-right:32px;}



]]></description><category></category></item><item><title><![CDATA[小程序switch样式修改]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/109256301</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/109256301</guid><author>Alisa_vc</author><pubDate>Sat, 24 Oct 2020 11:09:45 +0800</pubDate><description><![CDATA[.wx-switch-input{width:75rpx !important;height:38rpx !important;}
/*白色样式（false的样式）*/
.wx-switch-input::before{width:72rpx !important;height: 34rpx !important;}
/*绿色样式（true的样式）*/
.wx-switch-input::after{width: 35rpx !important;height: 34rpx !important;}

..]]></description><category></category></item><item><title><![CDATA[在光标位置插入内容的jquery实现方式]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/108096472</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/108096472</guid><author>Alisa_vc</author><pubDate>Wed, 19 Aug 2020 11:24:31 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;无标题页&lt;/title&gt;
 
    &lt;script type="text/javascript" src="jquery-1.7.2.min。js"&gt;&lt;/script&gt;
 
    &lt;script type="text/javascript"&gt;
        (function ($) {
            $.fn.e.]]></description><category></category></item><item><title><![CDATA[用js控制css样式加 !important 加不上的解决方法]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/105650983</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/105650983</guid><author>Alisa_vc</author><pubDate>Tue, 21 Apr 2020 09:36:35 +0800</pubDate><description><![CDATA[$("#test").css("cssText","height:300px !important;width:300px !important");
]]></description><category></category></item><item><title><![CDATA[获取视窗高度]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/103958951</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/103958951</guid><author>Alisa_vc</author><pubDate>Mon, 13 Jan 2020 15:38:57 +0800</pubDate><description><![CDATA[var winW = parseInt(document.documentElement.clientHeight, 10) + parseInt(document.documentElement.scrollTop || document.body.scrollTop, 10);


]]></description><category></category></item><item><title><![CDATA[微信小程序去除Button默认样式]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/101054640</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/101054640</guid><author>Alisa_vc</author><pubDate>Fri, 20 Sep 2019 11:20:28 +0800</pubDate><description><![CDATA[在小程序开发过程中，使用率蛮高的组件button，因为经常要去除默认样式，然后再自定义样式，所以经常写，自己也总结分享一下简单的实现步骤。

首先了解一下默认的样式有哪些，然后根据自己的UI来实现：


button {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-left:14px;...]]></description><category></category></item><item><title><![CDATA[input file元素change事件上传一次失效问题]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/101053617</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/101053617</guid><author>Alisa_vc</author><pubDate>Fri, 20 Sep 2019 10:52:41 +0800</pubDate><description><![CDATA[使用input file元素时上传碰到两个问题：

change事件上传一次后失效

相同文件只能选择一次（有上传相同文件的需求）

问题1：网上一搜很多碰到同样问题的小伙伴，解决方案大致思路为上传完成后替换原file元素的内容，然后重新绑定change事件，大致实现如下


//上传成功后大致操作
$("#file").replaceWith("&lt;input type='file' nam...]]></description><category></category></item><item><title><![CDATA[输入框调用手机键盘的确认按钮]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/101053450</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/101053450</guid><author>Alisa_vc</author><pubDate>Fri, 20 Sep 2019 10:48:02 +0800</pubDate><description><![CDATA[// html代码


&lt;input class="keyword" type="serch" placeholder="请输入项目名称或地址"&gt;


// js代码如下


$(".keyword").on('keypress',function(e){
varkeycode=e.keyCode;
varsearchName=$(this).v...]]></description><category></category></item><item><title><![CDATA[点击除弹框之外的地方 弹框关闭]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/101027287</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/101027287</guid><author>Alisa_vc</author><pubDate>Thu, 19 Sep 2019 16:39:21 +0800</pubDate><description><![CDATA[$(function(){
    $(.btn").click(function(e){
      $(".tk").show();
      $("body").css({"position":"fixed"});
    })
    $(".tk-bg").click(function(e){      
      if(e.target.className!=="conten...]]></description><category></category></item><item><title><![CDATA[微信小程序canvas画圆环形进度条]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/100727573</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/100727573</guid><author>Alisa_vc</author><pubDate>Wed, 11 Sep 2019 10:01:55 +0800</pubDate><description><![CDATA[最近做一个小程序，有用到canvas画圆环形进度条，效果图就是上图了。
为了方便日后使用，我已经封装了一个独立的js文件。
先简单说一下实现流程，封装好的文件下载地址：https://github.com/SuperDalu/wxCanvas.git



先在wxml文件中创建画布
	
&lt;canvas canvas-id="runCanvas" id="runCanvas" clas...]]></description><category></category></item><item><title><![CDATA[微信小程序超出文本显示省略号]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/97141964</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/97141964</guid><author>Alisa_vc</author><pubDate>Wed, 24 Jul 2019 17:25:34 +0800</pubDate><description><![CDATA[-单行文本超出：(建议设置一个宽度，默认为100%)


.team-content {
  width: 500rpx;
  display:-webkit-box;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  word-break:br...]]></description><category></category></item><item><title><![CDATA[JavaScript判断设备是手机端还是PC端，并加载不同的css/js文件]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/97109148</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/97109148</guid><author>Alisa_vc</author><pubDate>Wed, 24 Jul 2019 10:33:04 +0800</pubDate><description><![CDATA[function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone ...]]></description><category></category></item><item><title><![CDATA[微信小程序swiper添加左右箭头切换功能]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/90903618</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/90903618</guid><author>Alisa_vc</author><pubDate>Wed, 05 Jun 2019 15:53:45 +0800</pubDate><description><![CDATA[微信小程序swiper添加左右箭头添点击切换功能，在网上找了一下，发现大部分都是同一个人发布的，而且有地方无法正常运行，在自己的研究下，在原有代码的基础上修改了一下，已可以正常运行，运行的效果如下

wxml代码


&lt;view class='ceshi_swiper'&gt;
    &lt;swiper class='read_swiper' indicator-dots='{{swip...]]></description><category></category></item><item><title><![CDATA[input file里的JQ change() 事件的只生效一次]]></title><link>https://blog.youkuaiyun.com/Alisa_vc/article/details/90903577</link><guid>https://blog.youkuaiyun.com/Alisa_vc/article/details/90903577</guid><author>Alisa_vc</author><pubDate>Wed, 05 Jun 2019 15:48:13 +0800</pubDate><description><![CDATA[文件选择框的onchange事件只在第一次改变时生效，以后再选择文件不会触发onchange事件。

解决方法1：用jQuery的live代替直接使用change。

错误代码：


$("#UploadFile").change(function(){  //do someing  });

正确代码：


$("#UploadFile").live('change', fu...]]></description><category></category></item></channel></rss>