解决input中智能提示框onblur与onclick冲突的问题
摘要：背景： 制作一个类似百度输入法的智能提示框， 其中当关键词输入进来时，会有智能提示展开，实际需求是当点击智能提示框的汉字时，输入框中自动补全并关闭智能提示, 当点击其他区域时,智能提示框自动隐藏，如下所示： 分析:点击用onclick事件触发获取的值,然后点击外框用失去焦点的方式解决 但实际出现效果
阅读全文
posted @ 2019-01-27 16:26
随笔分类 - 1.0.前端基础
mvc设计模式和mvc框架的区别
摘要：Spring中的新名称也太多了吧！IOC/DI/MVC/AOP/DAO/ORM... 对于刚刚接触spring的我来说确实晕了头！可是一但你完全掌握了一个概念，那么它就会死心塌地的为你服务了。 在这里我们来说侃下MVC吧！嗯！MVC设计模型和MVC框架之区别。 一组概念需要先理解，因为后面需要用：
阅读全文
posted @ 2019-01-07 12:47
CSS3和HTML5新增特性及使用(保留方便查看)
摘要：CSS3 1.边框图片 border-image: url(test.png) 10/10px; outline:10px solid #ff0;outline-offset:15px;边框的边框，两边框之间距离 2.三角形 span{display:inline-block;border:50px
阅读全文
posted @ 2018-12-25 23:52
从无到有，用Nodejs+express+mongodb搭建简易登陆系统
摘要：前端处理server表示很蛋疼，初学Node，虽然感觉异常强大，但是学起来还是有些吃力的，Node是工具，它不是万能的，搭建一个系统还是需要借助其他一些工具，对于我这个没怎么接触server的前端来说，挑战是有的。昨天参考一些资料尝试用Node+express+mongodb搭建一个简易的登陆系统，
阅读全文
posted @ 2018-12-23 01:39
mongodb与mysql区别（超详细）
摘要：MySQL是关系型数据库。 优势： 在不同的引擎上有不同 的存储方式。 查询语句是使用传统的sql语句，拥有较为成熟的体系，成熟度很高。 开源数据库的份额在不断增加，mysql的份额页在持续增长。 缺点： 在海量数据处理的时候效率会显著变慢。 Mongodb是非关系型数据库(nosql ),属于文档
阅读全文
posted @ 2018-12-23 00:05
node.js(express)连接mongoDB入门指导
摘要：一、写在前面 人人都想成为全栈码农，作为一个web前端开发人员，通往全栈的简洁之路，貌似就是node.js了。前段时间学习了node.js，来谈谈新手如何快速的搭建自己的web服务，开启全栈之路。 二、安装node.js 接触过后端开发的人都知道，首先要安装服务。作为新手，肯定是选择最简单的可视化安
阅读全文
posted @ 2018-12-22 23:46
容易忽略的小知识之 Date 函数参数
摘要：Date 对象启用基本存储器并取得日期和时间。dateObj = new Date()dateObj = new Date(dateVal)dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])参数dateO
阅读全文
posted @ 2018-12-22 15:13
同样是程序员，为什么别人比你更优秀？
摘要：随着互联网时代的飞速发展，越来越多的人投身于软件开发行业，大家都称他们为程序员，或者码农。 这些程序员的水平也是参差不齐的，有些人从比较好的学校毕业，水平却一般般；也有些人从一般搬的学校毕业，但是水平很高，因为他们付出了比其他人更多的努力；也有些人，不管是好学校还是差学校，毕业了都跑去培训班培训了，
阅读全文
posted @ 2018-12-15 22:48
linux基础学习之软件安装以及常用命令
摘要：linux基础学习之软件安装以及常用命令 调用中央仓库： yum install wget 然后下载nodejs： wget https://nodejs.org/dist/v10.14.2/node-v10.14.2-linux-x64.tar.xz 执行ll 查看列表已经下载： xz -d no
阅读全文
posted @ 2018-12-14 01:07
linux基础学习
摘要：linux基础知识之：刚装完系统无法联网 尝试ping 网络：不通 进入如下目录修改ifcfg文件中的开机自启动设置为yes即可； 点击 i 进入插入模式，将启动开启设置为yes： 按 esc 退出，然后接着输入 :wq 然后按回车，这边的意思是写入并退出； 退出后重启服务器 reboot 重新尝试
阅读全文
posted @ 2018-12-13 22:30
浅谈FIle协议与Http协议及区别
摘要：背景 先看三段代码： index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
阅读全文
posted @ 2018-12-08 12:02
JSONP 教程
摘要：JSONP 教程 本章节我们将向大家介绍 JSONP 的知识。 Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。
阅读全文
posted @ 2018-11-25 22:06
jQuery ajax() 方法
摘要：实例 使用 AJAX 请求改变 <div> 元素的文本： $("button").click(function(){ $.ajax({ url:"demo_test.txt",success:function(result){ $("#div1").html(result); } }); }); 定
阅读全文
posted @ 2018-11-25 21:32
AJAX异步的 JavaScript
摘要：什么是AJAX： AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 AJAX 是一种
阅读全文
posted @ 2018-11-25 20:57
front-end 前端发展学习路线参考图
摘要：front-end 前端发展学习路线参考图 学习的路程还很长~！
阅读全文
posted @ 2018-11-24 00:50
5.jQuery
摘要：简介 jQuery是一个快速、简洁的JavaScript框架，jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交
阅读全文
posted @ 2018-11-18 10:27
4.DOM
摘要：DPM定义 文档对象模型（Document Object Model）是一种用于HTML和XML文档的编程接口。 查找元素 1.直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 docu
阅读全文
posted @ 2018-11-18 10:16
3.JavaScript
摘要：初识JavaScript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
阅读全文
posted @ 2018-11-18 10:15
2.CSS
摘要：初识CSS 什么是css： 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 层叠样
阅读全文
posted @ 2018-11-18 10:10
1.HTML
摘要：HTML简介 hyper text markup language 即超文本标记语言。 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标准模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t
阅读全文
posted @ 2018-11-18 10:05
