1 yyy_wj

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 18w+

Vue基础(五)

案例回顾父子组件之间的传值 <div id="app"> <com1 v-bind:parentmsg="msg" @func="getMsgFormSon"></com1> </div> <template id="tmpl"> <div> <h1>这是子元素 ---...

2019-12-18 15:49:20

Vue基础(四)

1、父组件向子组件之间传值父组件,可以在引用子组件的时候, 通过 属性绑定(v-bind:) 的形式, 把 需要传递给 子组件的数据,以属性绑定的形式,传递到子组件内部,供子组件使用注意:经过演示,发现,子组件中,默认无法访问到 父组件中的 data 上的数据 和 methods 中的方法。子组件中的 data 数据,并不是通过 父组件传递过来的,而是子组件自身私有的,比如: 子组件通...

2019-12-18 15:12:23

Vue基础(三)

1、Vue中的动画动画能够提高用户的体验,帮助用户更好的理解页面中的功能使用过渡类名在进入/离开的过渡中,会有 6 个 class 切换。 v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。 v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类...

2019-12-16 15:32:24

Vue基础(二)

1、过滤器概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;定义一个全局过滤器(也可以有多个全局过滤器),在vm实例中都是共享的过滤器中的 function ,第一个参数,已经被规定死了,永远都是 过滤器 管道符前面 传递...

2019-12-14 18:05:39

Vue基础(一)

1、什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex) Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架! Vue.js 是一套构建用户界面的框架,只关注视图层...

2019-12-13 16:39:24

Node.js基础介绍

一、Node.js是什么1、是一个JS运行时环境(简单来说就是可以解析、执行js代码):不是一门语言/库/框架,只是一个平台(1)Node.js中的JavaScript没有BOM、DOM,只有EcmaScript(基本语法),因为服务端不操作页面(2)在Node这个javascript执行环境中为js提供了一些服务器级别的操作API(文件读写、构建网络服务、网络通信、http服务器等)...

2019-11-28 22:14:33

淘淘大型购物项目

一、项目介绍淘淘大型购物项目主要分为web移动端和pc端后台管理,采用前后端分离模式。前端编写过程中很依赖与后端环境,需要依赖后台提供的接口。 这种模式可认为是前后分离模式,也是接口化开发。web移动端主要包括首页、分类(一级分类、二级分类)、商品(搜索中心,商品列表、商品详情)、购物车(购物车管理)、用户(登录、注册、账户管理)、收获地址(展示、添加、编辑、删除)。pc后台管理页面包括登...

2019-11-28 21:36:34

zepto与swiper的简要介绍

一、zepto1.1zepto.js API中文版1.2 Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。1.3 Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、...

2019-11-17 17:00:00

关于rem布局和适配

之前项目中遇到的一些布局1.伸缩布局 flex 2.流式布局 百分比 3.响应布局 媒体查询 (超小屏设备的时候:流式布局)共同点:元素只能做宽度的适配,高度不能适配(排除图片)更好的适配方案rem:宽度和高度都能做到适配(等比缩放)rem布局通过控制html上的字体大小去控制页面上所有已rem为单位的基准值控制尺寸4.1 把页面上px单位转换成rem单位 4....

2019-11-17 15:50:59

less

1、less1.1 简要介绍CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于...

2019-11-15 22:03:48

web移动(三)-响应式工具之bootstarp

Bootstrap1、简单介绍目前最流行的 HTML, CSS 和 JavaScript 框架,用于开发响应式,移动端先行的 web 项目,Bootstrap是当前最流行的前端UI框架(有预制界面组件)Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。Bootstarp...

2019-11-13 20:05:53

web移动(二)-响应式布局

前端常见的布局方案一、静态布局(Static Layout)1. 布局概念最传统、原始的Web布局设计。网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow:scroll)来实现滚动查阅。二、流式布局(Liquid Layout)1. 布局概念流式布局也叫百分比布局这边引入一下自适应布局:分别为不同的屏幕设置布局...

2019-11-11 19:13:41

移动web(一)

移动web开发主要就是流式布局+viewprot流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局视觉窗口:视觉窗口:viewport,是移动端特有。这是一个虚拟的区域,承载网页的。承载关系:浏览器---->viewport---->网页适配要求标准适配方案:1. 网页宽度必须和浏览器保持一致2. 默认显示的缩放比例和PC端保...

2019-11-10 20:54:48

认识canvas

1、什么是Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向 HTML5 页面添加 canvas 元素。 规定元素的 id、宽度和高度:<canvas id="myCanvas" width="2...

2019-10-28 20:45:13

flex伸缩布局

重要性:布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥极大的作用。1、重要属性display:flex:如果父容器设置了这个属性,那么这个盒子里面的所有直接子元素都会自动的变...

2019-10-23 21:35:47

AJAX

1、概述Web 程序初的目的就是将信息(数据)放到公共的服务器,让所有网络用户都可以通过浏览器访问。在此之前,我们可以通过以下几种方式让浏览器发出对服务端的请求,获得服务端的数据:地址栏输入地址,回车,刷新 特定元素的 href 或 src 属性 表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程(对服务端发出请求并且接受服务端返回的响应), 如果我们可以通过 Jav...

2019-10-17 20:17:58

HTML5接口

一、网络监听接口网络联通是触发这个事件,只与当前页面有关(window) 1、window.online用户网络连接时被调用 2、window.offline用户网络断开时被调用<script> /*1.ononline:网络连通的时候触发这个事件*/ window.addEventListener("online",f...

2019-09-12 10:43:02

HTML5和CSS3(一)

一、什么是HTML5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改 支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏...

2019-09-10 11:09:19

近20个绚丽实用的jQuery/CSS3侧边栏菜单

https://blog.csdn.net/yipanbo/article/details/50833203

2019-09-06 21:37:46

jQuery特殊属性操作与事件机制及补充

1、jQuery特殊属性操作val方法val方法用于设置和获取表单元素的值,例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();html方法与text方法html方法相当于innerHTML text方法相当于innerText//设置内容$(“div”).html(“<spa...

2019-08-17 15:06:56

查看更多

勋章 我的勋章
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。