<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Ivy_Ch的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Ivy_Ch</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Ivy_Ch]]></copyright><item><title><![CDATA[js代码判断浏览器内核，移动端等]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/129076279</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/129076279</guid><author>Ivy_Ch</author><pubDate>Fri, 17 Feb 2023 00:36:13 +0800</pubDate><description><![CDATA[前端页面适配不同设备，对所用设备进行判断]]></description><category></category></item><item><title><![CDATA[leetcode 刷题记录（有人相爱，有人夜里开车看海，有人leetcode第一题都做不出来。我恨）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/129036226</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/129036226</guid><author>Ivy_Ch</author><pubDate>Wed, 15 Feb 2023 02:01:56 +0800</pubDate><description><![CDATA[面试准备 leetcode刷题 算法]]></description><category></category></item><item><title><![CDATA[SyntaxError: The requested module ‘/utils/interfaces.js‘ does not provide an export named ‘default‘]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/128403727</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/128403727</guid><author>Ivy_Ch</author><pubDate>Thu, 22 Dec 2022 00:57:48 +0800</pubDate><description><![CDATA[uniapp vue 引入自定义模块时报错]]></description><category></category></item><item><title><![CDATA[js获取当前URL、域名、端口号等]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/116012988</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/116012988</guid><author>Ivy_Ch</author><pubDate>Thu, 22 Apr 2021 14:27:06 +0800</pubDate><description><![CDATA[属性
			值
			举例结果
		href
			完整的URL
			http://localhost:8080/project/front/user/serviceIndex?type=1
		protocol
			协议
			http:
		hostname
			主机名
			localhost
		port
			端口号
			8080
		host
			主机名+端口号
			localhost:8080
		pathname
			当前 URL 的相对路径
			
			/project/f]]></description><category></category></item><item><title><![CDATA[导航栏保持高亮状态（适合共用导航）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115334501</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115334501</guid><author>Ivy_Ch</author><pubDate>Wed, 31 Mar 2021 10:16:08 +0800</pubDate><description><![CDATA[导航栏是所有页面共用的组件，导航栏会单独分离出来作为各个页面的引用，很多时候需要高亮当前页面的选项。这里用js来控制高亮情况。

（根据自己的业务需求修改样式）

思路：寻找与当前页面路由匹配的href

css ：


.active{
    color: #fff;
    background-color: #c92b30;
}

当前页面高亮的css类为active

html：


&lt;div id="navbars"&gt;
    &lt;ul&gt;
       &lt;li cl.]]></description><category></category></item><item><title><![CDATA[Laravel 开启跨域解决]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115233204</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115233204</guid><author>Ivy_Ch</author><pubDate>Fri, 26 Mar 2021 11:26:34 +0800</pubDate><description><![CDATA[1.新建一个中间件


php artisan make:middleware CrossHttpMiddleware

2.编辑中间件内容

指定单个网址跨域

&lt;?php
namespace App\Http\Middleware;

use Closure;

class CrossHttpMiddleware
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request .]]></description><category></category></item><item><title><![CDATA[Laravel 目录结构分析]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115209942</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115209942</guid><author>Ivy_Ch</author><pubDate>Thu, 25 Mar 2021 15:29:09 +0800</pubDate><description><![CDATA[（1）app目录：项目的核心目录，主要用于存放核心代码，也包括控制器、模型。

（2）bootstrap目录：laravel启动目录

（3）config目录：项目的配置目录，主要存放配置文件，比如数据库的配置

App.php：项目主要配置文件；

Auth.php：用于定义用户认证（登录）的配置文件；

Database.php：针对数据库的配置；

Filesystems.php：上传文件、文件存储需要使用到的配置文件；

（4）database目录，数据迁移目录

（5）public目录，项目的..]]></description><category></category></item><item><title><![CDATA[Laravel 项目部署（composer、phpstudy、指定版本安装）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115199393</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115199393</guid><author>Ivy_Ch</author><pubDate>Thu, 25 Mar 2021 15:27:53 +0800</pubDate><description><![CDATA[Laravel 官方网站

官网：https://laravel.com/

中文官网：http://www.golaravel.com/

中文社区：https://laravel-china.org/

下载php

入门推荐phpstudy

官网：https://www.xp.cn/

1.根据php.exe文件位置配置环境变量（看连接）

https://blog.youkuaiyun.com/Ivy_Ch/article/details/115201182

Composer

是一个为php项目准备的软件]]></description><category></category></item><item><title><![CDATA[windows10 配置环境变量]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115201182</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/115201182</guid><author>Ivy_Ch</author><pubDate>Thu, 25 Mar 2021 11:22:55 +0800</pubDate><description><![CDATA[1.环境变量设置位置

鼠标右键我的电脑&gt;属性&gt;高级系统设置



选择 环境变量



2.环境变量设置

环境变量可以理解为系统的视线范围，配置进入了环境变量的可执行程序，就等于是进入了系统的视线范围。

系统变量针对所有用户起作用，为了安全一般配置用户环境变量。
	用户变量只对当前用户起作用，为了省事一般配置系统环境变量。


这里以php.exe设置环境变量为例子

1.先找出php.exe的文件位置（其他需要设置环境的.exe一样操作点击可查看）





2.设置环境变量

在系统变]]></description><category></category></item><item><title><![CDATA[关于js 中 DOM处理页面元素的一些事]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113888063</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113888063</guid><author>Ivy_Ch</author><pubDate>Mon, 22 Feb 2021 17:55:04 +0800</pubDate><description><![CDATA[获取 HTML DOM元素 的方法

通过ID获取（getElementById） ts: document.getElementById('idname') 返回元素
	通过name属性（getElementsByName）ts: document.getElementsByName('name') 返回数组
	通过标签名（getElementsByTagName）
	通过类名（getElementsByClassName）
	获取html的方法（document.documentElement）
...]]></description><category></category></item><item><title><![CDATA[HTML快速生成代码的语法，简单快速上手。]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113770891</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113770891</guid><author>Ivy_Ch</author><pubDate>Tue, 09 Feb 2021 15:20:44 +0800</pubDate><description><![CDATA[所有的操作都是按下tab键即可瞬间完成。]]></description><category></category></item><item><title><![CDATA[【Unity】RectTransformUtility.ScreenPointToWorldPointInRectangle解析与用法]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113523143</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/113523143</guid><author>Ivy_Ch</author><pubDate>Mon, 01 Feb 2021 16:23:19 +0800</pubDate><description><![CDATA[官方介绍：

public static bool ScreenPointToWorldPointInRectangle(RectTransform rect, Vector2 screenPoint, Camera cam, out Vector3 worldPoint);

参数：

RectTransformrect：平面上的世界空间中的位置

Vector2screenPoint：屏幕空间上的点

Cameracam：与屏幕点相关的相机

out Vector3 worldPoint：信息位置...]]></description><category></category></item><item><title><![CDATA[OnCollisionEnter和OnTriggerEnter 区别]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/112297842</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/112297842</guid><author>Ivy_Ch</author><pubDate>Wed, 06 Jan 2021 21:13:31 +0800</pubDate><description><![CDATA[OnCollisionEnter方法触发条件

碰撞双方必须是碰撞体（Conllision）
	碰撞的主动方必须是刚体（Rigidbody）
	刚体不能勾选IsKinematic
	碰撞体不能勾选IsTrigger
注意：OnCollisionEnter方法的形参对象指的是碰撞双方中没有携带OnCollisionEnter方法的一方

OnTriggerEnter方法触发条件

碰撞双方必须是碰撞体（Conllision）
	碰撞双方其中一个碰撞体必须勾选IsTrigger选项
	碰撞双方其中一个方必须是刚]]></description><category></category></item><item><title><![CDATA[控制物体运动自定义JavaScript函数（匀速、变速）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/103637698</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/103637698</guid><author>Ivy_Ch</author><pubDate>Wed, 25 Dec 2019 13:54:06 +0800</pubDate><description><![CDATA[1.改变某一个元素一段横向距离。匀速动画，可以匀速控制某一元素element移动到目标位置target上；


 //匀速动画
    function animate(element, target) {
      //清理定时器
      clearInterval(element.timeId);
      element.timeId = setInterval(function ...]]></description><category></category></item><item><title><![CDATA[原生Javascript制作轮播图]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/103631745</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/103631745</guid><author>Ivy_Ch</author><pubDate>Fri, 20 Dec 2019 14:25:45 +0800</pubDate><description><![CDATA[1. 根据ul中li个数(图片的个数)动态的创建li,并且加入到ol中,作为小按钮来使用为每个ol中的li添加鼠标进入的事件,(添加事件之前,先把索引保存在每个li的自定义属性中),鼠标进入li的时候做排他功能(背景颜色),移动图片(图片整体移动,移动的ul,每次移动的是一个图片的宽度,图片的宽度就是向宽的宽度),调用的是动画函数,移动ul,移动的是索引值*图片的宽度,并且把索引值存储在一个全局变...]]></description><category></category></item><item><title><![CDATA[JavaScript之DOM]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100054449</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100054449</guid><author>Ivy_Ch</author><pubDate>Sat, 19 Oct 2019 14:22:13 +0800</pubDate><description><![CDATA[掌握常见的浏览器提供的API的调用方式

MDN-Web API

JavaScript分三个部分:

ECMAScript标准：JS的基本的语法
	DOM：Document Object Model ---&gt;文档对象模型----操作页面的元素
	BOM：Browser Object Model-----&gt;浏览器对象模型---操作的是浏览器
DOM的概念

文档对象模型（Documen...]]></description><category></category></item><item><title><![CDATA[JavaScript之冒泡和捕获事件]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/102574749</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/102574749</guid><author>Ivy_Ch</author><pubDate>Sat, 19 Oct 2019 11:09:52 +0800</pubDate><description><![CDATA[冒泡事件和捕获事件

css代码：


#dv1 {
      width: 300px;
      height: 200px;
      background-color: red;
    }

    #dv2 {
      width: 250px;
      height: 150px;
      background-color: green;
    }

    #...]]></description><category></category></item><item><title><![CDATA[为同一个元素绑定多个不同的事件，指向相同的事件处理函数]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/102574603</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/102574603</guid><author>Ivy_Ch</author><pubDate>Tue, 15 Oct 2019 20:45:34 +0800</pubDate><description><![CDATA[&lt;input type="button" value="小苏" id="btn"/&gt;
&lt;script src="common.js"&gt;&lt;/script&gt;
&lt;script&gt;
//为id为btn的按钮同时绑定三个事件，分别是click、mouseover、mouseout事件
  my$("btn").onclick = f1;
  my$("btn"...]]></description><category></category></item><item><title><![CDATA[JavaScript之兼容性代码整合（常见、常用）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100055960</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100055960</guid><author>Ivy_Ch</author><pubDate>Tue, 27 Aug 2019 00:28:48 +0800</pubDate><description><![CDATA[兼容性代码原理：
如果这个属性在浏览器中不支持,那么这个属性的类型是undefined
判断这个属性的类型（typeof 属性） 是不是undefined,就知道浏览器是否支持


textContent和innerText：设置标签中的文本内容

textContent属性,谷歌,火狐支持,IE8不支持
innerText属性,谷歌,火狐,IE8都支持


  //设置任意的标签中间的任意文本...]]></description><category></category></item><item><title><![CDATA[Javascript 之 DOM案例（1）]]></title><link>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100049891</link><guid>https://blog.youkuaiyun.com/Ivy_Ch/article/details/100049891</guid><author>Ivy_Ch</author><pubDate>Tue, 27 Aug 2019 00:08:26 +0800</pubDate><description><![CDATA[1.点击按钮弹出对话框


&lt;input type="button" value="弹出来" onclick="alert('我是弹框')"&gt;

2.点击按钮修改超链接的地址和热点文字


 // 根据id获取按钮，注册点击事件，增加事件处理函数
  document.getElementById("bth").onclick()=function () {
      // 根据id...]]></description><category></category></item></channel></rss>