- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 SyntaxError: The requested module ‘/utils/interfaces.js‘ does not provide an export named ‘default‘
uniapp vue 引入自定义模块时报错
2022-12-22 00:57:48
2004
转载 js获取当前URL、域名、端口号等
属性 值 举例结果 href 完整的URL http://localhost:8080/project/front/user/serviceIndex?type=1 protocol 协议 http: hostname 主机名 localhost port 端口号 8080 host 主机名+端口号 localhost:8080 pathname 当前 URL 的相对路径 /project/f
2021-04-22 14:27:06
517
原创 导航栏保持高亮状态（适合共用导航）
导航栏是所有页面共用的组件，导航栏会单独分离出来作为各个页面的引用，很多时候需要高亮当前页面的选项。这里用js来控制高亮情况。（根据自己的业务需求修改样式）思路：寻找与当前页面路由匹配的hrefcss ：.active{ color: #fff; background-color: #c92b30;}当前页面高亮的css类为activehtml：<div id="navbars"> <ul> <li cl.
2021-03-31 10:16:08
2000
5
原创 Laravel 开启跨域解决
1.新建一个中间件php artisan make:middleware CrossHttpMiddleware2.编辑中间件内容指定单个网址跨域<?phpnamespace App\Http\Middleware;use Closure;class CrossHttpMiddleware{ /** * Handle an incoming request. * * @param \Illuminate\Http\Request .
2021-03-26 11:26:34
236
原创 Laravel 目录结构分析
（1）app目录：项目的核心目录，主要用于存放核心代码，也包括控制器、模型。（2）bootstrap目录：laravel启动目录（3）config目录：项目的配置目录，主要存放配置文件，比如数据库的配置App.php：项目主要配置文件；Auth.php：用于定义用户认证（登录）的配置文件；Database.php：针对数据库的配置；Filesystems.php：上传文件、文件存储需要使用到的配置文件；（4）database目录，数据迁移目录（5）public目录，项目的..
2021-03-25 15:29:09
2481
原创 Laravel 项目部署（composer、phpstudy、指定版本安装）
Laravel 官方网站官网：https://laravel.com/中文官网：http://www.golaravel.com/中文社区：https://laravel-china.org/下载php入门推荐phpstudy官网：https://www.xp.cn/1.根据php.exe文件位置配置环境变量（看连接）https://blog.csdn.net/Ivy_Ch/article/details/115201182Composer是一个为php项目准备的软件
2021-03-25 15:27:53
1504
2
原创 windows10 配置环境变量
1.环境变量设置位置鼠标右键我的电脑>属性>高级系统设置选择 环境变量2.环境变量设置环境变量可以理解为系统的视线范围，配置进入了环境变量的可执行程序，就等于是进入了系统的视线范围。系统变量针对所有用户起作用，为了安全一般配置用户环境变量。 用户变量只对当前用户起作用，为了省事一般配置系统环境变量。这里以php.exe设置环境变量为例子1.先找出php.exe的文件位置（其他需要设置环境的.exe一样操作点击可查看）2.设置环境变量在系统变
2021-03-25 11:22:55
594
原创 关于js 中 DOM处理页面元素的一些事
获取 HTML DOM元素 的方法通过ID获取（getElementById） ts: document.getElementById('idname') 返回元素 通过name属性（getElementsByName）ts: document.getElementsByName('name') 返回数组 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 获取html的方法（document.documentElement）...
2021-02-22 17:55:04
124
原创 【Unity】RectTransformUtility.ScreenPointToWorldPointInRectangle解析与用法
官方介绍：public static bool ScreenPointToWorldPointInRectangle(RectTransform rect, Vector2 screenPoint, Camera cam, out Vector3 worldPoint);参数：RectTransformrect：平面上的世界空间中的位置Vector2screenPoint：屏幕空间上的点Cameracam：与屏幕点相关的相机out Vector3 worldPoint：信息位置...
2021-02-01 16:23:19
2936
转载 OnCollisionEnter和OnTriggerEnter 区别
OnCollisionEnter方法触发条件碰撞双方必须是碰撞体（Conllision） 碰撞的主动方必须是刚体（Rigidbody） 刚体不能勾选IsKinematic 碰撞体不能勾选IsTrigger注意：OnCollisionEnter方法的形参对象指的是碰撞双方中没有携带OnCollisionEnter方法的一方OnTriggerEnter方法触发条件碰撞双方必须是碰撞体（Conllision） 碰撞双方其中一个碰撞体必须勾选IsTrigger选项 碰撞双方其中一个方必须是刚
2021-01-06 21:13:31
682
原创 控制物体运动自定义JavaScript函数（匀速、变速）
1.改变某一个元素一段横向距离。匀速动画，可以匀速控制某一元素element移动到目标位置target上； //匀速动画 function animate(element, target) { //清理定时器 clearInterval(element.timeId); element.timeId = setInterval(function ...
2019-12-25 13:54:06
387
原创 原生Javascript制作轮播图
1. 根据ul中li个数(图片的个数)动态的创建li,并且加入到ol中,作为小按钮来使用为每个ol中的li添加鼠标进入的事件,(添加事件之前,先把索引保存在每个li的自定义属性中),鼠标进入li的时候做排他功能(背景颜色),移动图片(图片整体移动,移动的ul,每次移动的是一个图片的宽度,图片的宽度就是向宽的宽度),调用的是动画函数,移动ul,移动的是索引值*图片的宽度,并且把索引值存储在一个全局变...
2019-12-20 14:25:45
206
原创 JavaScript之DOM
掌握常见的浏览器提供的API的调用方式MDN-Web APIJavaScript分三个部分:ECMAScript标准：JS的基本的语法 DOM：Document Object Model --->文档对象模型----操作页面的元素 BOM：Browser Object Model----->浏览器对象模型---操作的是浏览器DOM的概念文档对象模型（Documen...
2019-10-19 14:22:13
191
原创 JavaScript之冒泡和捕获事件
冒泡事件和捕获事件css代码：#dv1 { width: 300px; height: 200px; background-color: red; } #dv2 { width: 250px; height: 150px; background-color: green; } #...
2019-10-19 11:09:52
150
原创 为同一个元素绑定多个不同的事件，指向相同的事件处理函数
<input type="button" value="小苏" id="btn"/><script src="common.js"></script><script>//为id为btn的按钮同时绑定三个事件，分别是click、mouseover、mouseout事件 my$("btn").onclick = f1; my$("btn"...
2019-10-15 20:45:34
434
原创 JavaScript之兼容性代码整合（常见、常用）
兼容性代码原理：如果这个属性在浏览器中不支持,那么这个属性的类型是undefined判断这个属性的类型（typeof 属性） 是不是undefined,就知道浏览器是否支持textContent和innerText：设置标签中的文本内容textContent属性,谷歌,火狐支持,IE8不支持innerText属性,谷歌,火狐,IE8都支持 //设置任意的标签中间的任意文本...
2019-08-27 00:28:48
436
原创 Javascript 之 DOM案例（1）
1.点击按钮弹出对话框<input type="button" value="弹出来" onclick="alert('我是弹框')">2.点击按钮修改超链接的地址和热点文字 // 根据id获取按钮，注册点击事件，增加事件处理函数 document.getElementById("bth").onclick()=function () { // 根据id...
2019-08-27 00:08:26
370
原创 Javascript之全选和不全选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { ...
2019-08-25 04:04:14
121
原创 Javascript 之 Tab切换案例
getAttribute("属性名") 获取标签行内属性setAttribute("属性名","值") 设置标签行内属性removeAttribute("属性名") 移除标签行内属性<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title&...
2019-08-24 20:11:02
168
原创 冒泡排序
冒泡排序:把所有的数据按照一定的顺序进行排列(从小到大,从大到下)var arr = [10, 0, 100, 20, 60, 30]; //循环控制比较的轮数for (var i = 0; i < arr.length - 1; i++) { //控制每一轮的比较的次数 for (var j = 0; j < arr.length - 1...
2019-08-19 00:46:44
107
原创 Javascript基础（包含相关案例和练习）
JavaScript：简称jsjs分三个部分ECMAScript 标准——js的基本语法 DOM——Document Object Model 文档对象模型 BOM——Browser Object Model 浏览器对象模型JavaScript是什么？是一门脚本语言 是一门解析性语言 是一门动态类型的语言 是一门基于对象的语言js的代码可以分三个地方写:在html的文...
2019-08-19 00:46:10
578
原创 JS之交换两个数的三种方法
使用第三方的变量进行交换var num1=10;var num2=20;//把num1这个变量的值取出来放在temp变量中var temp=num1;//把num2这个变量的值取出来放在num1变量中num1=num2;//把temp变量的值取出来放在num2变量中num2=temp;console.log(num1); //20console.log(num2);...
2019-08-07 22:23:29
1122
原创 CSS3之动画（animation）
动画(CSS3) animation动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。语法格式：1.调用animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;2.声明@keyframes 动画名称 { from{ 开始位置 } 0% to{ 结束 } 100%}可...
2019-08-06 18:05:42
364
原创 CSS3之过渡（transition）
（这里独立出来写一篇是觉得这个很有趣。）2d x y3d x y ztransition 过渡（CSS3）这是w3c的说法（官方认证）：通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。简单来说，就是我们可以通过css的transition来制作会动的画面。过渡动画： 是从一个状态 渐渐的...
2019-08-06 15:45:50
1794
原创 HTML5和CSS3
HTML5新标签header：定义文档的页眉 头部 nav：定义导航链接的部分 footer：定义文档或节的页脚 底部 article：定义文章。 section：定义文档中的节（section、区段） aside：定义其所处内容之外的内容 侧边<header> 语义 :定义页面的头部 页眉</header><nav> 语义 :定义...
2019-08-05 22:15:54
237
原创 CSS高级技巧
元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。display 显示display 设置或检索对象是否及如何显示。display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外，同时还有显示元素的意思。特点： 隐藏之后，不再保留位置。vis...
2019-08-04 00:13:43
137
转载 精灵（sprite）技术：有效地减少服务器接受和发送请求的次数，提高页面的加载速度
图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）。精灵...
2019-07-27 22:01:53
409
原创 CSS入门基础（二）
文字居中：文字水平居中 text-align：center；文字垂直居中 line-height：height高度；如果行高 等于 height高度 文字会垂直居中 如果行高 大于 高度 文字会偏下 如果行高 小于 高度 文字会偏上CSS三大特性 层叠性 一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。 继承性 所谓继承性...
2019-07-25 22:11:24
130
原创 CSS入门基础
经常查阅文档是一个非常好的学习习惯。W3C : http://www.w3school.com.cn/MDN: https://developer.mozilla.org/zh-CN/css样式编辑可分为：行内样式：就是代码写在具体网页中的一个元素内；<!doctype html><html><head> <meta ...
2019-07-25 22:10:43
278
原创 区分：块级元素、行内元素、行内块元素
块级元素(block-level)描述：每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。块级元素的特点：（...
2019-07-17 01:31:48
1149
原创 html基础入门：标签
一、img标签的简单介绍<img src="timg.gif" alt="加载图片失败时显示的文字提示" title="鼠标移动到图片上时显示图片的标题">二、锚点 定位点击链接自动跳到对应的id内容位置<!-- 锚点定位 --> <a href="#live">点这</a> <p id="live">到这来<...
2019-07-16 12:41:25
178
原创 Sublime Text快捷方式 快捷键大全
Sublime快速操作一、页面中输入 以下2个单词（任选一个）1. html: 5 2. ! 在sublime里面然后按下tab键盘即可生成HTML骨架<!DOCTYPE html><html lang="en"><!--语言为英语--><head> <meta charset="UTF-8"><!...
2019-07-14 01:25:04
1040
原创 web标准化
Web标准不是某一个标准，而是由W3C和其他标准化组织定制的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）、和行为（Behavior）三个方面。结构html：使内容更清晰更有逻辑性； 表现css:用于修饰内容的样式； 行为js：内容的交互及操作的效果。...
2019-07-14 01:23:02
365
原创 Java 线程实现秒表
package ch2;import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.*;public class Timer extends JFrame implements Runnable{private JBu...
2018-06-02 01:04:44
1667
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人