- 博客(41)
- 收藏
- 关注
RSS订阅转载 vue中使用element来创建目录列表
之前按照项目需求使用element中的tree来创建目录列表，如今记录一下。一、项目需求1.完整展示目录列表2.右击节点选择重命名，删除，创建文件夹三个选项3.拖拽文件夹，其中拖拽文件夹有以下要求： a. 如果该文件夹内已存在上传文件，则其他文件夹不能拖拽进入该文件夹内 b.整个目录中有且仅有一个根目录，拖拽文件夹的范围只能在该根目录里面4.重命名文件夹要...
2019-09-21 17:26:00
2280
转载 vue中组件之间的传值
按照对象分类：一、父子组件之间的传值1.使用props和$emit2.在引入的子组件中使用ref，通过this.$refs.xxx.方法/值来获取子组件中的方法或者值3.子组件中使用this.$parent来获取父组件中的值或者方法4.父组件中使用this.$children来获取子组件中的值或者方法tip：方法3和方法4有时候会失效，所以建议使用方法2...
2019-09-16 22:30:00
217
转载 nodejs+vue实现登录界面功能（二）
继承上面，这是后我们应该登录成功并进入主界面了，此时我们应该可以显示登录用户的个人信息的。这个时候要用到vuex了。用户信息自动登录vuex的导图如下：此处省略代码的详解（我懒得写了），详情请看源码处的store文件。注意在跳转到首页的时候可以实现用户信息的展示，绑定userInfo。<template> <div id="...
2019-07-14 15:12:00
2924
转载 nodejs+vue实现登录界面功能（一）
项目描述：一开始进入登录界面，只有登录成功才可以跳转到主页面，已注册但是忘记密码的进入忘记密码页面，找回密码后进入登录界面。技术选型：nodejs+vue+stylus界面效果：切换登录方式手机合法检查倒计时效果切换显示或隐藏密码前台验证提示前后台交互功能动态一次性图形验证码动态一次性短信验证码短信登录密码登录获取用户信息，...
2019-07-12 15:01:00
1732
转载 threejs（一）：初步认识与使用
应项目需求，学习threejs将近半个月，现在总结一下我从网上搜集的比较有份量的资料和在项目中踩到的大小坑，以下内容如果有误，感谢各位大神不吝赐教。一、threejs学习的资料 Threejs入门指南Threejs官网 Threejs郭隆邦技术博客暮志未晚的技术博客Threejs源码解释THREEJS开发指南及其章节中的案例二、项目中大小坑总结...
2019-06-27 19:23:00
618
转载 官网编辑遇到的各种问题记录（一）
此文章记录前段时间官网前端编程时出现的各种大小问题，目的贵在为将来遇到类似问题的时候可以快速寻找解决方法，同时避免将来在犯。实现效果请查看点击查看效果1.子元素浮动时父元素高度塌陷原因：BFC结构解决方法：在父元素上添加 overflow:hidden;2.width的百分比参照子元素的宽度是基于父元素的内容宽度来定夺3.图片的失真问题...
2019-05-04 16:42:00
262
转载 HTML5新增元素，标签总结
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。...
2019-04-17 14:39:00
170
转载 css3动画性能优化--针对移动端卡顿问题
一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器（除了IE6、IE7、IE8），画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API（依靠事件和定时器更新）；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容...
2019-04-16 09:53:00
795
转载 使用css来开启硬件加速来提高网站性能
一、什么是硬件加速硬件加速就是将浏览器的渲染过程交给GPU处理，而不是使用自带的比较慢的渲染器，这样就可以使得animation与transition更加顺畅。我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能。二、硬件加速的原理浏览器接收到页面文档后，会将文档中的标记语言解析为DOM树。DOM...
2019-04-16 09:22:00
1336
转载 em，rem区别比较
rem是基于html元素的字体大小来决定，而em则根据使用它的元素的大小决定。注意：很多人错误以为em是根据父类元素，实际上是使用它的元素继承了父类元素的属性才会产生的错觉。主要区别em 和 rem 单位之间的区别是浏览器根据谁来转化成px值 理解这种差异是决定何时使用哪个单元的关键。rem单位如何转换为像素值当使用 rem 单位，他们转化为像素大小取决于...
2019-04-13 09:07:00
229
转载 实现响应式布局的方法总结
为什么要实现响应式布局？目的：为了网页能够兼容不同的终端参考各种手机型号的分辨率http://screensiz.es/phone 是一个前端开发者必备的一个网站，上面列出了市面上大部分常见机型的分辨率大小。实现方法：1.设置meta标签，禁止用户缩放使用 viewport meta 标签在手机浏览器上控制布局，user-scalable属性...
2019-04-12 16:58:00
139
转载 HTTP1.0,HTTP1.1,HTTP2.0的主要特征对比
HTTP1.0是一种无状态、无连接的应用层协议。HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录。而下面两个问题就比较麻烦了。首先，无连接的特性导致最大...
2019-04-12 10:43:00
226
转载 http缓存机制与原理
一、浏览器缓存分类：强制缓存和协商缓存二、浏览器加载一个页面的简单流程浏览器第一次请求浏览器再次请求页面三、http缓存涉及到的相关术语缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。过期内容：超过设置的有效时间，被标记为“陈旧”的内容。通常过期内容不能用于回复客户端的请求，必须重新向源...
2019-04-09 17:15:00
137
转载 BFC与浮动
一、BFC的含义BFC(block formatting contexts） 块级元素格式化上下文，它决定了块级元素如何对它的内容进行布局，以及与其它元素的关系和相互作用。块级元素：父级（是一个块元素）内容：子元素（是一个块元素）其它元素：与内容同级别的兄弟元素相互作用：BFC里的元素与外面的元素不会发生影响二、浮动触发条件1.float的值不为none...
2019-03-12 09:29:00
547
转载 05ICMP协议与ARP协议（IP协议中重要协议）
ICMP协议在网络层，应用：ping命令，tracert命令：追踪命令，用于静态路由。ICMP重定向 redirectICMP差错检测：echo消息用于诊断源和目的之间的网络连通性ICMP错误报告记ping -a 源ip 目的ip 路由器接口源ip可以不是主机最近的接口ip，目的ip为目的主机ipping利用ICMP echo请求消息（type=8）来发起检...
2019-03-11 21:04:00
224
转载 04IP编址（网络层）
帧中type为0x0800，送给ipip报文结构TTL 生存时间最大为255,经过三层设备就减1protocol：协议号version：4，6source ip address：源ip编址destination ip address：目的ip地址ip编址：网络位，主机位子网掩码：区别网络位，主机位网络地址，广播地址主机位...
2019-03-11 18:45:00
196
转载 03以太网帧结构（链路层 IEEE802.3）
OSI七层模型：从底往上记（研究细致时用）物理层：单位bit，字节byte，同轴电缆，光纤，二进制，比特流数据链路层：帧，16进制，0-9,A-FMac地址->全网唯一性 mac地址过滤，网络层：数据包，IP地址，十进制传输层：数据段，TCP,UDP会话层：建立维护管理会话链接表示层：加密，解密，数据格式化应用层是最接近用户的一层 http协议...
2019-03-11 18:44:00
2151
转载 02传输介质简介
1介质-同轴电缆BASE前10M/s,后为最长有效传输距离2介质-双绞线使用RJ-45接头分类：屏蔽双绞线和非屏蔽双绞线(屏蔽电磁干扰）直通线568B-568B和交叉线568A-568B线序：568B:橙白 橙 绿白 蓝 蓝白 绿 棕白 棕568A：绿白 绿 橙白 蓝 蓝白 橙 棕白 棕1-3、2-6对调1、2、3、6是实...
2019-03-11 18:43:00
124
转载 01企业网络架构介绍
小型企业网：采用扁平网络，优点：成本低，灵活性强 缺点：存在单点故障大型企业网：三层：接入层->汇聚层->核心层接入层：不具备安全性能，但具备大量设备接口汇聚层：复杂的路由策略，注重安全核心层：强调速度，必要的路由策略优点：容错率，安全机制高，分层明确缺点：较复杂，成本高转载于:https://www.cnblogs.com/lanhuo6...
2019-03-11 18:28:00
197
转载 AMD，CMD,CommonJs,UMD讲解
一、CommonJSCommonJS规范加载模块是同步的，只有加载完成，才能执行后面的操作CommonJS规范中的module、exports和require每个文件就是一个模块，有自己的作用域。每个模块内部，module变量代表当前模块，是一个对象，它的exports属性（即module.exports）是对外的接口module.export...
2019-03-11 16:52:00
198
转载 meta标签的总结
一、meta到底是什么？英文解释：The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.翻译过来就是：<meta>标签提供metadata，中文名叫元...
2019-03-11 11:51:00
268
转载 ajax的相关知识总结
一、ajax的工作原理a.创建XMLHttpRequeat对象var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest();}else{ // IE6...
2019-03-10 10:15:00
117
转载 vuejs中的生命周期
vue中生命周期分为初始化，跟新状态，销毁三个阶段1.初始化阶段：beforeCreated，created，beforeMount，mounted2.跟新状态：beforeUpdate，update3.销毁vue实例：beforeDestory，destoryed其中created/mounted 可以用来发送ajax请求，启动定时器等异步任务beforeDestr...
2019-03-05 10:29:00
82
转载 vuejs中使用v-model对表单数据的收集
表单收集的信息针对有text/textarea，checkbox，radio，select举个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08_表单输入绑定</title></h...
2019-03-05 09:25:00
188
转载 vue列表渲染
1.区别：v-for用于数组和对象有什么不同举个例子：<body><ul id="example-1"> <li v-for="item in items"> {{ item }} </li> <li v-for="item in items"> ...
2019-03-04 10:49:00
101
转载 vuejs中的计算属性和监视
计算属性1.在computed属性对象中定义计算属性的方法，在页面上使用{{方法名}}来显示计算结果2.通过getter/setter实现对属性数据的显示和监视3.计算属性存在缓存，多次读取只执行一次getter侦听属性1.通过vm对象的$watch()或watch配置来监视指定的属性2.当属性变化时，回调函数自动调用，在函数内部进行计算计算属性与...
2019-02-28 17:23:00
101
转载 关于VSCode如何缩进两个空格
使用VSCode编写vue的时候，由于缩进问题经常报错。（默认缩进4个空格，实际规范上是两个空格） 更改VSCode的缩进格式。但是此时你在编写代码的时候却发现任然缩进4格，此时因为vscode默认启用了根据文件类型自动设置tabsize的选项，在设置中添加："editor.detectIndentation": false软件会自动保存设置的更改。此时缩进...
2018-12-21 00:30:00
543
转载 基于vue来开发一个仿饿了么的外卖商城（二）
一、抽出头部作为一个组件，在底部导航的时候可以相应的显示不同的标题技术点：使用slot进行组件间的通信；父组件给子组件传值（子组件里面通过props接收父组件传过来的数据）查看链接：https://blog.csdn.net/sinat_17775997/article/details/52484072//components/HeaderTop/HeaderTop....
2018-12-18 20:42:00
358
转载 基于vue来开发一个仿饿了么的外卖商城（一）
一、准备工作1.大前提：已安装好node、 npm、 vue、 vue-cli、stylus（此项目使用stylus来编译）2.开发软件：Google Chrome（建议安装插件vue-devtools，方便调试），webstorm / sublime Text / VS Code （推荐使用webstorm，sublime 和 VS Code需要安装相应的插件）3.项目结构...
2018-12-11 21:43:00
1018
转载 spark本地环境的搭建到运行第一个spark程序
搭建spark本地环境搭建Java环境(1)到官网下载JDK 官网链接：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html(2)解压缩到指定的目录>sudo tar -zxvf jdk-8u91-linux-x64.tar.gz -C /us...
2018-11-29 09:02:00
173
转载 淘宝双11数据分析与预测汇总
国庆假期留在学校做了一下林子雨博士的大数据实验--淘宝双11数据分析与预测，虽然教程写得很详细，但自己还是踩了很多坑，现在记录下来，希望给别人一点帮助。淘宝双11数据分析与预测实验链接：http://dblab.xmu.edu.cn/post/8116/问题一：安装Hadoop时报错Starting namenodes on [localhost]localhost:...
2018-11-29 08:22:00
2474
转载 利用nodejs实现商品管理系统（二）
下面实现商品管理系统第一步：对应的ejs与数据交换的编写格式。商品列表界面product.ejs<% for(var i=0;i<list.length;i++){%> <tr> <td><%=i+1%></td>...
2018-11-29 01:10:00
804
转载 利用nodejs实现商品管理系统（一）
一、界面分类：用户登录界面，商品管理界面（包含商品编辑，创建，删除，列表界面）功能实现：1.用户输入用户名与密码，通过加密，与数据库校验，如果正确，则跳转到商品管理界面，否则一直停留在用户界面。2.商品管理界面。涉及到路由跳转，图片上传，信息存储到数据库以及数据库将信息实时反映到界面。二、实现的界面效果如下：用户登录界面：用户商品管理界面增加商品界面：...
2018-11-28 21:17:00
1794
转载 搜索框的实现
参考博文：https://www.jianshu.com/p/200561e45518一、设计基本样式：原生html和css实现：<div id="show"> <div class="search_img"> <img src="./img/baidu.PNG" alt="百度" title="百度">...
2018-11-28 09:25:00
299
转载 图片瀑布流实现
实现思路：图片宽度一定，高度不同，下一行的第一张图片放在高度最小的图片的下方，以此类推。实现代码：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js实现瀑布流效果</titl...
2018-11-27 22:48:00
253
转载 git的基本操作总结
参考链接https://blog.csdn.net/u012661010/article/details/73433872https://blog.csdn.net/shj_php/article/details/78109916https://blog.csdn.net/weixin_42152081/article/details/80635777 # 删除githu...
2018-11-15 16:33:00
49
转载 linux中常用命令总结
一关机/重启/注销关机shutdown -h now //立即关机重启shutdown -r now //立即重启reboot 重新启动注销logout //退出注销当前用户窗口exit //退出注销当前用户窗口二文件和目录操作命令显示当前位置 pwd进入/切换目录 cd创建/显示/删除/目录mkd...
2018-11-15 15:30:00
72
转载 JavaScript中的闭包
推荐参考MDN相应解析：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures首先要知道什么是闭包？ 答：总体印象就是函数中嵌套一个函数，且外部函数将嵌套的函数对象作为返回值。其次值得注意的是：循环中创建闭包容易发生错误。比如说：function count() { var ...
2018-11-15 11:57:00
71
转载 变量作用域
知识点一：在函数体内，局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名，那么全局变量就会被局部变量遮盖。知识点二：JavaScript中没有块级作用域，但有函数作用域。变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。知识点三：声明提前不等于赋值也提前。var scope = "global";...
2018-11-14 20:24:00
77
转载 JavaScript中的this
知识点一：箭头函数和普通函数之间的this是不一样的。普通函数中的this1.this 代表它的直接调用者2.默认情况下（未使用'use strict'），没有找到直接调用者，this指向window3.严格模式下，没有直接调用者的函数中this指向undefined4.使用call，apply，bind 绑定的，this指向对象箭头函数中的this默认...
2018-11-14 17:31:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人