随笔分类 - 前段相关
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p:nth-child(3n-2) { background:#ff0000; } p:nth-child(3n-1
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .top { margin: 15px; } .main { width: 100%; height: 1000p
阅读全文
摘要：突然有这么个需求，变量列表，索引现实为中文 const toChinesNum = (num) => { let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零" let unit
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>MJ 404模板</title> <style> *, *:after, *:before { box-sizing: border-box; } html { backgroun
阅读全文
摘要：value.replace(/\s+/g,'') 如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串
阅读全文
摘要：vuetifyjs官网 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initia
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="deng-box denglong"> <div class="deng">
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device
阅读全文
摘要：自定义指令 自定义focus const focus = { inserted: function(el){ el.focus(); } } export default focus; <input type="text" v-focus /> 自定义test import Vue from 'vu
阅读全文
摘要：###目标 1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由，动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例 ###1.路由的概念 路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的
阅读全文
摘要：接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务
阅读全文
摘要：组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代 组件注册 全局注册 Vue.component('组件名称', ) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件基础用 <div id
阅读全文
摘要：Vue常用特性 表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中
阅读全文
摘要：Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style ty
阅读全文
摘要：移动端WEB开发之响应式布局 1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： + 小于768的为超小屏幕（手机） + 768~992之间的为小屏设备（平板） + 992~1200的中等屏幕（桌面显示器
阅读全文
摘要：rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 rem的优势：父元
阅读全文
摘要：移动web开发——flex布局 1.0传统布局和flex布局对比 1.1传统布局 + 兼容性好 + 布局繁琐 + 局限性，不能再移动端很好的布局 1.2 flex布局 + 操作方便，布局极其简单，移动端使用比较广泛 + pc端浏览器支持情况比较差 + IE11或更低版本不支持flex或仅支持部分 1
阅读全文
摘要：移动web开发流式布局 视口 视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 理想视口 ideal viewport 为了使网站在移动端有最理想的浏览和阅读宽度而设定 理想视口，对设备来讲，是最理想的视口尺寸 需要手动添写meta视口标签通知浏览
阅读全文
摘要：基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片，设置初始化样式 2. 利用盒子，定位盒子的位置，设置li的宽和高 3. 设置span的小高度，设置span的伪元素跟span一样大小，并且左下角对齐，宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1.
阅读全文
摘要：第三天 一、 认识 转换 1. 的特点 近大远小 物体和面遮挡不可见 2. 三维坐标系 x 轴：水平向右 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 注意：往外边的是正值，往里面的是负值 二、 转换 1. 转换知识要点 位移： 旋转
阅读全文
浙公网安备 33010602011771号