- 博客(55)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 使用IE浏览器条件注释判断IE浏览器版本
ie浏览器比较运算符lt 小于，gt 大于，lte 小于等于，gte 大于等于<!--[if lte IE 9]><body><div><p>您的浏览器版本太过老旧，请<a href="http://www.baidu.com">点击</a>升级浏览器版本</p></div></body&...
2019-06-29 08:40:16
248
原创 module.exports、exports require()和default export、export、import
在node中使用 module.exports = {} 或者 exports向外暴露对象，使用require()接收对象在es6 中使用 export default {} 和 export {} 来暴露成员，使用import接收成员。export default 只能向外暴露一个成员，export 可以向外暴露多个成员e.g.1 module.js export default ...
2019-06-27 12:19:59
263
原创 JavaScript 数据类型转换
数据类型转换分为隐式类型转换和显式类型转换隐式类型是程序内部自动完成的显示类型转换是程序员手动完成的隐式类型转换：JavaScript的取值非常灵活，我们已经从布尔值看到这一点：当JavaScript期望使用一个布尔值的时候，你可以提供任意类型值。JavaScript会根据需要自行转换类型。一些值会转换为true，另一些值会转换为false。这在其他类型中同样适用：如果JavaScrip...
2019-05-01 09:26:45
693
1
原创 css清除浮动
使用css清除浮动方法1：创建BFC(块级格式化上下文)，因为BFC的特性就是BFC区域不会与浮动元素区域重叠，计算BFC区域高度时浮动区域也会参与计算。overflow: hidden / auto;方法2：在存放浮动元素的容器里追加一个看空的块级元素，为这个块级元素添加清除浮动。.clearfix::after { display: block; content: ''; c...
2019-04-30 19:14:01
131
原创 jQuery
什么是jQueryjQuery是一个JavaScript函数库。jQuery有什么用处获取Dom元素修改元素样式操作Dom元素Html事件函数ajaxDom的遍历和操作JavaScript特效和动画Utilities事件函数jQuery的兼容性IE浏览器6、7、8兼容的最高版本是 jQuery 1.9.1。自从微软停止对windows 7的更新后，大部分的win...
2019-04-30 09:56:48
115
原创 Handlebars : Can't resolve 'fs'
正常情况下我们安装并配置好了handlebars模板引擎：npm install handlebars -Snpm install handlebars-loader -D---------------------------------rules: [ { test: /\.hbs$/, use: 'handlebars' }]然后就会报错:== Can’t res...
2019-04-09 19:48:18
1897
原创 Vuex 初学遇到的问题记录（前后端分离项目中从cookie中获取后端返回的cookie，记录到Vuex中标记用户登录状态）
看下面内容前，首先理解Vue Devtools工具里的状态记录：接下来可以开始一步步揭开迷惑:1.项目目录：2.Vuex：3.Vue Devtools 开发者插件显示：4.这里登录请求代码就不贴了。当我登录成功后，从Vue Devtools 中显示已经在Store中保存了验证登录的token（不要被token这个名字迷惑，它记录了从cookie中获取的后台验证登录成功后返回的co...
2019-03-31 13:31:05
6037
原创 用最简单的代码同时实现自适应宽度和高度的布局效果
html代码：<header class="header"></header><aside class="aside"></aside><main class="main"></main>css代码：.header{ width: 100%; height: 60px; background-color...
2019-03-28 21:31:53
661
原创 SpringMVC 无法请求到指定路径 后台无法触发控制器路由方法
在springMVC中，如果你的请求根路径设置成‘/manager’,你永远访问不到这个根路径下所有的子路经的。如果你访问根路径‘/manager’，你会看下面的图片，就明白了...
2019-03-28 15:12:26
767
原创 jsp页面中的引入外部文件相对路径的问题
JSP文件存放在WEB-INF目录下，JSP可以通过服务器内部转向进行访问（主要是为了页面的安全）。CSS、JS、图片文件是存放在WEB-INF目录外的，因为这些外部资源文件是通过浏览器向服务器请求的，所以图片以及一些JS、CSS文件只能放在WEB-INF外面。在login.jsp文件中使用相对路径 &lt;link rel="stylesheet" href="../../../css...
2019-02-19 21:38:23
929
原创 关于servlet、手动创建servlet
创建类继承HttpServlet类并重写doGet方法和doPost方法；在web.xml文件中注册servlet&amp;lt;servlet&amp;gt; &amp;lt;servlet-name&amp;gt;DemoServlet&amp;lt;/servlet-name&amp;gt; &amp;lt;servlet-class&amp;gt;xin.s
2018-12-22 11:52:21
995
1
原创 webpack全局配置jQuery
1. 全局变量引入，全局引入jQuery Plugin: webpack.ProvidePlugin 自动加载模块，不必到处import 或 require 引入模块。 webpack.config.js文件``` let webpack = require('webpack') plugins: [ ..., new...
2018-10-07 23:36:48
2199
原创 前端项目从零开发之 webpack 配置（webpack 4.0 以下）
前提提要，这个配置只针对webapck 4.0以下的项目开发，并且开发中依赖的插件都只针对指定的版本，因为我在安装这些插件时时常会遇到不知名的 “not found moudle ……”报错，绝大多数情况下是因为各个插件之间版本依赖的关系产生的，所以先祭上我的package.json和项目目录"devDependencies": { "css-loader": "^1.0.0", ...
2018-10-03 22:51:29
454
原创 前端开发中遇到的奇怪问题集锦--CSS
1.独有一个样式不能渲染到页面为什么单单这里的center样式不生效呢？//示例代码-----.bg { background: red;};.center { width: 1080px; margin: 0 auto;}.link { text-decoration: none; color: #999;}因为上一个样式后面...
2018-10-01 09:26:13
1960
原创 webpack踩坑笔记（一）
1.css文件单独打包 extract-text-webpack-plugin 插件报错 You may need an appropriate loader to handle this file type.刚开始配置是这样的，看着毫无毛病，但是一直报错，始终找不到原因loaders: [ { test: /\.css$/, exclude...
2018-09-26 22:01:26
262
原创 Fidder代理服务器的使用方法
A、下载安装；B、配置监控https请求：菜单->Tools->Options…->点击https选项卡->选中 "Decrypt HTTPS traffic"->点击 "OK";1.2.3.注意！应保证先打开代理服务器在打开网站才能监控到该网址；C、配置信息...
2018-09-25 20:55:49
2687
原创 makedown编辑规则
a. # 标题一b. ## 标题二c. > 引用文本d. [百度一下](https://www.baidu.com) 插入链接e. ![桥本爱图片] (图片网络地址)f. *斜体*g. **粗体**h. ***粗体兼斜体***i. * 无序列表j. 1. 有序列表k. 表格：| 第一列标题 | 第二列标题 | 第三列标题 | | --- | --...
2018-09-16 14:27:50
241
原创 laravel项目开发--快速配置
apache配置：httpd_conf文件，开启'rewrite_module'； apache虚拟主机配置：在C:\xampp\apache\conf\extra目录下httpd_vhosts.conf中添加一个 <VirtualHost *:80> ##ServerAdmin [email protected] DocumentRoot "C:/x...
2018-08-19 14:16:10
202
原创 提升页面性能之重排(reflow)和重绘(repaint)
提出问题： JavaSctipt 操作改变元素样式的四种方法之一,element.style.cssText=”width:20px;height:20px;border:solid 1px red;”这样简写比一次次地element.style.width = 20 + 'px'...添加，会**避免页面的重构（refolw)，提升页面行性能**。首先我们要了解浏览器的渲染机制（也就是我们写的H...
2018-07-16 10:18:17
536
原创 无缝滚动轮播图
即实现无缝滚动，又拥有普通轮播图的的功能。无缝滚动原理： 首先声明图片向左滑动的； 1.HTML，开始我们要在轮播图容器内第一张图片前添加我们需要显示图片的最后一张，同样在最后一张的后面添加我们需要显示图片的第一张； 2.CSS，刚开始我们需要显示第一张图片，所以这时就需要设置图片容器的起始位值的CSS样式{left：-544px} 3.JavaScript，我们实时监控图...
2018-05-06 10:38:25
570
1
原创 向父元素内添加其中的子元素会覆盖当前子元素及不覆盖原本子元素的解决方法
首先显示初始状态：<body> <div class="parent"> <div class="child">0</div> <div class="child">1</div> <div class="child"&a
2018-05-05 13:22:21
2102
原创 单行和多行文本溢出显示省略号
给块级元素添加CSS样式实现单行文本溢出显示省略号：{ width: 200px; //必须固定容器宽度 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 给块级元素添加CSS样式实现单行文本溢出显示省略号： { display: -webkit-bo...
2018-05-02 19:37:58
219
原创 git 命令行操作指令
git config --global user.name “用户名” git config --global user.email “邮箱” pwd 显示当前目录 get init 把当前目录变成git可以管理的仓库 git add “文件名” 将文件/文件夹添加到仓库，可以同时添加多个用空格隔开 git commit -m “提交信息”告诉git，将文件提交到仓库，...
2018-04-23 14:00:38
479
原创 前端错误监控
前端错误分类： 即时运行错误：代码错误 资源加载错误错误的捕获方式： 即时运行错误的捕获方式： try.catch window.onerror 资源加载错误： object.onerror 这个错误不会冒泡，需要以捕获的模式监听 performance.getEntries 获取已加载资源的加载市场，可以间接的得到没有加载资...
2018-04-17 23:03:13
379
原创 提升页面性能
1.资源压缩合并，减少http请求；2.非核心代码异步加载； 异步加载的方式： a.动态脚本加载； b.defer; c.async; defer:在HTML解析完成之后才会执行，并按照加载顺序执行； async:在加载完成之后立即执行，和加载顺序无关。3.利用浏览器缓存； 缓存的分为强缓存和协商缓存； 强缓存：...
2018-04-17 18:34:21
130
原创 JavaScript运行机制
单线程：JavaScript是单线程的，什么是单线程，单线程就是在同一时刻只能执行一个任务，只有等到这个任务完成时才会执行下一个任务。任务队列：什么是任务队列：所有的任务无非就两种，要么是同步任务，要么是异步任务。什么时候会开启异步任务：setTimeout()、setInterval()、Dom事件、es6中的 Promise。执行顺序：同步任务优先执行，遇到异步任务时先挂起...
2018-04-17 17:23:15
430
原创 浏览器的渲染过程
浏览器的渲染过程：浏览器将HTML解析成一个DOM Tree;将CSS解析成一个CSSOM(CSS Object Model)树;合成渲染树：将DOM 树和CSSOM 树合成成一个Rendering Tree渲染树;有了渲染树，浏览器已经知道了文档HTML中有哪些节点和各个节点的CSS样式及他们之间的从属关系，接下来就是Layout计算出各个节点在屏幕中的位置。最后就是绘制了。重排Reflow: ...
2018-04-17 15:18:32
119
原创 DOCTYPE
什么是DOCTYPE: 要了解什么是DOCTYPE前首先要知道什么是DTD： DTD（document type definition,文档类型定义）是一系列的语法规则，用来定义XML或者（X）HTML的文档类型，浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式。DOCTYPE的作用： DOCTYPE是用来声明文档类型和DTD规范的，一个...
2018-04-17 13:28:01
150
原创 跨域的几种方式
前后端如何通信：AjaxWebSocketCORS跨域通信的几种方式：jsonp:jsonp是利用了script标签不受同源策略限制的特性来实现跨域通信的。js代码：function jsonhandle(data){ alert("age:" + data.age + "name:" + data.name);}var url = "correspo...
2018-04-16 18:58:59
175
原创 JavaScript 面向对象 -- 继承
继承：继承的本质就是原型链。实现继承了几种方式：1.构造函数继承：function Parent1(){ this.name = 'parent1';}...
2018-04-16 00:54:05
202
原创 原型链
创建对象的几种方式：通过字面量的方式来创建：var o1 = { name: 'song'};字面量创建会默认调用下面的 new Object()来创建对象var o2 = new Object({ name: 'song'});通过构造函数的方式来创建：var Person = function(){ name: 'song'};var o3 = new Per...
2018-04-15 17:16:53
129
原创 HTTP协议
HTTP(HyperText Transfer Protocol)超文本传输协议，用于客户端和服务器端之间的通信。HTTP协议的特点：无状态：HTTP是一种不保存状态，即无状态(stateless)协议。HTTP协议自身不对请求和相应之间的状态进行保存。无连接：每进行一次HTTP通信就要断开一次TCP连接。简单快速：HTTP协议使用URI(Uniform Resource Identifier,统...
2018-04-15 15:27:20
133
原创 css BFC(块级格式化上下文)
BFC的概念：块级格式化上下文BFC的原理：垂直方向的外边距会发生重叠；BFC的区域不会与浮动元素的区域重叠（常用来清除浮动）；BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素；计算BFC高度时，浮动元素也会参与计算如何创建BFC：float值不为none；position的值不为static和relative；display的值为inline-bloc...
2018-04-14 02:19:59
173
原创 js获取元素的宽高的方法
HTML代码：<section class="sec" style="width: 400px;"><style type="text/css"> .sec { background-color: red; overflow: hidden; /*width: 500px;*/ } .child { background-color: yellow...
2018-04-14 01:24:36
2963
原创 vue自定义指令
介绍：文章、博文发布网站对文章发布时间的tipindex.html->body<div id="app"> <div v-time="nowTime"> </div> <div v-time="beforeTime"></div></div>index
2018-04-05 10:47:58
436
原创 编辑文本时光标的模式
出现问题：码代码时出现了光标由闪动的竖杠状态变为闪动的底杠，发现当光标变为底横杠模式时，当光标在一段字符中间时写入字符时会替换掉原本被光标覆盖的字符。问题说明：这是因为输入文本时的光标的光标存在两种模式：一种是插入模式（光标为竖杠），另一种是覆盖模式（光标为横杠）解决办法：按下 Insert 键切换...
2018-04-04 16:10:46
3274
原创 .contains() 判断一个元素内是否包含另一个元素
<div id="parent"> parent <div id="children">children</div></div>js代码：let parent = document.getElementById('parent')let children = document.getElementById('children'...
2018-04-04 09:02:03
29891
原创 判断用户输入的是否是数字
function isValueNumber(val){ let value = val.replace('/(^\s*)|(\s*$)','') //去除字符串前后空格 let num = Number(value) //将字符串转换为数字 if(isNaN(num)){ //判断是否是非数字 return false }else if(value === ''||...
2018-04-02 20:52:50
4816
空空如也
Java 构造函数 静态代码块
2015-03-17
java 数组中的基础问题？？？？？
2015-02-14
java 循环do while无法运行
2015-01-30
java基础中循环的问题，请解答
2015-01-30
Java初学者遇到的一个问题，求解
2015-01-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人