自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 摸鱼时的奇思妙想

一些想法:做一个自己的网站。大概率是一个汇总网站。内容:1、 ????主页2、 小模块汇总3、 To Do List4、????日历5、????V2EX人手一个的导航网站6、????笔记7、????记账本8、????工具箱参考网站:1、 好看的博客主页2、 记账本3、 有趣的组件库4、开发者工具箱进度:提示:这里统计学习计划的总量例如:1、 技术笔记 2 遍2、CSDN 技术博客 3 篇3、 学习的 vlog 视频 1 个...

2021-07-20 15:30:49 93 1

原创 面试小结

面试50问直接来看干货。职责篇工作时间/计划是怎样的?平时会处理哪些任务?团队中初级人员和高级人员是如何平衡的?针对新员工有哪些培训?如果按照工作计划执行,有多少工作是需要自己独立完成的?完成核心工作大概大概需要多久?对这个岗位的定义是什么?技术篇你常用的堆栈是什么?你如何用源代码进行控制?你如何测试代码?你平时如何追踪bug?如何集成和部署更改,CI/CD吗?基础架...

2019-11-19 13:30:55 186

原创 关于redux的理解

创建reduximport {createStore} from 'redux'const store = createStore(reducer)其中reducer 是执行者,负责改变 state 的状态const state ={}state 存储状态 通过 store.getState() 获取当前的statestate改变引起视图改变const action =...

2019-11-19 13:18:03 144

原创 Vuex 的理解

vuex是一种集中式存储状态的容器,按照一定的规则可以保证数据状态的变化是可预测的。它相比全局变量或简单store模式的优势是响应式的。vuex用来在多个组件之间传递状态(变量、数据);vuex用来在多个视图组件之间共享状态state,getters,mutations,actions,modulesstate:用来定义和初始化状态getters:state的getter获取器,用来获取s...

2019-11-18 11:24:12 103

原创 Vue插件的书写和使用

1、在工程目录下新建一个plugins文件夹2、在该文件夹下新建插件文件,该文件为.js后缀结尾,比如:vueAjax.js3、vueAjax.js的内容如下:export default {//必须要提供一个install方法//install方法的第一个参数为Vue(大小写不限,建议用大写)install(Vue,options){Vue.say = function(){con...

2019-11-18 11:22:54 199 1

原创 Vue Cli 3.0 以上新建项目

安装node安装npm全局装vue脚手架npm install -g vue-cli创建项目vue create + 你的项目名注意配置vuexrouterlintless

2019-11-18 11:19:18 108

原创 React 搭建新项目

安装node最新node安装npm安装全局 reactnpm install -g create-react-app (windows)创建 项目create-react-app react-cli //react-cli 是文件名,自己起

2019-11-18 11:13:50 88

原创 处理城市和首字母的问题

$.ajax({ type: "GEt", url: "http://www.bestqingshan.top/movie/citys.php", dataType: "json", success: function (data) { ...

2019-10-31 16:16:26 163

原创 node.js的特点

Nodejs是运行在服务器的开发平台,它的内部是基于google V8 JS引擎工作的;nodejs实现了常规ES(或浏览器端js)没有功能,比如:二进制处理,文件和目录操作,http操作,加密操作等;这些功能都是CommonJS规范中所规定的;nodejs使用的是ES语法,所以对于前端开发人员入门门槛低。node的特点:单线程,非阻塞异步IO,事件循环nodejs适合作用IO密集型应用:i(...

2019-10-12 14:12:24 307

原创 客户端和服务端

客户端:对客户端的理解一般是浏览器和手机端服务器端:这里说的服务器端一般指的是软件服务器,也就是说需要在硬件服务器上安装一个软件,这个软件起到的作用就是软件服务器(常见的有,apache,nginx,iis,tomcat),常规的服务器端语言:java,php,python并没有处理客户端请求的能力;需要借助软件服务器来处理,软件服务器收到用户请求后会将请求内容转发到对应的程序上(java或ph...

2019-10-12 14:11:26 286

原创 jQuery实现上传头像

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-U...

2019-10-11 08:15:46 872

原创 vscode常用插件

2019-10-11 08:13:53 76

原创 百度新闻导航

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; ...

2019-09-25 21:23:51 242

原创 jq 轮播图(移动)

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; ...

2019-09-25 21:22:40 530

原创 jq轮播图(淡入淡出)

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; ...

2019-09-25 21:21:22 422

原创 等高布局 圣杯布局 双飞翼布局

等高布局假等高通过设置padding 与margin值相抵消来达到等高 注意:父元素一定要设置溢出隐藏 overflow:hidden;父元素靠内容撑开 所以他的高等于最高的子元素的高father{ overflow:hidden;}div{ float:left; padding-bottom:9999px; margin-bottom:-9999px;...

2019-08-22 19:56:56 135

原创 图片间隙问题+ie8兼容问题

图片间隙问题两个图片之间和图片下方多出的空白间隙可以使用以下方式解决方法一:转块img{display:block;}方法二: 改变vertical-alignimg{ vertical-align: top middle bottom }方法三:设置父级标签的font-size line-height 水平间隙 下方间隙都能解决img fath...

2019-08-22 13:33:59 129

原创 浮动问题

浮动产生的问题:元素浮动后会脱离正常文件流,父元素会因为没有内容高度变为0 影响后面的布局,所以浮动后父元素要清除浮动。清除浮动给父元素添加行高overflow:hidden;在子元素最后添加一个空的div 添加样式:clear:both;给父元素添加类名 clearfix /* 处理IE7下的兼容问题*/ .clearfix{ ...

2019-08-22 10:10:47 92

原创 块级标签和行内标签的区别

块级标签和行内标签的区别:块级标签:宽度100% 高度自适应(内容撑开) 独立成行可以设置margin padding border常见的块级标签: div p ul li ol dl dt dd h1-h6行内标签:宽度高度自适应(内容撑开) 默认水平排列可以设置水平方向 margin padding常见的行内标签:span em i strong...

2019-08-22 10:01:01 904

原创 使用border实现小三角

triangle{ width:0; height:0; border-width:100px; border-style:solid; border-color:red transparent transparent transparent; //代码健壮性 overflow: hidden; font-size:0; line-height...

2019-08-22 09:56:04 302

原创 外边距传递和坍塌

外边距塌陷并列关系: 垂直方向的两个含有margin值的盒子会发生叠加。解决办法:尽量避免。可以将margin值加在一个盒子上。父子关系: 子元素添加...

2019-08-22 08:23:44 399

原创 css基础

引入css的方式有几种内联式<div style="属性名:属性值">内嵌式<style> 选择器{ 属性名:属性值; }</style>外链式<link rel="stylesheet" href="css文件路径">导入式import "文件路径"单行文本水平垂直居中text-align:center;li...

2019-08-20 20:56:27 144

原创 微信导航栏的双拉门设计

微信导航栏双拉门设计1.微信导航栏采用双拉门设计,使导航栏呈现一种凹凸感,但是并不是用背景色来实现,他的导航栏背景是一张长条状的图,如图所示:微信导航栏可以根据字体数量而变化,并且背景图都能够显示两边的圆角,原本认为可以通过改变背景图大小 即使用 background-size 100% 100% 来实现,发现效果并不一样。下面就说一下双拉门的设计:结构如下: <div class...

2019-08-12 22:05:04 219

原创 图片间隙问题 兼容问题

图片间隙问题:1.将图片显示为块2.改变图片的vertical-align3.设置图片父级标签的font-size:0;line-height:0;水平间隙,图片下方间隙都能解决。IE中图片边框问题:Border:none;Css Hack使用css Hack可以控制不同浏览器及版本之间的显示差异,某些情况下处理兼容问题可以事半功倍,但滥用会影响页面性能,也会导致后期维护困难,因此尽...

2019-08-08 08:26:45 123

原创 盒子居中 BFC

如何让盒子水平垂直居中:1、设置margin自动auto 上下左右margin都为0position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;2、position: absolute;top: 50%;left: 50%;margin-left: -w/2px;/负数,数值是宽度的一半/margin...

2019-08-07 21:57:11 125

原创 面试题01

<!doctype>的作用:文档类型定义,告诉浏览器该以什么标准解析文档浏览器及其内核:谷歌浏览器:blink 火狐浏览器:gecko 苹果浏览器:webkit IE: Trident常见的块级标签: div p h ul-li ol-li dl-dt-dd l列表标签 宽度100% 高度自适应 独立成行常见的行级元素: span em i strong b 宽度高度自适应 ...

2019-08-06 10:07:05 116

原创 HTML入门

1、前端页面的组成:HTML(结构层)、css(样式或表现层)、JavaScript(行为层) 2、HTML:超文本标记语言 Hyper Text Markup Language HTML是使用标记来描述网页的语言; HTML是一种语法简单、结构清晰的语言3、HTML文档也称网页,扩展名html 文件名格式:主文件名.扩展名4、HTML标签——标记、元素,构成网页的基本单位 单标签:<标...

2019-08-06 10:02:00 164

原创 入门html

1、前端页面的组成:HTML(超文本标记语言,结构层)、css(层叠样式表,表现层)、JavaScript(脚本语言,行为层)2、HTML文档结构3、HTML语法:<标签> 双标签 <标签名 /> 单标签4、html注释内容: css注释内容:/* css注释内容 */5、div标签:[内容]6、style标签对,放置在结束标签的上方7、选择...

2019-08-06 09:54:15 67

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除