前端
前端
肉丸不肉
这个作者很懒,什么都没留下…
展开
-
JS读取文件+将生成的控制台信息存入文件+高德地图API的使用
功能描述:利用高德地图的API,来获取某定点(金库)距离各网点的距离和时间信息。首先读入各网点的名字和经纬度,有特定格式根据格式分解各网点信息利用高德地图API获得距离和时间信息输出到控制台等都输出后,保存到txt文件中参考文章:js如何读写txt文件?(曲线救国篇)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-03-12 20:23:33 · 541 阅读 · 0 评论 -
React学习前奏
原创 2018-10-14 13:44:35 · 241 阅读 · 0 评论 -
Ant Design 和 React的介绍
Ant Design 组件库1、什么是组件(component)?如果你经常浏览各种网站,就会发现不管网页的主题是什么,通常都会使用一些重复出现的构件,比如日历、表格、表单、菜单、卡片、导航栏等等。这些构件的功能和外观都很类似,只是在一些细节的地方,根据需要做了定制。它们就叫做组件,一张完整的网页,可以看做是不同功能的组件的集合。2、Ant Design 就是基于 React 实现的一套...原创 2018-10-14 13:17:42 · 4614 阅读 · 0 评论 -
Vue 面试中常问知识点
一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model 代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。在MVVM架构下...转载 2018-09-19 22:07:20 · 225 阅读 · 0 评论 -
VUE1——走起我的Vue2.0
走起我的Vue2.01、下载Vue2.0的两个版本:开发版本:包含完整的警告和调试模式(在开发时用这个) 生产版本:删除了警告,进行了压缩(项目发布时用这个)2、项目结构搭建 1、assets:一般存放开发过程中自己写的静态资源(image, css, js等,如:shop.css, car.png, roomListUtil.js) 2、vue init 进行初始...原创 2018-08-30 17:14:18 · 197 阅读 · 0 评论 -
layui的轮播图组件
按照官方文档写了代码之后,引入layui.css和layui.js 一定注意!!!打开网页其实还是啥都没有的。1、按照控制台的报错来进行引入其他文件 必须在js中引入lay目录,lay目录中引入modules包2、此时看轮播图的左右箭头没有显示 引入font目录 ...原创 2018-08-18 16:45:23 · 2494 阅读 · 0 评论 -
JS插件——Swiper
移动端网页触摸内容滑动js插件官网:http://www.swiper.com.cn/原创 2018-05-28 20:27:37 · 366 阅读 · 0 评论 -
响应式的 jQuery 图片滑块插件
http://www.cnblogs.com/lhb25/p/responsive-jquery-image-sliders.html原创 2018-05-28 20:28:46 · 607 阅读 · 0 评论 -
Normalize.css
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。Normalize.css到底有什么用?? 不同的浏览器在对于CSS没有定义的一些样式属性是不一样的, 比如没有在自己的CSS里面规定超链接有没有下划线的时候,有些浏览器有,有些浏览器没有; 再比如有一些浏览器规定的超链接默认颜色是蓝色,有一些又是黑色。 而这个CSS的功能就是对几乎...转载 2018-05-28 20:47:33 · 237 阅读 · 0 评论 -
Slider Revolution 响应式幻灯滑块wordpress插件(待补充)
Slider Revolution是一个非常出色的wordpress插件,被广泛的应用于世界上数十万个网站中,包括我们自己的原创wordpress主题都做了很好的兼容,并且我们是购买过正版的插件的,所以拥有最新的原版插件代码,本次分享的是版本是5.3,官方原版安装包,可放心下载使用,如果是外贸网站当然还是建议购买正版授权。Slider Revolution插件是一个可以定制各种不同风格幻灯片轮...转载 2018-05-28 20:19:12 · 3714 阅读 · 0 评论 -
各大网站CSS代码初始化集合
css代码之所以初始化,是因为能尽量减少 各浏览器之间的兼容性问题! 腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVE...转载 2018-05-28 19:59:41 · 235 阅读 · 0 评论 -
CSS——vertical-align
http://www.zhangxinxu.com/wordpress/2010/05/%E6%88%91%E5%AF%B9css-vertical-align%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E4%B8%8E%E8%AE%A4%E8%AF%86%EF%BC%88%E4%B8%80%EF%BC%89/http://www.zhangxi...转载 2018-05-28 00:15:07 · 125 阅读 · 0 评论 -
浏览器的兼容性的解决方法积累
http://www.daqianduan.com/1282.html https://www.cnblogs.com/0351jiazhuang/p/4525354.html 1.IE浏览器margin,padding双倍距解决 IE中float元素如果同时设置了margin值,此时margin的值会变为双倍,解决办法是在该元素中加入display:inline。已知了BUG的解决办法...转载 2018-05-28 00:06:31 · 151 阅读 · 0 评论 -
浏览器重置
著名的 Meyer Reset(重置)html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, sam...转载 2018-05-27 23:38:28 · 444 阅读 · 0 评论 -
box-sizing盒子模型
正常盒模型 正常盒模型,是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒模型content-box,它也是标准 w3c 盒子模型。 正常盒模型的大小会以内容优先自动扩展,内部子元素超过父元素给定的大小,会将父元素撑大。 怪异盒模型 怪异盒模型,是指块元素box-sizing属性为border-box的盒模型。一般在IE浏...转载 2018-05-26 17:59:59 · 249 阅读 · 0 评论 -
网站SEO优化
1、SEO(Search Enginner Optinazition)与 SEM(Search Enginner Market) SEM比如:百度浏览器搜东西出来的前几个广告,是花钱的 而SEO是为了提高网站排名但是不花钱2、...原创 2018-05-25 09:35:51 · 654 阅读 · 0 评论 -
bootstrap下拉式多选框
index.html&lt;select id="usertype" name="usertype" class="selectpicker show-tick form-control" multiple data-live-search="false"&gt; &原创 2018-05-28 21:08:22 · 3155 阅读 · 0 评论 -
响应式导航——Responsive Nav
http://www.bootcss.com/p/responsive-nav.js/转载 2018-05-28 21:34:05 · 915 阅读 · 0 评论 -
百度前端技术学院——DAY2
因为有了一定的基础,所以从头看总是感觉似会似不会。有点烦…所以还是从头,抛开之前所学的,认认真真的从头学呗!加油(づ ̄3 ̄)づ╭❤~一堆最基本的问题:1、HTML是什么,HTML5是什么 HTML(Hyper Text Markup Language超文本标记语言)(标记:为了检索) HTML5是最新的HTML标准,拥有更丰富的语义、图形以及多媒体元素等内容2、HTML元素标签、属...原创 2018-04-30 16:40:54 · 248 阅读 · 0 评论 -
layui轮播图
<div class="layui-carousel" id="test10"> <div carousel-item=""> <div> <a href=""><img src="http://gy.budgroup.cn/pictures/1538038186.jp原创 2018-12-05 00:54:06 · 2479 阅读 · 0 评论 -
HTML5记住账号和密码
<!DOCTYPE html><html lang="en" dir="ltr"><head> <meta charset="utf-8"> <title></title></head><body> 账原创 2018-10-22 18:23:59 · 10117 阅读 · 0 评论 -
关于未使用自适应写的PC页面在手机上显示不全的问题
在head中添加:<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.3, maximum-scale=1.0, minimum-scale=0.3">width=device-width :表示宽度是设备屏幕的宽度initial-scale=0.3:表示初始...原创 2018-10-13 16:15:47 · 5048 阅读 · 4 评论 -
元素居中
1、text-algin:center2、position:relative;left:50%;margin-left:-宽度的一半px;原创 2018-09-23 00:49:40 · 201 阅读 · 0 评论 -
文字字数不同首尾对齐
td{ width: 7em;//最多x个字,则为 x em } .w2{ letter-spacing: 5em; /*如果需要y个字两端对齐,则为(x-y)/(y-1),这里是(7-5)/(5-1) = 5em */ margin-right: -5em; /*同上*/ } .w4{ ...原创 2018-09-09 19:07:23 · 1447 阅读 · 0 评论 -
VUE2——v-if v-else v-show 指令
v-if v-else v-show 指令1、index.html中新增加链接<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Vue.js实例</title&原创 2018-08-30 17:48:07 · 1118 阅读 · 0 评论 -
Animate.css动画的使用
1、引入css&lt;link rel="stylesheet" href="{{asset('home/css/animate.min.css')}}" type="text/css"&gt;2、&lt;span class="animated slideInRight infinite" id=&a原创 2018-08-16 22:31:59 · 730 阅读 · 0 评论 -
vue-cli——项目搭建
1、因为之前已经安装过node.js和git,所以直接用npm2、呐呐呐npm速度慢是一定的了,所以用淘宝镜像,将npm->cnpm这里写代码片3、打开cmd,进入想要创建项目的目录下,输入:vue init webpack projectname4、安装提示选择Project name:——项目名称Project description:——项目描述...转载 2018-08-19 00:06:10 · 142 阅读 · 0 评论 -
npm->cnpm
在命令行中输入npm install -g cnpm --registry=https://registry.npm.taobao.org之后npm都用cnpm来代替啦!原创 2018-08-18 23:42:26 · 1125 阅读 · 0 评论 -
图片缩放
1、背景图片 用background-size属性控制详情: https://blog.csdn.net/u013063153/article/details/529799222、一般img https://blog.csdn.net/x163326/article/details/42319749转载 2018-07-07 19:08:19 · 142 阅读 · 0 评论 -
前端编码规范——HTML
1.使用四个空格来表示缩进,不要使用 tab 键;2.页面文档类型统一使用HTML5 DOCTYPE. 代码如下:<!doctype html>3.声明方法遵循HTML5的规范.推荐使用 utf-8 编码.<meta charset="utf-8" />4.建议对超过10行的页面模块进行注释, 以降低开发人员的嵌套成本和后期的维护成本. 例如:...转载 2018-05-25 01:37:09 · 200 阅读 · 0 评论 -
前端编码规范——Javascript
1.tab键用(必须)用四个空格代替2.每句代码后(必须)加”;”3.变量、常量、类的命名按(必须)以下规则执行:1) 变量:必须采用骆驼峰的命名且首字母小写// 正确的命名 var isHotel, isHotelBeijing, isHotelBeijingHandian; // 不推荐的命名 var is_Hotel, ish...转载 2018-05-25 01:32:07 · 252 阅读 · 0 评论 -
Phpstorm快捷键
1.phpstorm 的代码注释有两种风格,一种是双斜杠,另一种是 /* … */风格,两者的快捷键都是开关式(即按第一次为注释,再按一次为撤销注释),快捷键如下: 双斜杠注释 Ctrl + / /* */注释 Ctrl + Shift + /2.格式化代码Ctrl+Alt+L3.在.css中查找类名或idCtrl+F4....原创 2018-03-21 14:54:41 · 256 阅读 · 0 评论 -
Bootstrap
在这之前用过Bootstrap,但是仅仅用的只是它的栅格和fontawesome图标,所以想系统的学一下啦(◕ᴗ◕✿)1、去官网下载http://www.bootcss.com/,(建议看一下官方文档)下载完后发现有三部分构成: css, js, fonts(Bootstrap4没有)。其中有min是无min的压缩版Bootstrap 插件全部依赖 jQuery请注意,Bootstra...原创 2018-03-24 02:09:19 · 366 阅读 · 0 评论 -
Sublime Text3插件
从大一下学前端开始一直用的是Phpstorm,不过老早之前就下载了sublime,但是!最开始并没有意识到原来这么好用呀哈哈哈ヾ(゚∀゚ゞ),所以决定这段时间熟悉一下它ヾ(✿゚▽゚)ノ慢慢的从最开始整理一下插件。ヾ(๑╹◡╹)ノ”第一个当然是使英文变成中文啦(◕ᴗ◕✿)所以,ChineseLocalization是您的不二选择!Emmet 这个用sublime写过网页的应该都懂啦宝...原创 2018-03-24 01:06:29 · 151 阅读 · 0 评论 -
前端遇到的坑
1、今天教兄dei做网页,遇到了一个坑纠结了几分钟…(╥╯^╰╥),其实就是整个body没有在中间的问题!!!只需要body{ width: ; margin: 0px;//这个鬼是居中!}...原创 2018-03-23 16:15:56 · 268 阅读 · 0 评论 -
添加锚点
如果想点回复按钮进行回复,将表单设置上id,在按钮的链接里链上这个id即可原创 2018-03-19 19:32:31 · 531 阅读 · 0 评论 -
将一个图片转化为透明背景——PS
emmmm之前学过一点PS,但是学完之后没有及时用导致….!!!∑(゚Д゚ノ)ノ今天做Web作业,计算机学院的LOGO是个白色的图片,如下: 但是呢,我想插入一个背景图,如果直接用这个结果就是丑的不行。。。一大块白色ヾ(o・ω・)ノ所以呢!需要利用PS来整一哈!方法一: 魔棒工具->点击白色背景->新建一个背景图层!!这一步太重要了,如果不新建一个背景图层,会导致d...原创 2018-03-22 17:18:01 · 3034 阅读 · 0 评论 -
总结
从10月31日开始到今天11月5日,断断续续的每天学两个小时,周末学的比较多,已经大体的学完html。开始css,但是下周事情比较多,所以进度会比较慢一点。加油~原创 2017-11-05 19:02:05 · 224 阅读 · 0 评论 -
HTML测试(w3school)
1.HTML 指的是?您的回答:超文本标记语言(Hyper Text Markup Language)2.Web 标准的制定者是?您的回答:万维网联盟(W3C)3.在下列的 HTML 中,哪个是最大的标题?您的回答:<h1>4.在下列的 HTML 中,哪个可以插入折行?您的回答:<br>5.在下列的 HTML 中,哪个可以添加背景颜色?您的回答:<body bgcolor="yel原创 2017-11-05 18:55:03 · 667 阅读 · 0 评论 -
HTML基础-meta其它类型
http://www.jianshu.com/p/83de569e2499 还有几个类型不明白,现在为止用过的也就charset字符集的那个类型。其他的都未用过。。。原创 2017-11-04 00:19:28 · 241 阅读 · 0 评论