- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue路由懒加载,组件按需加载
“懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。”路由懒加载原路由配置：import Vue from "vue";import R...
2019-04-16 14:42:33
641
原创 Vue中mixin的理解
在之前写的项目中，公用的方法是通过全局挂在到vue上的，但是，在每一次引用的时候，就会在全局中挂载一次，比较影响内存消耗。但是页面使用到的重复代码很多的话，可以混入这些实例会减少代码量，可维护性也比较高。mixinsmixins则是在引入组件之后，则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后，父组件的各种属性方法都被扩充了。父组件和...
2019-04-12 14:48:53
557
原创 vue+node实现前后端分离
之前一直听说前后端分离好，但从来没有自己动手实践过！因为发现了对于自己的知识高端一点的登录功能，想自己尝试下，顺带搭建一个前后端分离的环境vue我使用的是vue-cli3，关于安装配置，官网已经讲的很明了了node.js我使用的是express框架，安装环境什么的，网上也已经有很多了。express的默认端口为3000，而vue的默认端口为8080，想要发送请求，势必需要处理跨域问题...
2019-04-11 19:09:20
2170
原创 自定义checkbox按钮样式
html自带的input框比较丑一点，如下图， 丑丑的checkbox重新设计checkbox框的样式！[1] 思路：将原来的input隐藏掉，添加一个新的标签，如<lable></lable>标签 。设置lable标签的样式，在为其点击后加个对勾[2]<input type="checkbox" class="checkbox" ><la...
2019-04-11 17:02:38
1073
原创 Js异步处理
关于js的异步，自认为还是比较清楚的，虽然在自己的小项目中没有遇到过异步问题，或者说是被自己不想解决麻烦而躲避过去了。但是当遇到异步，需要去处理时，才发现，真的是略知一二。记录一下，以防哪天又忘记怎么处理了～回调函数 (callback)基本网上对于回调的讲解都是回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。（ 也即：B函数被作为参数传递到A函数里，在A函数执行...
2019-04-04 20:03:24
840
原创 canvas绘制圆弧
APIarc()arc(x, y, radius, startAngle, endAngle [, anticlockwise])参数：x,y表示圆心坐标，radius表示半径，startAngle,endAngle表示圆弧起始角度和结束角度anticlockwise表示绘制方向，true表示逆时针，false表示顺时针，默认值为false，即顺时针圆弧的单位是弧度。...
2019-04-03 20:48:06
1166
原创 Vuex对比Redux学习Vuex
之前接触过react框架中通过redux处理数据流。来到新公司，接触到新框架Vue，在项目中不可避免得需要对数据状态进行管理。redux的原理和flux架构很像。网上百度了一下，发现其实所有得数据管理都基本一样简单一提Redux简单来说，redux的流程;view—>action–>store–>reducer（返回）–>store–>view因为单一的数...
2019-03-28 14:46:20
825
原创 css之position
关于positon的几种定位static:默认值innert:继承relative:相对定位absolute:绝对定位fixed:固定定位sticky：粘性布局position:relative相对地位不影响元素本身的特性不使元素脱离文档流，即：元素移动之后原始位置会被保留提升层级html<div id = 'test1'></div&...
2018-08-26 20:49:04
115
原创 mysql中查询一个表的数据是否在另一张表中
最近这几天在课设的过程中，遇到了一个问题。 简单来说，我现在有两张数据表，一张是enployee表，员工的信息;一张是user表，可以登录用户的信息。之间通过 emp_no关联。两张表对应的sql代码： user表：INSERT INTO `user` (`emp_no`, `emp_pass`, `type`, `head_path`) VALUES('000001', '111...
2018-06-11 14:32:38
13371
原创 js中的内存管理和内存泄漏
垃圾回收在很多高级语言中，可以自动的分配内存和释放内存。在javaScript中，变量创建的时候为其分配内存，当不再被使用的时候会“自动地”释放这些内存。这个过程就被称为垃圾回收。但是这个可以“自动地”释放资源的本质是是一个混乱的来源。内存泄漏是什么：内存泄漏是指程序中已动态分配的堆内存由于某种原因程序未释放或者无法释放，造成系统内存的浪费，导致成寻运行速度减慢甚至系统崩溃等严重后果...
2018-05-28 22:30:09
542
原创 web常见的各种攻击和防御
XSS攻击跨站脚本攻击;是什么：攻击者向有XSS漏洞的网站中输入恶意的HTML代码，当其浏览器浏览该网站时，这段HTML代码会自动执行。（理论上所有可以输入的地方没有对输入的数据进行处理，都会存在XSS攻击）;危害： 盗取用户cookie，破坏页面结构，重定向到其他网站;防御：对用户输入的信息进行处理，只允许合法的值;CSRF攻击跨站请求伪造是什么：攻击者盗用了你的身...
2018-05-26 14:06:24
2611
原创 对setTimout和setInterval的理解
js中的定时器有两种方法：setTimeoutsetIntervalsetTimeout()和setInterval()经常被用来处理延时和定时任务。 setTimeout（）用于在指定和毫秒数后调用函数或计算表达式（即只执行一次）。通俗来说就是延迟执行的某些方法。 setInterval（）是指每隔指定的毫秒数循环调用换数或表达式。也就是说以指定的时间为周期循环执行。直到cl...
2018-05-10 22:37:56
328
原创 javaScript之继承
前段时间，在面试中不停的会被提到继承。做一个关于继承的总结。关于对象之间的5中继承方式若现在有对象“A”的构造函数：function A(){ this.species = "我是A";}还有一个对象“B”的构造函数： function B() { this.name = "我是B"; }如何操作，可以使得B继承到A中的方法？（很容易我们知道A...
2018-04-16 22:16:02
161
原创 各种存储
浏览器中有很多存储，比如说就分为了离线存储和本地存储离线存储（manifest） 原理：基于新建的appcache文件的缓存机制（不是存储技术）。通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来，之后没有网的时候，会通过离线存储的数据进行页面展示离线浏览：用户可以在应用离线时使用它们速度：已缓存资源加载速度快减少服务器负载： 浏览器只从服务器...
2018-03-29 21:37:44
1296
原创 项目总结（二）EverydayBlog
年前就已经做完的项目，一直没有做一个总结，现在总结一下吧。介 绍：本项目是用户每日博客的发布。预期实现实验室管理员对大家博客的管理，提供基本的注册，登录，发布删除修改博客以及对自己信息的修改等功能。职 责：负责项目中登录功能，首页展示以及博客预览及具体内容展示。技 术：本项目采用前端React+Redux开发,后台使用node.js的express框架,数...
2018-03-29 20:46:52
206
原创 清除浮动
关于浮动的两个概念：文档流： 文档中可显示对象在排列时所占用的位置浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。浮动的特征：块在一排显示内联支持宽高默认内容撑开宽高脱离文档流清除浮动：clear:left|right|none|both|inherit:元素的某个方向上不能有浮动的元素clear：both:在左右...
2018-02-24 19:17:34
166
原创 express-session的使用
简单的对session的理解：用户第一次访问服务器时，可以将用户登录信息保存，并判断用户的登录状态，做出提示，相当于登录拦截工作流程：浏览器访问服务器并发出的第一次请求时，服务器就会创建一个session对象。（以键值对的形式创建）espress-session常用的参数： secret：一个string类型的字符串，作为服务器生成session的签名。name：返回客户端key的名称，...
2018-02-21 11:23:45
894
原创 padding，margin，盒模型
padding：内边距。内部填充。设置padding之后会撑开容器的大小。可以设置4个方向的：top，right，bottom，left。若padding:20px ，则在容器的4个方向的padding都为20px;若padding：20px 30px， 则在容器的上下方向的padding值为20px，左右方向的padding值为30px;若padding：10px 20px 30px，...
2018-02-09 10:02:12
289
原创 leetcode：SameTree
题目要求（判断两个二叉数是否相等。）：Given two binary trees, write a function to check if they are the same or not.Two binary trees are considered the same if they are structurally identical and the nodes have th
2018-01-29 16:22:17
216
原创 浏览器渲染原理
看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。我知识做一个简单的总结。浏览器工作过程浏览器会解析一下3个东西：HTML,SVG,XHTML等产生DOM TreeCSS 产生CSS规则树JavaScript通过 DOM API 和 CSSDOM API 来操作DOM Tree 和CSS Rul
2018-01-25 14:45:29
176
原创 浏览器内核
浏览器内核：通俗的来说浏览器内核也叫做渲染引擎，排版引擎，或者说是解释引擎。是浏览器中最核心的部分。浏览器内核作用：帮助浏览器渲染网页的内容，将页面内容和排版代码转换为用户所见的视图。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的...
2018-01-24 17:00:58
277
原创 leetcode:Integer to Roman
之前做过一道题，是罗马数字转整数的。今天做的是整数转罗马数字。因为之前做过罗马数字转整数的，所以做起来还算是比较轻松的。首先我们可以很轻松的想到，整数它是由：a∗10n+b∗10n−1+c∗10n−2++......+d∗101+e∗100 a*10^n+b*10^{n-1}+c*10^{n-2}++......+d*10^1+e*10^0 构成的。所以那一个整数就可以以这样的形式表示出来。
2018-01-23 17:22:06
160
原创 对web标准的理解
web标准：不是某一个标准，而是一系列标准的集合。一个网页，分为3给部分：结构，表现和行为。那么从这3个部分分析，web标准又是结构化标准，变现标准和行为标准的集合。结构化标准 XML:可扩展标记语言。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换
2018-01-23 10:04:15
352
原创 HTML简单的基础知识
总结下学的一些关于HTML的知识。内容会不断更新。内容是自己对知识点的理解以及结合百度一些的资料。所以哪里有问题，欢迎留言～DOCTYPE作用： 放在网页顶部的声明。主要是告知浏览器的解析器应用什么文档标准来解析这个文档。若不存在或格式不正确时，会导致文档以兼容型模式呈现。标准模式和兼容模式的区别： Standards（标准）模式（也就是严格呈现模式）用于呈现遵循
2018-01-21 15:18:49
242
原创 net::ERR_EMPTY_RESPONSE错误
之前在写项目的登录的时候一直遇到这个错误：net::ERR_EMPTY_RESPONSE错误百度的解释路由负载过大。后来发现并不是这个样子的。直到昨天重新看代码的时候发现问题。首先分析下，empty_response应该是后台返回的数据有问题。所以查看自己的后台代码。在进行数据库操作时，加入以下语句，尝试输出err是什么错误。输出后发现是数据库查询语句出错。修改之后完成登录功能。
2018-01-21 09:46:07
62384
原创 leetcode: Count and Say
原题目不是很好的可以将题目的意思读懂。之后查了资料才发现题目的真正含义： 1：1 2：11（1个1） 3：21（2个1） 4：1211（1个2，1个1） 5：111221（1个1，1个2，2个1） 6：312211（3个1，2个2，1个1） …… 如果这样翻译这道题目就是比较容易做出来的。思想我觉得也不是很麻烦。就是需要不停的遍历。如果要求出
2018-01-05 15:07:25
183
原创 NowcoderGirl编程比赛（三）
NowcoderGirl编程比赛第三题。难度吧我个人觉得还行，因为很好想，也很好实现。题目要求： 输入n个数字，第i个数字不能和i相等。如果相等，只能和离它最近的数字进行交换。问交换多少次可以满足题目要求。 例： n = 5;这5个数字分别为1,4,3,2,5. 答案：交换两次。 很容易，我们想到的是遍历，如果与下标相等就交换位置。所以程序也自然很容易就可以写出来
2017-12-29 20:14:47
426
原创 NowcoderGirl编程比赛（二）
上一篇博客中提到的是编程比赛的第一道题，还是比较容易的。第二道题就相对来说有些不容易想了。题目要求（大概）： 现有两个按钮，按下按钮N会执行2x+1,按下M执行2x+2。x初值为0，现要求出任意正整数n应使用何种按法使得x能变成n。解法一：我们猜想，是否任意给定一个数字都可以得通过按不同的按钮得到。可以使用穷尽法试试，便可以发现其中的规律。其实是可以通过任意一个数字找出其的顺序。那么我们可以倒
2017-12-26 19:39:19
492
原创 NowcoderGirl编程比赛（一）
上个星期参见了NowcoderGirl的编程比赛，不管做的情况怎么样，还是做一个总结吧。将每一道编程题做一个总结第一题：题目具体是什么我记不得不太清楚了，但是大概意思还是可以的 输入一个数字，找出小于这个数字的最大的平方数。例：输入20，输出16。一开始我自己的想法是，从i=1开始遍历，直到找到i2i^2 > 20时，i-1为所需得到的结果。代码：#include <stdio.h>int
2017-12-25 21:07:07
587
原创 jsp项目总结：TTMS
最近这个星期一直在做一个小小的项目中的一部分，算的上一个项目吧。我们从大一做到现在的TTMS：剧院票务管理系统。不同的是，这次我们需要做的是使用javaEE，也就是后台使用java。虽然不是第一次用java作为后台，但是还是遇到了很多问题。首先，项目目录截图：我的目录，作为初学者，觉得还是能看的吧。dao层主要是连接数据库、操作数据库（增删改查）也就是说数据访问层;modle层 是模型 存放你
2017-12-21 23:17:18
2019
原创 leetCode13:Roman to Integer
leetCode算法题：罗马数字转整数。要求： Given a roman numeral, convert it to an integer. Input is guaranteed to be within the range from 1 to 3999.一开始看到这道题的时候，发现它的通过率还是蛮高，想着应该还是很简单的。可是发现真正在写代码的时候有很多很多问题出现。差不多花了我
2017-12-13 20:02:29
218
原创 项目里程碑
项目需求用户功能：用户可以注册、登录、退出系统发布博客：用户可以创建、修改、查看、删除自己的文章评论功能：任何人都可以对博客进行评论管理员功能：管理员拥有比普通用户更高的权限，可以管理所有用户以及他们的博客、查看每天的博客发布情况，还可以把某个用户设为管理员里程碑1:搭环境采用JavaScript相关技术栈，整体采用ES6规范构建工具使用npm数据库采用关系型数据库：Mysql前端
2017-12-11 11:03:56
2716
原创 leetCode07:整数逆序输出
leetCode:Reverse Integer题目： Given a 32-bit signed integer, reverse digits of an integer. 注意：Assume we are dealing with an environment which could only hold integers within the 32-bit signed integer r
2017-12-07 20:52:31
412
原创 淡入淡出js 原生实现以及css 实现方法
淡入淡出效果js原生实现js封装fadeIn(),fadeOut()函数的实现 fadeIn() 将需要淡入的元素在css样式中添加display:none。之后进行js操作：通过ele.style.display = 'block'设置显示元素，并将该元素的透明度改为0;之后进行封装函数。 (function () { ele.style.opac
2017-11-17 12:26:50
1014
原创 js-定时器
javascript提供定时执行代码的功能，叫做定时器(timer)，主要由setTimeout()和setInterval()这两个函数来完成。setTimeout()setTimeout函数用来执行某个函数或某个代码，在一定的事件之后执行。setTime(function,delay) 参数含义：第一个为执行语句，第二个参数为推迟的事件，单位毫秒第一个参数是代码段则必须是以字符串的形式放入。
2017-11-12 16:36:41
326
原创 原生js座位管理
以前每次做ttms中的座位管理时，用的都是插件，突然就想自己写一个原生的座位管理了。先附上一张成果图。 座位管理的界面： 座位管理的修改座位状态: 座位管理中修改座位状态之后：界面有些丑陋，但是基本的功能还是已经实现了的。包括动态的生成座位，改变座位的状态。因为只是一个界面所以数据都是假数据。在之后连数据库后会进一步的完善。需要用到的技术：html,bootstrap,css,js;(个人
2017-11-11 18:46:23
4911
1
原创 DEMO_表格操作
在html中的等标签就可以实现一些简单的操作。那么为什么还需要用复杂的代码去实现那。简单的说，一般的管理系统用动态管理表格还是比较方便的。例如我们的课程设计ttms：添加人员删除人员修改人员之类的。记录一下这次做的表格操作用到一些demo.表格的动态添加：主要实现表格的动态添加,动态添加表格的一行，当然这个一行是指一行数据 通过用insertRow()方法实现插入行;通过insertCell(
2017-11-05 18:41:28
824
原创 搭建 react+webpack开发环境
以前尝试过几个教程的搭建方法但是最后都失败了，最后在豆青学姐的简书教程和李婷婷学姐的帮忙下解决了这个问题，下面简单记录一下。1.创建项目文件夹webpack-hello-demonpm init 初始化文件夹产生package.json文件2.安装webpack (1)npm install webpack --save-dev 安装webpack依赖(2)创建index.html文件<!DO
2017-08-13 20:23:53
773
原创 git本地仓库文件路径发生变化
之前写过一篇博客是讲git的一些简单的操作的。对于之前的总计不到位，在这里做一个补充。问题是如何产生的我不知道大家有没有遇到过一个问题，先建好一个仓库，并且上传了自己的东西。后来对他们去做修改，包括文件的删除，位置的移动。当git push 之后发现，恩，没错，的确更新了，可是之前的那些依然存在你的git仓库中。不过我们知道git rm可以删除git中的一些文件，可是如果我有100个文件路径发生改变
2017-05-25 18:16:25
9722
2
原创 一年后对git的理解
Deepin下git的使用安装gitsudo apt-get install git首先需要创建一个文件夹，文件夹应与githup上创建的仓库名一致创建文件夹：mkdir test(文件名/仓库名) 进入到创建的仓库中：cd test之后执行操作 初始化仓库：git init (成功会出现：已初始化空的Git仓库于…..)成功后：git add *git commit -m "abc" ("
2017-04-17 18:35:06
431
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人