自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

想搞全栈的前端

满地都是六便士,他却抬头看见了月亮

  • 博客(31)
  • 资源 (3)
  • 收藏
  • 关注

原创 Vue.js - Day3

文章目录Vue.js - Day3定义Vue组件全局组件定义的三种方式组件中展示数据和响应事件【重点】为什么组件中的data属性必须定义为一个方法并返回一个对象使用`components`属性定义局部子组件使用`flag`标识符结合`v-if`和`v-else`切换组件使用`:is`属性来切换不同的子组件,并添加切换动画父组件向子组件传值子组件向父组件传值评论列表案例使用 `this.$refs`...

2019-04-30 09:31:30 615

转载 2019 CSDN 人气最高博客排名榜,人气最高的前十博主

截止到2019年1月8日,CSDN前十的大神:排名第11:https://blog.csdn.net/hejishan排名第10:https://blog.csdn.net/21aspnet排名第8:https://blog.csdn.net/troubleshooter排名第7:https://blog.csdn.net/dyllove98排名第6:https://blog.csdn....

2019-04-29 13:49:27 3548

原创 Vue.js - Day2

文章目录Vue.js - Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌Vue调试工具`vue-devtools`的安装步骤和使用过滤器私有过滤器全局过滤器键盘修饰符以及自定义键盘修饰符1.x中自定义键盘修饰符【了解即可】[2.x中自定义键盘修饰符](https://cn.vuejs.org/v2/guide/events.html#键值修饰符)[自定义指令](https://cn.vue...

2019-04-29 09:19:19 580 2

原创 webStrom/phpStrom使用箭头函数报错解决方法

webStrom/phpStrom使用箭头函数报错在webStrom/phpStrom下写箭头函数会出现代码爆红,但执行并不会出错。像这样:解决方法点击窗口左上角File->Setttings->Languages & FrameWorks->JavaScript在右边找到JavaScript Language version下拉框中版本改为ECMAScri...

2019-04-28 11:13:01 1923 3

原创 git常用命令

文章目录一般配置登录gitgit常用命令git initgit clonegit statusgit loggit addgit diffgit commitgit resetgit revertgit rmgit cleangit mvgit stashgit branchgit checkoutgit mergegit taggit remotegit fetchgit pullgit reb...

2019-04-27 12:48:34 236

原创 Vue.js - Day1

Vue.js - Day1文章目录Vue.js - Day1什么是Vue.js为什么要学习流行框架框架和库的区别Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别Vue.js 基本代码 和 MVVM 之间的对应关系Vue之 - `基本的代码结构`和`插值表达式`、`v-cloak`Vue指令之`v-text`和`v-html`Vue指令之`v-bind`的三种用法Vue指令之`v-...

2019-04-26 10:51:12 1133 1

原创 JavaScript中的回调函数callback

解释A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.以上callback的英文解释,非常清晰简明,有时候英文理解要比翻译成中文二次理解更清楚。大概意思是:回调是一个函数,它作为参数...

2019-04-25 09:39:08 2640 1

原创 MVC和MVVM的区别

文章目录前言MVC解释MVC下面看这张图View和Controller的交互Model和Controller的交互MVVM什么是MVVMMVVM的诞生如何实现MVVMController存在感降低的原因最后贴图前言mvc和mvvm究竟是怎么样子的,这是一个前后端都需要思考的问题。后面我们一步步来阐述mvc和mvvm这样设计的原因以及我们需要明白的一些问题。MVC解释MVC全名是Mod...

2019-04-23 20:23:23 28839 9

原创 css选择器权重及其计算规则

css选择器文章目录css选择器选择器类型css选择器权重值权重计算方法案例选择器类型ID  #idclass  .class标签  p通用  *属性  [type=“text”]伪类  :hover伪元素  ::first-line子选择器、相邻选择器css选择器权重值选择器权重!important权重!...

2019-04-23 08:38:40 1922

原创 Node.js 第6天

知识点多人社区案例反馈复习MongoDB 数据库灵活不用设计数据表业务的改动不需要关心数据表结构DBA 架构师 级别的工程师都需要掌握这项技能设计维护分布式计算mongoosemongodb 官方包也可以操作 MongoDB 数据库第三方包:WordPress 项目开发团队设计 Schema发布 Model(得到模型构造函数)查询增加修改...

2019-04-22 07:29:05 132

原创 剖析js原型与原型链

原型模式  我们创建的每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。如果按字面意思来理解,那么prototype就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直...

2019-04-21 08:40:15 154

原创 Node.js 第5天 --- MongoDB

知识点ExpressMongoDB项目一天半的时间反馈新版sublime 怎么格式化 怎么一起选中长度不等的内容 怎么改颜色 有的写对了也没颜色 仍然是白色HTML-CSS-JS Prettify代码量好多真正的开发是咱们这个小案例的无数倍callback是不是相当于函数自调用?很简单,函数也是一种数据类型,既可以当作参数进行传递,也可以当作方...

2019-04-20 08:51:07 135

原创 Node.js 第4天 --- express

知识点Express基于文件做一套 CRUD复习jQuery 的 each 和 原生的 JavaScript 方法 forEach301 和 302 的区别模块中导出单个成员和导出多个成员的方式module.exports = xxx通过多次:exports.xxx = xxx导出多个也可以:moudle.exports = {多个成员}module.exports...

2019-04-19 10:02:10 158

原创 Node.js 第3天 --- exports 和 module.exports ,each和forEach的区别

知识点增删改查登陆注册头像服务端图片水印图片水印找回密码密码修改模块系统核心模块第三方模块自己写的模块加载规则以及加载机制循环加载npmpackage.jsonExpress第三方 Web 开发框架高度封装了 http 模块更加专注于业务,而非底层细节知其所以然增删改查使用文件来保存数据(锻炼异步编码)M...

2019-04-18 08:45:05 218

原创 Node.js 第2天 ---代码风格,服务端渲染

代码风格var foo = 'bar'var foo ='bar'var foo= 'bar'var foo = "bar"if (true) { console.log('hello') }if (true) { console.log('hello') }if (true ){ console.log('hello') }为了约定大家的代码...

2019-04-17 08:11:15 127

原创 Node.js 第1天 --- 模块系统,HTTP

Node.js 第1天上午总结Node.js 是什么JavaScript 运行时环境既不是语言,也不是框架,它是一个平台Node.js 中的 JavaScript没有 BOM、DOMEcmaScript 基本的 JavaScript 语言部分在 Node 中为 JavaScript 提供了一些服务器级别的 API文件操作的能力网络服务的构建网络通信http服务器...

2019-04-16 08:39:08 201

原创 ES6学习笔记

1.变量  var 重复申明、函数级作用域  let 不能重复申明、块级作用域、变量  const 不能重复申明、块级作用域、常量2.箭头函数  a.方便    i.如果只有一个参数,()可以省    ii.如果只有一个return,{}可以省  b.修正this  this相对正常点3.参数扩展  收集  扩展  默认参数    function show(a,b=5...

2019-04-15 09:10:05 155

原创 使用css中的border绘制三角形的方法和原理

实现首先看看怎么实现的贴上代码;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .sjx{ width: 0px; ...

2019-04-14 09:54:29 770

原创 bootstrap的使用方法及其基本模板

什么是BootstrapBootstrap来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写...

2019-04-13 11:34:53 11032

原创 CSS3@media查询

CSS3 @media 查询首先贴一个例子:如果文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width: 300px) { body { background-color:lightblue; }}定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样...

2019-04-12 14:09:07 408

原创 CSS3伸缩布局注意点——携程网案例

先贴两张效果图:要求网页伸缩放大布局会自适应变换用到的新属性display: flexFlex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 flex:当父元素使用display: flex后,子元素会具有弹性布局,子元素设置flex属性后面接数字,例...

2019-04-11 10:38:57 511

原创 CSS3过渡效果transition----附手风琴案例

CSS3中新增的transform属性,实现了元素在变化过程中的过渡效果,实现了基本的动画。定义和用法transition 属性是一个简写属性,用于设置四个过渡属性: transition-property规定设置过渡效果的 CSS 属性的名称。 transition-duration规定完成过渡效果需要多少秒或毫秒。 transition-timing-function...

2019-04-10 08:53:22 921

原创 CSS3---文本阴影

CSS3 text-shadow 属性实例基础的文本阴影效果:h1{ text-shadow: 5px 5px 5px #FF0000;}效果图:语法text-shadow: h-shadow v-shadow blur color;注释:text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省...

2019-04-09 08:51:05 451

原创 javaScript正则表达式(内附最全的常用正则表达式)

JavaScript 正则表达式正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。什么是正则表达式?正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的...

2019-04-08 12:31:42 791

原创 H5全屏显示方法及浏览器兼容解决方案

全屏操作的主要方法和属性1.requestFullScreen():开启全屏显示克服兼容性:不同浏览器需要添加不同的前缀: chrom:webkit firefox:moz ie:ms opera: o /*添加三个按钮的点击事件*/ /*全屏操作*/ document.querySelector("#full").onclick=...

2019-04-07 09:06:05 3362

原创 H5多媒体标签--视频video和音频audio

audio–音频标签标签属性 contrils:播放器的控制面板 autoplay:自动播放 loop:循环播放 src:文件地址 preload用来缓存大的文件其中有三个值可选 none:不缓存 auto:缓存(默认) metadata:缓存文件元信息案例:<audio src="年少有为.mp3" controls autoplay loop>浏览器不支...

2019-04-06 15:46:25 872

原创 H5新增表单属性

H5新增的input类型<form> 邮箱:<input type="email"><br/> 数量:<input type="number" value="20" max="25" min="18"><br/> 电话:<input type="tel"><br/>...

2019-04-05 14:51:16 571

原创 模板引擎的基本概念及其使用步骤

什么是模板引擎?模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。模板原理模板的诞生是为了将显示与数据分离,模板技术多种多样,但其本质是将模板文件和数据通过模板引擎生成最终的HTML代码。模板使用模板链接:https://aui.github.io/art-templa...

2019-04-04 15:39:01 851

原创 前端学习路线---避免踩坑,直击公司需求

我自己在学习web前端之前对web的学习路线也是很懵,在网上查了查各种学习路线也是有点慌。今天我就自己的学习过程来聊一聊web各个阶段需要学习的内容,以及怎么样就可以去面试了。初期阶段html+css+javaScript。在我看来html负责网页点基本框架—房梁,毛胚房。css负责网页点美化装饰—房屋的装修。js负责网页的一些特效让其更酷炫—房屋的一些功能性建筑。学完这一部分我们如果可以自...

2019-04-03 10:54:30 179

原创 遮罩层的简单使用分析

今天我们来聊聊遮罩层的简单使用。遮罩层是基于以下几个属性来实现的:1.z-index定义:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。简单来说就是谁的z-index属性值高在z轴方向会在更外面。2.opacity作用:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。3.display这里我们只需要理解这个属性的两个...

2019-04-02 10:06:06 3769

原创 前端必备PS技巧

PS在前端主要有两方面的应用:1:测量图像大小、距离 2:切图测量不用说大家平时开发都需要用,而切图也是前端必备技能。我们作为前端会比UI更清楚我们需要的图片,有时候需要修改也可以自己动手,不必处处麻烦UI,也提高了工作效率。那我们重零开始吧!1.下载工具PS在这里分享一下正版PS安装包,内含注册码的,链接失效了可以下方评论。下载链接:链接:https://pan.baidu.com/...

2019-04-01 09:16:17 1256 1

用HTML+CSS+JS构建的电商网站页面平台(完整代码),web前端CSS入门项目 简易读懂,适合学生以及课程报告参考用

1. 包括首页、注册页、详情页等页面,页面使用 flex 布局。 2. 所有页面中包含的 CSS3 效果种类总数至少为3,包含变形和过渡效果等。 3. 不使用网络上的 css,文件、js,文件,纯手写。 4. 不使用带文字或水印的截图作为网站中使用的图片。 5. 网站从零开始制作,使用原生代码完成。不允许使用任何 CSS 库和 JavaScript 库。

2024-06-11

axure元件库2022版合集

axure元件库2022版合集适用UI设计师、产品经理进行快速原型开发,内含有PC端,APP端原型,含交互动态

2022-05-23

原生JS实现拖拽排序(亲测可用)

原生JS实现拖拽排序(亲测可用)

2021-04-06

echarts中国以及各省市地图

echarts中国以及各省市地图

2021-01-07

空空如也

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

TA关注的人

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