<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Starjg101的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Starjg101</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Starjg101]]></copyright><item><title><![CDATA[移动端监听滑动事件]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/94409965</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/94409965</guid><author>Starjg101</author><pubDate>Mon, 01 Jul 2019 21:44:58 +0800</pubDate><description><![CDATA[var startx, starty;

//获得角度function getAngle(angx, angy) {&nbsp;&nbsp;&nbsp; return Math.atan2(angy, angx) * 180 / Math.PI;};

//根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动function getDirection(startx, starty, en...]]></description><category></category></item><item><title><![CDATA[Vue配置本地代理]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/94408485</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/94408485</guid><author>Starjg101</author><pubDate>Mon, 01 Jul 2019 21:07:59 +0800</pubDate><description><![CDATA[基本配置Vue-cli3.0 vue.config.js
module.exports = {    
    devServer: {        
        host: 'h5.anowl.net',                           //本机域名        
        port: 8080,                                 ...]]></description><category></category></item><item><title><![CDATA[苹果手机点击无效]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93660204</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93660204</guid><author>Starjg101</author><pubDate>Tue, 25 Jun 2019 21:41:10 +0800</pubDate><description><![CDATA[$(document).on('click', ".subject_box .subject_option label img", function () {
    $(this).closest('label').remove();
    // 题目的长度
});

给要点击元素增加 css样式 cursor:pointer 就可以了

...]]></description><category></category></item><item><title><![CDATA[jq获取节点]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93660128</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93660128</guid><author>Starjg101</author><pubDate>Tue, 25 Jun 2019 21:40:29 +0800</pubDate><description><![CDATA[1、jquery 获取元素(父节点,子节点,兄弟节点)
$("#test1").parent(); // 父节点

$("#test1").parents(); // 全部父节点

$("#test1").parents(".mui-content");

$("#test").children(); // 全部子节点

$("#test").children("#test1");

$("#te...]]></description><category></category></item><item><title><![CDATA[vue生命周期函数]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93659789</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93659789</guid><author>Starjg101</author><pubDate>Tue, 25 Jun 2019 21:38:09 +0800</pubDate><description><![CDATA[生命周期一共四个 八个钩子函数
12 属于初始渲染的周期

34属于 生成插入节点的周期

56属于数据修改的周期

78属于销毁周期

beforeCreata：
这一步什么东西都没有
html没加载 css没有
data和方法都没有
所以没用

created：
这个是data和方法生成 节点尚未生成 所以可以在这里请求一些接口把数据存起来

beforeMout:
这个是节点生成 尚未插入h...]]></description><category></category></item><item><title><![CDATA[XAMPP配服务]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93659557</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93659557</guid><author>Starjg101</author><pubDate>Tue, 25 Jun 2019 21:35:56 +0800</pubDate><description><![CDATA[xampp  Config  httpd.conf
NameVirtualHost *:80
&lt;VirtualHost *:80&gt;
    DocumentRoot "C:/xampp/htdocs/website/ych"
    ServerName h5.anowl.net
&lt;/VirtualHost&gt;

C/Windows/System32/etc/hosts   ...]]></description><category></category></item><item><title><![CDATA[移动端touch滑动事件]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93535325</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93535325</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:33:58 +0800</pubDate><description><![CDATA[var startx, starty;

获得角度
function getAngle(angx, angy) {
    return Math.atan2(angy, angx) * 180 / Math.PI;
};

### 根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动
function getDirection(startx, starty, endx, endy) {...]]></description><category></category></item><item><title><![CDATA[时间以书面年月日显示]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93535068</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93535068</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:30:51 +0800</pubDate><description><![CDATA[开始时间
              let start_at = this.spu.affiliate.start_at.split(" ")[0];       //分割时分秒

              //接收去掉月日首位为0的字符串
              let startArr = [];
              //分割时分秒
              start_...]]></description><category></category></item><item><title><![CDATA[短信60S倒计时]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93534900</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93534900</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:29:02 +0800</pubDate><description><![CDATA[60s倒计时实现逻辑
var countdown = 60;                                 //定义参数赋予初始秒数
function setTime() {
    if (countdown == 0) {                           //如果时间为0
        $_("btn").disabled = false;       ...]]></description><category></category></item><item><title><![CDATA[Swiper单图显示 多图轮播]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93534595</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93534595</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:26:27 +0800</pubDate><description><![CDATA[banner图
if(spu.banner_url.indexOf(",") == -1){     //当多图为空就显示单图
imgstr += &lt;img src=${h5Url+spu.banner_url} alt=""&gt;
}
else {
var bannerImg = spu.banner_url.split(",");
            for (var i = 0;...]]></description><category></category></item><item><title><![CDATA[Vue table切换]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93533914</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93533914</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:24:11 +0800</pubDate><description><![CDATA[动态渲染className
:class="{active : isActive == 0}"
:class="{active : isActive == 1}"	
:class="{active : isActive == 2}"
:class="{active : isActive == 3}"	

v-show显示隐藏切换
v-show = "nowIndex == 0"
v-show = ...]]></description><category></category></item><item><title><![CDATA[localStorage储存]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93533689</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93533689</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:18:56 +0800</pubDate><description><![CDATA[localStorage保存token
if(!window.localStorage){
    alert("浏览器不支持localstorage");
}else{
    var storage = window.localStorage;
    var token = storage.getItem("auth_token");
    var id = storage.getItem...]]></description><category></category></item><item><title><![CDATA[JS路由传参传对象及中文字符]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93533381</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93533381</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:16:57 +0800</pubDate><description><![CDATA[var str = JSON.stringify(strAddrs);             //对象转为字符串

        str = "../position.html?strAddrs="+str;         //路由拼接
        str = encodeURI(str);                           //encodeURI()是Javascri...]]></description><category></category></item><item><title><![CDATA[js复制功能]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93533142</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93533142</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:14:04 +0800</pubDate><description><![CDATA[HTML
&lt;div class="userTitle"&gt;
     &lt;h1 id="userName"&gt;油菜花花匠&lt;/h1&gt;
     &lt;p&gt;邀请码：&lt;span id="code"&gt;8975341&lt;/span&gt;&lt;i onclick="copyText()"&gt;复制&lt;/i&gt;&lt;/p&gt;
     &...]]></description><category></category></item><item><title><![CDATA[form表单提交，组装数据]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93532779</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93532779</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:10:33 +0800</pubDate><description><![CDATA[获取答案
   var msg =  $("#formData").serializeArray();

for (var i=0;i&lt;msg.length;i++){
            //为对象动态添加属性
            msg.forEach(function(item){
                let quesName =  item.name.split(...]]></description><category></category></item><item><title><![CDATA[markdown语法]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93532056</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93532056</guid><author>Starjg101</author><pubDate>Mon, 24 Jun 2019 22:08:42 +0800</pubDate><description><![CDATA[一、标题
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题


二、字体
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~


三、引用
在引用的文字前加&gt;即可。引用也可以嵌套，如加两个&gt;&gt;三个&gt;&gt;&gt;

这是引用的内容
...]]></description><category></category></item><item><title><![CDATA[CSS文本溢出显示省略号]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93413408</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93413408</guid><author>Starjg101</author><pubDate>Sun, 23 Jun 2019 22:07:16 +0800</pubDate><description><![CDATA[overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap

移动端浏览器绝大部分是WebKit内核的，所以该方法适用于移动端；
-webkit-line-clamp 用来限制在一个块元素显示的文本的行数,这是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。
d...]]></description><category></category></item><item><title><![CDATA[手撸团购上传多张头图功能]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93412331</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93412331</guid><author>Starjg101</author><pubDate>Sun, 23 Jun 2019 22:04:58 +0800</pubDate><description><![CDATA[因为是手撸BUG颇多，经过反复修改才得以完善
以下功能演示
 初始化


选择头图	  只有一张不会有删除按钮   头图banner跟随第一张改变而改变


上传第二张出现删除按钮，

一次能上传五张，采用flex布局平分间距
html代码
&lt;!--头图--&gt;
                &lt;form id="bannerFom"&gt;
                   ...]]></description><category></category></item><item><title><![CDATA[微信用户授权]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93411414</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93411414</guid><author>Starjg101</author><pubDate>Sun, 23 Jun 2019 21:46:58 +0800</pubDate><description><![CDATA[本地localStorage保存openid
// localStorage保存token
if(!window.localStorage){
    alert("浏览器不支持localstorage");
}else{
    var storage = window.localStorage;

    var openId = storage.getItem("opd")         ...]]></description><category></category></item><item><title><![CDATA[移动端共用提示语]]></title><link>https://blog.youkuaiyun.com/Starjg101/article/details/93410627</link><guid>https://blog.youkuaiyun.com/Starjg101/article/details/93410627</guid><author>Starjg101</author><pubDate>Sun, 23 Jun 2019 21:42:06 +0800</pubDate><description><![CDATA[封装getCommonTips方法
参数传入提示文字，自适应提示框根据提示文字，自适应居中显示
定时器 2S后清除此提示相关代码
遇见难点：   多次点击，多次触发函数，重复出现提示语，影响用户体验
解决办法： 每次点击移除getCommonTips方法，点击无反应，2S后给onclick添加getCommonTips方法，再次传入提示文字
function getCommonTips(text)...]]></description><category></category></item></channel></rss>