自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 nginx配置一个端口同时支持http和https

http重定向到https

2024-02-21 11:36:02 961 2

原创 3D会议室demo源码

代码

2022-11-28 16:18:56 696 1

原创 前端使用html2canvas生成图片踩坑

截图插件html2canvas

2022-09-19 11:58:22 7589 8

原创 Vue中用Three.js创建一个3D会议室(三)拖动与旋转

旋转和拖动

2022-02-14 16:51:04 3195 5

原创 Vue中用Three.js创建一个3D会议室(二)模型创建

第二章文章目录基础模型墙面创建长方体创建墙面地板外部加载模型文件加载OBJ文件加载GLTF文件总结这一章主要创建3D模型,3D模型分为Three.js自带的基础模型以及外部导入模型基础模型基础的实体模型嘛,大概就是正方体,长方体,球等基础的固体形状,先说我们会议室的地板和墙面,其实就是基础的长方体,对于这种基础的实体模型,我们主要使用THREE.BoxBufferGeometry对象来进行创建:墙面关于墙面,这次都是做的实体墙,所以比较简单,我大概分了两个步骤创建长方体export cons

2022-02-12 11:30:10 1892

原创 Vue中用Three.js创建一个3D会议室(一)初步创建

vue中用Three.js创建一个简易3D会议室

2022-02-11 11:10:56 1950 2

原创 前端面试题总结——Vue篇

前端面试题总结(Vue篇)(数据驱动,组件系统)一.Vue的优点1.轻量级框架:只关注视图层,是一个构建数据的视图集合,基础大小只有几十kb2.双向数据绑定:更容易操作数据3.组件化:实现了HTMl的封装和复用,在构建单页面应用方面有独特的优势4.视图,数据,结构分离:更改数据更为简单,不需要逻辑代码修改5.虚拟dom:不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式6.内封装比较完善,有很多方便得指定和过滤器二.双向数据绑定原理,vue3如何实现

2021-03-17 17:32:30 173

原创 element-ui table组件实现可拖拽效果

最近接到一个表格拖拽并改变排序的需求那么首先需要实现表格拖拽一.引入第三方插件1.引入sortable.js的包: npm install sortable.js --save2.或者npm i -S vuedraggable  vuedraggable依赖 Sortable.js,所以下载了vuedraggable,我们便可以直接引入Sortable使用Sortable的特性。  vuedraggable是Sortable一种加强,实现组件化的思想,可以结合Vue,使用起来更方便二.使用so

2020-08-25 10:53:19 2356

原创 Vue 前端qrcode生成二维码

Vue 前端生成二维码qrcode 生成安装 npmnpm install --save qrcodejs2导入 importimport QRCode from 'qecodejs2'使用 new QRCode()<div class="qrcode" ref="qrCodeUrl"></div>methods: { creatQrCode() { var qrcode = new QRCode(this.$refs.qrC

2020-08-05 14:40:08 739 2

原创 Vue路由跳转打开新的页面并传参

Vue路由跳转打开新的页面并传参这是我在做项目时碰到的一个需求,需要打开新的页面同时传递当前页面的一些信息作为新页面接口请求的参数。一说到跳转打开新页面是不是瞬间就想到了a标签,超链接<a href="https://baidu.com" title="百度" target="_blank">百度</a>; 又或者说js方法window.open("https://baidu.com");当然这两个方式无疑于十分简单方便,但此时需要的时路由间的跳转,只需要改变路径名,这种需要输

2020-08-05 12:03:39 1946 1

原创 Vue跨域问题——vue2.0 proxyTable配置,以及配置后为什么无法生效问题

一.遇到的问题今天在项目中需要访问网易云音乐中的歌手信息接口通过axios调取接口后出现了如下问题这就是因为跨域访问出现的问题那么为什么会出现跨域问题呢?因为因为浏览器同源策略的限制,不是同源的脚本不能操作其他源下面的对象同源策略的概念同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影...

2020-01-10 17:18:26 8421 13

原创 Vue笔记 (持续更新添加)

Vue 笔记(待更新中…)$set()方法受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性以及数据成员的添加或删除这样导致的结果就是页面不会自动刷新数据的变化由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的$set()...

2019-11-25 17:15:01 140

原创 vue-cli搭建的项目npm run dev无法自动打开浏览器

vue项目npm run dev无法自动打开浏览器今天准备用vue全家桶搭建一个个人网站,初步搭建好之后npm run dev无法自动打开浏览器,而是需要在浏览器中手动输入然后百度查了很久,发现问题出在项目config目录中的index.js文件如上图在里面找到dev中的autoOpenBrowser属性,这时我们发现它的值是false将它的值改为true这样保存之后,再使用npm...

2019-10-17 18:38:43 633

原创 前端笔记:JSON

JSON定义JSON就是一种轻量级的数据格式,可以简化表示复杂数据结构的工作量,不属于JavaScript,很多编程语言都有针对JSON的解析器与序列化器,JSON也是一种读写结构化数据的更好的方式JSON语法----三种类型的值简单值最简单的JSON数据形式就是简单值,可以在JSON中表示字符串,数值,布尔值和null,但JSON不支持JavaScript中的特殊值undefined...

2019-08-21 18:15:33 136

原创 前端笔记:CSS--弹性布局

Flexbox(弹性盒子布局)特性:响应式,可用于移动端Flexbox包含针对容器(弹性容器),和针对其直接子元素(弹性项)的两类属性Flexbox 可以控制弹性项的如下方面大小,基于内容及可用空间流动方向 , 水平还是垂直,正向还是反向两个轴向上的对齐与分布顺序,与源代码中的顺序无关Flex方向 : 主轴与辅轴Flexbox 可以针对页面中的某一区域,控制其中元素的顺序,大...

2019-08-10 17:57:17 298

原创 前端笔记:原型链以及继承

继承许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名(方法签名其实就是方法的名称和参数组合在一起)实现继承是继承实际的方法因为在ECMAScript中,函数没有签名,因为它是弱语言,没有强制参数传了就一定要使用,也没有强制一定要定义参数,更重要的是js函数中传入的是一个arguments对象,无法用参数个数来区别函数,所以函数也不会重载因此ECMAScript只...

2019-08-08 19:50:07 221

原创 前端笔记:面向对象----创建对象

创建对象基本方式:用Object构造函数或对象字面量来创建单个对象缺点:使用同一个接口创建很多对象,会产生大量的重复代码,所以便有了下面的模式工厂模式工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节function createPerson(name,age,job){ var o = new Object(); o...

2019-08-07 20:53:43 214

原创 前端笔记:面向对象----理解函数

理解对象对象可以定义为无序属性的集合,其属性包含基本值,对象或者函数。对象的每个属性或方法都有一个名字,每个名字都映射到一个值我们可以把对象想象成散列表,无非就是一组名值对,其中值可以是数据或者函数属性类型数据属性数据属性包含一个数据值的位置,在这个位置可以读取和写入值,数据属性有4个描述其行为的特性[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,...

2019-08-07 15:25:25 133

原创 前端笔记:hash

hashhash 简介hash就是URL中"#"字符后面的部分使用浏览器访问网页时,如果网页URL中带有hash,页面就会定位到id(或name)与hash值一样的元素的位置hash还有另一个特点,它的改变不会导致页面重新加载对于hash值,浏览器是不会随请求发送到服务器端的通过 window.location.hash 属性获取和设置hash值window.location.h...

2019-08-07 09:05:35 509

原创 前端笔记:递归与闭包

递归与闭包闭包总结(觉得重要放在开头了)闭包的原理其实就是对作用域链的依赖,闭包中的作用域链包含着它自己的作用域,包含函数的作用域以及全局作用域通常,函数的作用域及其变量都会在函数执行结束后被销毁,但是函数返回闭包时,函数的作用域会一直在内存中保存知道闭包不存在为止当我们创建并立即调用一个函数时,既可以执行其中的代码,又不会在内存中留下对该函数的引用js中没有官方的私有对象属性概念,但...

2019-08-06 21:03:37 221

原创 移动端页面开发使用rem注意图片和背景图片

遇到的问题我按照我之前的配置做了一个简单的页面,但是用浏览器开发者工具查看时,切换到手机模式总体来说没有缩放的效果,但文字有缩放的效果,所以也说明配置应该并没有出问题总结一下图片需要设定大小因为我们在从设计图中切来的图片本身就是自带大小的,而且他的单位默认也为px(像素) 所以当我页面缩放时,设置为rem的元素都会跟随页面固定的调式大小,而px却是固定的这里我想的有两种方法设置图片的m...

2019-07-29 11:24:29 894

原创 前端移动端页面开发使用rem配置

rem配置首先既然我们要使用rem,那么我们就需要设置像素比因为设计图一般都是以像素为单位的<script src="js/adaptive.js"></script><script> // 设计图宽度 window['adaptive'].desinWidth = 750; // body 字体大小 会将...

2019-07-29 10:40:27 545

原创 CSS--伪类中的目标与反选

目标—:target:target主要是配合锚点来使用,可以使被选中的锚点内容产生高亮显示用法是在选择器后面添加 例如要标记<li class="xuan">.....</li>可以在类选择器后面添加 .xuan:target { color:red }:target 会自动匹配被选中元素中的id属性反选—:not()选择符如果想要否决不...

2019-06-29 11:21:00 582

原创 css选择符总结

CSS选择符子选择符子选择符 div > li 只选择一个div元素的直接后代 后面的不同子类元素不再被选择而且必须是子代,后代不可以相邻同辈选择符相邻同辈选择符 h2 + p 可以选择与h2相邻的同辈元素p 如果不同辈或者不相邻将都无法选择一般同辈组合子选择符是 > 和 + 结合在一起的结果 h2 ~ p 可以选...

2019-06-29 10:11:36 75

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除