*前端
文章平均质量分 50
哈尼熊熊
当你的才华撑不起你的野心时,就静下心来好好学习!
展开
-
元素上下居中与左右居中
https://www.cnblogs.com/xinjie-just/p/5916001.html原创 2020-06-04 17:52:23 · 608 阅读 · 0 评论 -
better-scroll
1. 介绍better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。2. 使用1. 安装2. importBScrollfrom'better-scroll'3. 在create...原创 2020-05-07 16:27:01 · 170 阅读 · 0 评论 -
line-height 的作用
line-height 行高,常见作用有二。1. 如果可能有换行,保证行与行之间距离合适。2. 居中。如下图红框部分所示。左侧字体14px,右侧字体18px。如果用一个行高将两部分框起来,就可以保证左右两部分中心水平居中。...原创 2020-04-10 17:51:50 · 3506 阅读 · 0 评论 -
组织CSS结构
https://www.cnblogs.com/liaohongwei/p/9698687.htmlhttps://segmentfault.com/a/1190000005858511原创 2020-03-22 15:24:54 · 513 阅读 · 0 评论 -
CSS之边框
元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。提示:背景应用于由内容和内边距、边框组成的区域。margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干;padding用于元素与内容之间的间隔,让内...原创 2020-03-20 16:38:15 · 201 阅读 · 0 评论 -
移动端滚动条的一些问题
https://www.cnblogs.com/xiahj/p/8036419.html参看此篇文章原创 2019-12-18 16:36:02 · 397 阅读 · 0 评论 -
vue iscroll5 下拉刷新
1. 引用js如果需要刷新的页面太多可以在main.js中配置,否则就在需要的页面中引用即可。误区:由于vue引用文件的特殊性,不能直接import原生的js文件,否则会报错该js文件没有export IScroll。正确做法:$npm i iscroll --save-dev import IScroll from 'iscroll/build/...原创 2019-07-18 17:04:09 · 776 阅读 · 0 评论 -
vue项目改名
1.修改根目录下的package.json文件,把name修改成你的项目名称2.删掉node_modules文件,重新npm instrall一次,记得npm 之后,之前通过npm安装的插件,也要重新安装3.上面两步做完之后,运行build命令后,你会发现index文件的title没有改过来,这个时候要修改根目录下面的index.html文件的title,改好之后,vue文件的title就...转载 2019-04-25 10:41:39 · 3815 阅读 · 0 评论 -
软件安装与运行
鉴于自己的记忆力越来越差,这些基础的东西也记录下来,省的下次费事。PHP开发环境:Windows集成:XAMPP备注:根据PHP版本不同,分为XAMPP5, XAMPP7 等。同一台设备上可以同时安装多个集成环境。运行哪个自己决定。环境变量那边可以配置一个常用的PHP版本路径,如果临时启用其他版本的PHP时,只需在执行PHP时补全PHP所在路径。常用开发软件:PHPstorm...原创 2019-04-03 14:36:28 · 357 阅读 · 0 评论 -
集散中心网站开发
一、开发前疑问1.要不要PHP?------不用 前端+接口(Java)2.那种前端框架?------vue 对前端开发不熟悉,vue比较合适。3.单页面,多页面?------单页面(单页面与多页面区别) 单页面适合PC端,多页面适合APP4.性能?------node.js 与Nginx配合二、工具前端开发常用:http://www.5icool.o...原创 2019-04-04 16:20:42 · 263 阅读 · 0 评论 -
前端打包工具
前端打包工具是一种将前端代码进行转换,压缩以及合并等操作的程序工具。目前常见的有grunt,webpack等。它能将我们前端人员写得less,sass等编译成css.将多个js文件合并压缩成一个js文件。它的作用就是通过将代码编译、压缩,合并等操作,来减少代码体积,减少网络请求。以及方便在服务器上运行。目前,会使用web前端打包工具是现代前端人员必备技能。webpackwebpack是...原创 2018-08-08 17:19:18 · 3302 阅读 · 0 评论 -
MVVM模式
下文主要从DOM哥的文章中摘出,点这里看原文。概要:Model–View–ViewModel(MVVM) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于2005年在他的博客上发表。...转载 2018-08-06 15:17:35 · 840 阅读 · 0 评论 -
jQuery与前端框架
想学好前端,推荐书籍,点击这里jQuery是什么?具体来说,他是一个JS库 ,并不是人人常说的框架,库不能称之为框架,框架是解决方案的轮子、架子,库一般来说是一个语言浓缩和优化过后的超集或者工具包,其实ES6 更像是ES5的超集和库。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机...转载 2018-08-03 17:18:15 · 3531 阅读 · 0 评论 -
搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax
1、px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(浏览器默认字体是16px)。看下面例子: HTML:bodydiv class="div1">div1 div class="div2">div2 div clas转载 2017-09-05 15:43:25 · 656 阅读 · 0 评论 -
css之position
值描述绝对定位absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。固定定位fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom"原创 2017-09-08 10:31:10 · 421 阅读 · 0 评论 -
如何按比例显示图片
我们经常会遇到这样的问题,客户给的图片有大有小,集中显示出来会很难看,要么被裁掉,要么被拉伸或压缩,一下提供一种方案,使图片保持原比例。在原有 之外再加一层 ,只设置 的宽度,然后设置 的高度,多余出来的部分隐藏掉。 .img-div { height: 42vh; overflow: hidden;}.img {原创 2017-09-05 15:17:55 · 1183 阅读 · 0 评论 -
form 表单提交 submit与button
INPUT type=submit 即发送表单,按回车提交表单 INPUT type=button就是单纯的按钮功能,提交的是innerTEXTsubmit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit默认为form提交,它把提交这个动作自动集成了;button则响应用户自定义的事件,不会提交表单,如果不指定onclick等...转载 2017-10-17 17:04:49 · 1695 阅读 · 1 评论 -
HTML5与HTML
1.狭义的理解HTML5就是新的html协议,作为一个超文本传输协议,就是多了几个标签而已。2.广义上的HTML5包含HTML5/ES6+/CSS3/WebGL/Canvas/SVG/Web RTC等整个Web技术家族的观点。现在流行的什么H5产业、H5游戏都是在说广义上的HTML5。HTML关注的是如何写页面(Page),HTML5关注的是如何开发应用(APP)!以前所谓的B/S分布式...原创 2018-01-16 16:35:20 · 405 阅读 · 0 评论 -
JavaScript简介
1. js动态添加页面元素方法1)将需要创建的元素,以字符串的形式拼接;找到父级元素,直接对父级元素的innnerHTML进行赋值。方法2)使用Document、Element对象自带的一些函数,来实现动态创建元素(创建元素 createElement => 找到父级元素 getElementById => 在指定位置插入元素 appendChild)2. js的实现实际上,一个完整的...原创 2018-01-19 17:32:55 · 277 阅读 · 0 评论 -
HTML DOM
1. DOM 介绍HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。2. DOM 节点HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删...原创 2018-03-02 16:27:02 · 130 阅读 · 0 评论 -
jQuery
1. 简介Query 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 库包含以下特性: . HTML 元素选取 . HTML 元素操作 . CSS 操作 . HTML 事件函数 . JavaScript 特效和动画 . HTML DOM 遍历和修改 . AJAX . Utilities2. 语法...原创 2018-03-02 19:01:42 · 181 阅读 · 0 评论 -
前端性能优化
完成一个页面请求的流程:输入地址--> 域名解析--> 发送请求--> 后端代码运行--> 响应请求,浏览器拿到 html 代码--> 浏览器开始渲染页面,并请求页面中的资源(css、JS、img等)--> 渲染完成每个阶段的性能优化:传输阶段优化:代码压缩、图片压缩、建立长连接等后台代码优化:后台逻辑优化、前后台合理分配功能等sql查询优化:优化数据库、优化查询语句等响应转载 2018-04-18 11:22:15 · 123 阅读 · 0 评论 -
js实现placeholder效果
IE对placeholder的支持不好,一直到IE11才对其支持,那之前版本怎么办呢?这里就给出来一个简单易行的方案。<input type="text" vtype="required" id="searchitem" <{if $data.searchitem}>value="<{$data.searchitem}>" style="color原创 2018-06-25 14:46:46 · 889 阅读 · 0 评论 -
HTML块级元素和行内元素
HTML 中的元素可分为两种类型:块级元素和行级元素。这些元素的类型是通过文档类型定义(DTD)来指明。块级元素:显示在一块内,会自动换行,元素会从上到下垂直排列,各自占一行,如 p, ul, form, div 等标签元素。行内元素:元素在一行内水平排列,高度由元素的内容决定,height 属性不起作用,如 span, input,a 等元素。一、块级元素:block eleme原创 2017-09-05 17:08:38 · 413 阅读 · 0 评论