• 学习方法

    学习是一个阶段性的过程,每个人初时看待新鲜事物都是一样的。但是学出来的效果却差很远,每个人都有自己的学习方法,我不知道那种方法才是对的。我只想找到适合自己的。最适合自己的才是最好的。我个人认为学习初期就是一个模仿的过程。一直模仿,模仿老师看待问题的方法丶模仿老师的思维丶模仿老师解决问题的方法丶模仿学习好的同学的学习方法,找到最适合自己的方法。当你找到了适合自己的方法,这时候可以尝试着发散自己的思维,尝试着用自己的思路去看待问题丶去解决问题。遇到问题时。持自己的看法与同学讨论,向老师提问,然后总结

    学习方法
  • 如何用CSS样式实现3D翻转

    制作工具: HBuilder需要技术:HTML + CSS<!DOCTYPEhtml><html><head>      <meta charset="UTF-8">      <title></title>   </head><body><div class="box1"><--使用div布局-->         <div class=&

    html css
  • 认识C#

    C#是微软公司发布的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。是由C和C++衍生出来的面向对象的编程语言。C#程序的结构:         using System:using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;  //引入命名空间         namespace ConsoleApp1  //声明命名空间

    C
  • 认识video标签

    这是一个放视频的标签,此标签也是成对标签<video>视频路径</video>。实例:   <video width=”宽”  height=”高”>   <source src=”视频路径” type=”video/mp4”></source></video>属性:autoplay //该属性表示就绪后马上播放      Controls //该属性表示显示控件      loop //该属性表示循环播放      mut

    video
  • 使用代码实现一个动态时钟

    最终效果展示:设计亮点:1.可以实时动态显示当前时间与当前日期2.代码结构简洁、清晰、明了知识的汇总:1.HTML52.CSS33.JavaScript重难点汇总:1.各个指针的旋转角度的获取,首先要明确以下概念:一周为360度、12小时、60分钟、60秒;公式:一周的度数/一周的时间;即得出时针每过一小时要旋转30度;分针每过一分钟要旋转6度;秒针每过一秒钟要旋转6度;下面是代码部分:HTML:<div id="box"> <div id="h"></div> <div id="min

    html css javascript
  • JQuery轮播

    前言: 轮播是一个很常见的特效,各大商城网站都看得到。所以就写过很多种轮播,今天跟大家分享的就是一个用JQuery实现的轮播。效果图:HTML代码:               <div id="all"> <div  id="img-left"></div> <div id="overall"> <ul> <li><img src="../img/1.png"

    JQuery 轮播
  • Event对象

    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!今天跟大家分享的就是其中一个,获取坐标。获取坐标的方法有很多种,可以根据需要使用。获取X坐标的属性:clientX; screenX; pageX;获取X坐标的属性:clientY; screenY; pageY;我比较喜欢用page属性,它能获取到超出窗体高度的坐标。也就是当有滚动条时并且触发事件的地方超出高度后client 和 screen

    JavaScript Event
  • WeUI学习总结(一)

    前言:WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似于 Bootstrap 的那种。 由于是微信官方出品,所以对微信的兼容性基本没有太大问题,而且各组件的样式和微信一样,能够和微信很好的融合在一起,给用户较好的体验。一、准备工作1.获取WeUI库1.1 可以直接获取核心文件weui.css,获取该文件后在页面引入即可使用WeUI的组件。//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.cs

    WeUI
  • WeUI学习总结(二)

    二、表单1.按钮基础属性:   weui-btn weui-btn_primary 确定按钮(绿色)   weui-btn weui-btn_warn 警告按钮(红色)   weui-btn weui-btn_default 默认按钮(淡灰) 扩展:   weui-btn_disabled 禁止按钮   weui-btn_plain-xxxx 镂空按钮   weui-btn_mini         小型按钮   weui-btn_loading 刷新按

    WeUI
  • WeUI学习总结(三)

    基础组件1.文章类: weui-article属性: 上下内边距20px,左右内边距15px,字体大小15px;后代属性: 最大宽度100%,盒子模型为IE盒子模型,自动换行(当出现溢出时另起一行,不会在单词内换行);指定后代属性:后代为h1标签时,h1的下外边距为0.9em,字体大小为18px,字体粗细为400;后代为h2标签时,h2的下外边距为0.34em,字体大小为16px,字体粗细为400; 后代为h3标签时,h1的下外边距为0.34em,字体大小为15px,字体粗细为400;

    WeUI
  • 单页开发

    function Router() { this.routes = {}; this.currentUrl = ''; } Router.prototype.route = function(path, callback) { //route 存储路由更新时的回调到回调数组routes中,回调函数将负责对页面的更新 this.routes[path] = callback || function() {}; }; Router.prototype.refresh = function()

  • Js数据类型判断

    数据类型判断:1.typeoftypeof有两种写法:分别是typeof xxx和typeof(xxx);实例:     typeof 2      输出 number     typeof null    输出 object     typeof undefined 输出 undefined     typeof '222' 输出    string     typeof true 输出 bool

  • Vue学习笔记(一)

    Vue介绍:Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,所有东西都是响应式的;Vue 的另一个重要概念是组件系统,它允许我们使用小型、独立和通常可复用的组件构建大型应用。Vue兼容性:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScr

    Vue入门
  • Vue项目

    1.Bootstrap布局内容不需要充满屏幕,所以使用了container容器。为了后续能够合理的开发,以及后期的修改和添加,将页面分成上(推荐商品列表)下(购物车列表)两层。每层里面再分头部、主体、底部,整个静态页面的布局思路就是将内容细分。方便修改和添加内容,将修改的区域合理的控制,而不会影响全局。推荐商品列表和购物车列表都使用栅格系统布局,能够合理的展示商品信息。2.Vue渲染数据使用数组对象存储推荐商品信息,因为页面推荐商品信息展示有两个区域,所以使用计算属性将数组通过下标分成两份。当用

    Vue
  • VueJs中一些需要注意的点

    1.给router-link绑定事件在vue-router中要使用<router-link>标签写入路由,在浏览器渲染的时候会把<router-link>标签渲染成<a>标签,有时候需要为<router-link>注册事件,对于一般的html元素,直接使用@click="Fun"即可,但是对于<router-link>,像普通html元素那样注册事件后并不管用,需要添加.native才会成功注册实例代码:         <!-- 未添加.native的点击事件,点击事件无效 -->

    Vue
  • 微信小程序(商城)

    前言:最近写的一个商城微信小程序,总结一些在项目当中遇到的问题,希望能帮到有需要的同学,也让自己加深印象。1、首页 效果图:实现效果:1-1.顶部固定轮滑列表使用微信小程序原生组件<scroll-view>‘scroll-x’ 定义横向滚动,使用 ‘position: fixed; top: 0px;’ 固定到顶部,设置 ‘white-space: nowrap;’ 使内容在一行显示1-2.轮播图使用微信小程序原生组件<swiper>‘indicator-dots’ 显示面板指示点,‘autop

    微信小程序