<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Symiac的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Symiac</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Symiac]]></copyright><item><title><![CDATA[前端vue环境搭建（二）vue安装]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/120342326</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/120342326</guid><author>Symiac</author><pubDate>Fri, 17 Sep 2021 09:55:30 +0800</pubDate><description><![CDATA[注意：所有的npm 指令 在安装了淘宝镜像之后都可以替换成cnpm



一、安装开发工具

推荐：

1.vscode

Download Visual Studio Codehttps://code.visualstudio.com/download附上教程：VSCode安装教程（超详细）_『愚』的博客-优快云博客_vscode安装教程

2.WebStorm

附上教程：WebStorm-2021安装教程_xudali_1012的博客-优快云博客_webstorm下载教程

二、安装vue

1.]]></description><category></category></item><item><title><![CDATA[前端vue的环境搭建（一）node安装]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/120341850</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/120341850</guid><author>Symiac</author><pubDate>Fri, 17 Sep 2021 09:29:10 +0800</pubDate><description><![CDATA[之前记过vue项目的创建，最近又遇到搭建环境的问题，记录一下~~~



一、安装node

1.下载安装包

Download | Node.jshttps://nodejs.org/en/download/

选择自己的版本，下载 然后双击安装





会遇到选安装路径，其他的一路next

安装成功后 打开cmd 输入


node -v

新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载No...]]></description><category></category></item><item><title><![CDATA[记录： 去掉String的最后一个逗号]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/119277434</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/119277434</guid><author>Symiac</author><pubDate>Sat, 31 Jul 2021 16:21:29 +0800</pubDate><description><![CDATA[//第一种方法、将字符串中最后一个元素","逗号去掉，
    //str = str.substring(0, str.lastIndexOf(','));

    //第二种方法、将字符串中最后一个元素","逗号去掉，
    //str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;

    //第三种方法、将字符串中最后一个元素"...]]></description><category></category></item><item><title><![CDATA[火狐浏览器：js问题，树结构上onRightClick事件执行完，执行onClick事件]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/118439391</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/118439391</guid><author>Symiac</author><pubDate>Sat, 03 Jul 2021 14:22:47 +0800</pubDate><description><![CDATA[1.树结构

callback : {
  onClick : onClickEvent,
  onRightClick : onRightClickEvent
 }

左键：

执行onClickEvent，然后onclick

右键：onRightClickEvent

2.普通

左键

onclick

右键





火狐：

1.树结构

右键：onRightClickEvent 然后onclick

解决：根据按键判断 右键不执行onclick

$(docu...]]></description><category></category></item><item><title><![CDATA[＜span＞ 内的＜em＞标签换行对齐问题]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/115624373</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/115624373</guid><author>Symiac</author><pubDate>Mon, 12 Apr 2021 15:30:43 +0800</pubDate><description><![CDATA[代码


&lt;span id="HISTROY_NAME"&gt;历史名称：
&lt;em&gt;测试试试十四十四还是试试十四hi啊发发是否撒谎风景和五氟化硫蔷薇花费力气打算发大水的发晚上也iui积分&lt;/em&gt;
&lt;/span&gt;

css设置换行之后的文字如下图 ：


#HISTROY_NAME{
	
display: inline-block;
	
padding-left: 5em;
	
text-indent: -5em;
}



注： em这个单位是指当前的字体尺...]]></description><category></category></item><item><title><![CDATA[vue  引入avue]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/111678076</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/111678076</guid><author>Symiac</author><pubDate>Fri, 25 Dec 2020 14:20:00 +0800</pubDate><description><![CDATA[近期有人推荐我使用avue，按照教程安装了，报错找不到标签



百度都是说引入ui库失败了


Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架，同时内置了丰富了数据展示组件，让开发变得更加容易。详见:https://avuejs.com


1.下载vue官方脚手架2.安装element-ui,axios,avue


npm in.]]></description><category></category></item><item><title><![CDATA[今日收获   可以点击的标签  鼠标悬浮 小手图标]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/110956552</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/110956552</guid><author>Symiac</author><pubDate>Thu, 10 Dec 2020 16:46:58 +0800</pubDate><description><![CDATA[在style中添加cursor:pointer 实现鼠标悬停变成小手样式.

没用过这个属性：cursor 

查询详细如下：

cursor:hand也是表示文本选择效果

cursor: url("小图片地址") /* 设置鼠标指针默认为一个小图片 */


]]></description><category></category></item><item><title><![CDATA[数字，最多两位小数]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/108770057</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/108770057</guid><author>Symiac</author><pubDate>Thu, 24 Sep 2020 11:16:05 +0800</pubDate><description><![CDATA[//数字，最多两位小数



function changeNum(num) {
  
   //如果用户第一位输入的是小数点，则重置输入框内容
   if (num.substr(0, 1) == '.') {
    num = "";
   }
   
   num = num.replace(/^0*(0\.|[1-9])/, '$1');//粘贴不生效
   num = num.replace(/[^\d.]...]]></description><category></category></item><item><title><![CDATA[控制文字溢出处理css控制]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/108767953</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/108767953</guid><author>Symiac</author><pubDate>Thu, 24 Sep 2020 10:15:33 +0800</pubDate><description><![CDATA[css设置文字强制不换行超出用省略号表示


{

  white-space: nowrap; 文本强制不换行；

  text-overflow:ellipsis; 文本溢出显示省略号；

  overflow:hidden; 溢出的部分隐藏；

}

显示两行，超出用省略号表示


{

  overflow: hidden;

  -webkit-line-clamp: 2;

  text-overflow: ellipsis;

  display: -webkit-...]]></description><category></category></item><item><title><![CDATA[判空js undefined   null]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/108754104</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/108754104</guid><author>Symiac</author><pubDate>Wed, 23 Sep 2020 15:27:42 +0800</pubDate><description><![CDATA[1.JS 中如何判断 undefined




var exp = undefined;
if (typeof(exp) == undefined)
{
    alert("undefined");
}

2.JS 中如何判断 null


var exp = null; 
if (!exp &amp;&amp; typeof(exp)!=”undefined” &amp;&amp; exp!=0) 
{ 
alert(“is null”); 
}　


...]]></description><category></category></item><item><title><![CDATA[解码方法encodeURI和encodeURIComponent]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/108296569</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/108296569</guid><author>Symiac</author><pubDate>Sat, 29 Aug 2020 16:53:01 +0800</pubDate><description><![CDATA[忽然想起来遇到了这个参数编码和解码的问题

我开始用encodeURI编码，

发现对特殊字符&lt;&gt;,.什么的都可以 但是对&amp;符号就不行，然后去查了一下发现了encodeURIComponent



encodeURI和encodeURIComponent都是对url的编码

它们都是编码URL，唯一区别就是编码的字符范围了：

encodeURI方法不会对下列字符编码ASCII字母、数字、~!@#$&amp;*()=:/,;?+'

encodeURIComponent方法不会对...]]></description><category></category></item><item><title><![CDATA[今天用layui的input 没有监听事件onclick  记录一下js原始监听]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/107707915</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/107707915</guid><author>Symiac</author><pubDate>Fri, 31 Jul 2020 10:32:28 +0800</pubDate><description><![CDATA[html元素


&lt;input name="unitName" lay-verify="required" type="text" maxlength="128"  id="unitSelect"/&gt;

js监听方式：通过document进行监听，on后面对应自己的事件；






	$(document).on('click','#unitSelect',function (obj) {
						            console.info(obj);
						       ..]]></description><category></category></item><item><title><![CDATA[Axios安装与使用]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/106801989</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/106801989</guid><author>Symiac</author><pubDate>Wed, 17 Jun 2020 10:27:23 +0800</pubDate><description><![CDATA[转载文章，如有侵权，请私聊马上删除！

1、安装

npm install axios

2、将3步骤的模块挂载在main.js上

import axios from './api'

Vue.prototype.$axios = axios

3、在src下创建目录api，结构如下

在index.js配置axios

import axios from 'axios'

axios.defaults.timeout = 3600000 // 响应时间
axios.defaults.baseURL = ]]></description><category></category></item><item><title><![CDATA[vue报错 Duplicate keys detected: ''. This may cause an update error. found in]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103927949</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103927949</guid><author>Symiac</author><pubDate>Fri, 10 Jan 2020 17:16:02 +0800</pubDate><description><![CDATA[解决







这个报错是有重复的值，这里就是 ‘’

因为我在写prop：id

数据中多个对象的id为‘’，就是没有值，所以判断重复，

所以报错，把id改成别的就解决了，

如果用id，

各个对象中的id重复了，也会报这个错，区别是‘’里面会写具体的重复值

所以，prop的值不要随意设id








...]]></description><category></category></item><item><title><![CDATA[（02）微信小程序开发工具以及第一个小程序]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103800823</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103800823</guid><author>Symiac</author><pubDate>Thu, 02 Jan 2020 14:59:53 +0800</pubDate><description><![CDATA[（一）下载微信开发者工具

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

选择自己系统的版本，下载安装即可，没有遇到安装困难

打开下载好的开发工具





然后用自己的微信扫码登录





登录后就可以查看自己的项目了



打开设置





（二）新建小程序

目录选本地目...]]></description><category></category></item><item><title><![CDATA[（01）微信小程序注册申请]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103761922</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103761922</guid><author>Symiac</author><pubDate>Mon, 30 Dec 2019 11:47:50 +0800</pubDate><description><![CDATA[20191230

未来的半年将进行一个微信小程序开发的项目，所以进行记录

具体内容没想好，目前想练习开发一个答题游戏。但是需要提前准备一下技术，未来将记录学习中遇到的问题以及开发进度

首先必须从注册申请账号开始，因为我在春天就有自己开发一个的想法，当时注册了一个，没有截图。

所以去别人的记录中选了一个比较清晰的转载过来作为开始。

结果转载还得获得原作者的同意，有点复杂，决定自己写了。

...]]></description><category></category></item><item><title><![CDATA[el-tree，获取节点数据并展示]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103596211</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103596211</guid><author>Symiac</author><pubDate>Wed, 18 Dec 2019 13:52:40 +0800</pubDate><description><![CDATA[效果展示：点击按钮---&gt;出现树--&gt;选中数据--&gt;展示在页面

逻辑：树组件，获取选中数据，找到父节点，传给父组件

遇到的问题：节点有key和jiancheng两个数据，要写上parent记录父节点，在获取选中节点的父节点数据时好获取

效果：

















代码：

子组件（树结构）：

html


&lt;el-tree

class="or...]]></description><category></category></item><item><title><![CDATA[开心一记 （vue页面css）优先级]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103520402</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103520402</guid><author>Symiac</author><pubDate>Fri, 13 Dec 2019 09:49:57 +0800</pubDate><description><![CDATA[在应用element的时候遇到需要自己写样式的button

实现效果





上传前文字为蓝色，背景图标为同色按钮，点击后文字颜色改变，图标更换。

HTML：

&lt;el-button :disabled="is_upload" :class="{after_upload:is_upload}" @click="submit"&gt;请上传.pdf文件&lt;/el-button&gt...]]></description><category></category></item><item><title><![CDATA[map加reduce自学遇到的坑]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103164206</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103164206</guid><author>Symiac</author><pubDate>Wed, 20 Nov 2019 15:47:01 +0800</pubDate><description><![CDATA[我的代码：

function string2int(s) {
var r=[];
var n;
r=s.split('');

n=r.reduce(function(x, y){
 return (x*10+y);
console.log((x*10+y));

});
return n;

}



测试失败

原因数组内是字符串：

arr=['1','2','3']

ar...]]></description><category></category></item><item><title><![CDATA[多维数组练习题目]]></title><link>https://blog.youkuaiyun.com/Symiac/article/details/103138185</link><guid>https://blog.youkuaiyun.com/Symiac/article/details/103138185</guid><author>Symiac</author><pubDate>Tue, 19 Nov 2019 11:10:09 +0800</pubDate><description><![CDATA[之前做过，结果果断忘记了，所以有必要记录一下


]]></description><category></category></item></channel></rss>