- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue-cli5中实现px默认转换成em
安装淘宝镜像 cnpm (非必装，网络慢的情况可安装)npm install -g cnpm --registry=https://registry.npm.taobao.org一、导入postcss-pxtoremnpm install postcss-pxtorem二、导入autoprefixernpm install autoprefixer在config.js中配置与之前版本区别多了一个postcssOptions，在vue-cli5之前默认postcss可以直接配置plugins
2022-03-28 20:18:39
1153
原创 vue3搭建步骤
一、环境搭建1、安装node.js下载地址：https://nodejs.org/安装成功结束如何检查是否安装成功和版本打开cmd 输入 node –v 如果没有出现，可以重启电脑再试一下注：若要使用 Vue CLI 3，需将 Node 版本升级至 8.9 及以上。2、全局安装vue-cli3.0脚手架卸载：如果已经全局安装了旧版本的vue-cli(1.x 或 2.x)，需要先卸载：npm uninstall vue-cli -g安装：也是在cmd中输入命令 npm install -g @
2022-03-28 20:03:34
606
原创 公众号内ios上传视频，触发不了loadedmetadata事件，导致duration时长获取不到
现象描述ios系统通过在浏览器或者H5页面打开上传视频都可以正常触发loadedmetadata事件，但是嵌入公众号里面，事件获取不到导致时长无法监听，从而无法限制上传视频大小，如上传时长大的视频导致速度极慢，影响用户体验。解决方案因为只有当audio的play触发事件，才可以监听到duration，所以我们需要默认播放音频，但是注意的需要及时暂停这时候我们再去通过loadedmetadata事件获取时长，我这边是限制15秒的视频，大家可以根据自己业务场景自己限制...
2022-03-28 19:57:08
3008
原创 bootstrap全局样式规范
特点1：码整洁2：风格统一：3：美观简要下载官网；点击下载；解压缩方式: 安装 node 安装 npm 使用命令行工具； npm i bootstrap --savebootstrap 文件目录css 是 bootstrap 样式库；可以通过使用类名形式显示样式js 是 bootstrap 逻辑代码 现阶段不要气；只要求会使用fonts 存放boots...
2019-09-06 01:10:41
132
原创 在css中寻找bug方法
常见错误1：排错方式：根据知识点根据业务逻辑来排错明确浏览器解析的顺序 标签 —>css------>js页面什么都没有：证明没有标签或者标签位置写错了；页面上没有样式证明选择器没有选中页面上没有动态交互，要么没交互属性，要么交互属性值绑定不对。找错方法核心：根据自己所掌握的知识点进行排错，目前css错误错误原因；1.写了代码没有效果2.查看浏览器控制台，看ht...
2019-09-06 01:07:24
126
原创 媒体查询语法及基础
媒体查询1.语法结构@media 媒体设备 and （条件）{ 选择器{ 属性：值； }}-@media 表示媒体查询-screen 表示查询设备；媒体设备是个变量，在什么设备下就使用什么值 speech 阅读设备 all所有设备 screen 电脑手机平板-and 链接符号；并列条件-（屏幕条件）-max-width：230px 在230px以...
2019-09-06 01:05:30
1375
原创 css命名规范
不能用什么命名？1：不能中文命名2：不能中英混合3: 不能直接使用css属性明敏4： 不能单独切直接使用html命名命名规则-驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写例如 ： zhangfei下划线命名 zhang_Fei连接符明明哥 zhang-Fei1: 命名可以按照页面结构；分割结构进行命名2：可以按照页面中内容进行命名；3：命名规范汇总...
2019-09-06 01:03:16
175
原创 js轮播图
轮播图 function getEl(str) { if (str.charAt(0) === "#") {//#开头的作为Id处理 return document.getElementById(str.replace("#", "")); } else if (str.charAt(0) === ".") { ...
2019-09-06 00:55:03
97
1
原创 THIS指向详解
例题var name = “张三”；var obj = {name:“李四”,sayHello:function(a,b){console.log(“你好,”+this.name,a,b);}}obj.sayHello(10,20)obj.sayHello.call(window,10,20);obj.sayHello.apply(window,[10,20]);var f...
2019-09-06 00:49:57
82
原创 jQuery入门
jquery认识jquery：是一个js的脚本库；可以简便的实现js DOM遍历、操作、事件处理、动画、ajax等操作。优势：尺寸小、支持CSS3选择器、跨浏览器 。jquery用法引入jQuery后，全局域会添加变量$(或者jQuery)。调用$();参数是选择器 (css1~3,jquery自己添加的选择器)返回值是一个Object(jquery对象)该对象中包含...
2019-09-06 00:49:02
60
原创 弹性布局
弹性布局详解弹性布局特点1.display:fixed优点：可以解决复杂的布局问题 缺点IE不兼容弹性布局改变是父容器的布局方式；有默认的流逝布局变为弹性布局简洁改版子元素的属性；块变为行内块弹性布局属性2.flex-direction:row确定主轴方向为水平方向，起点在左边，布局方向从左往右；3.flex-direction:row确定主轴方向为垂直方向，起点在上沿，...
2019-08-10 20:26:01
1455
原创 position属性中定位的研究
位置属性 position1.position: static静态位置属性，该属性不脱离文档流。2.position: relative相对定位 ： 相对自身起始位置进行定位； 自身脱离了文档流。定位后原来的位置不被其他元素所占据应用：适合用于元素微调3.position: absolute相对祖籍元素中具有 position 属性的元素,且值不是static的元素，进行绝对定位...
2019-08-10 19:43:47
114
原创 css样式中浮动详解
浮动属性：float1.浮动主要分为左浮动和右浮动分别为float: left; float: right。每一次浮动后元素本身脱离文档流，原来的位置被其他元素所占据如果在同一个父元素中，目标元素回占据一个浮动后位置。注意：但是浮动只能是子元素在容器中进行位置移动。如果父容器剩余宽度不能容纳两一个子元素，那么就换行。目标元素的浮动范围：父容器2.当同一位置多个元素；具有浮动属性的元素；...
2019-08-10 19:35:25
1056
原创 盒子模型
盒子模型的概述盒子模型1.组成元素： magin 边框与其他盒子的距离 magin变大 盒子不会变化，盒子与盒子之间的距离会变大padding 是边框与内容区域的距离 标准盒子 padding变大 盒子变大border 盒子的边框content 标准盒子 为 width 和height2.IE盒子：content = width - padding-left - paddin...
2019-08-10 17:55:08
60
原创 浅析css基础语法
css语法语法结构组成1.基本语法：选择器{属性：值；}选择器作用：对选中的标签进行样式的美化；属性的作用：对选择器中哪些属性的美化；属性值的作用：对属性美化样式的程度。css选择器1.元素选择器html标签； 选中所有对应的html标签.class 选中素有具有class行内属性的标签#id 选中所有具有id 行内属性的标签，*选中所有元素id 与 ...
2019-08-10 16:54:40
94
原创 前端小白必备html以及css基础理论
认识html什么是html？1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)2. HTML 不是一种编程语言，而是一种标记语言 (markup language)3. HTML 使用标记标签构建网页页面，而且浏览器也可以解析html文件html标签1.html标签都是由尖括号包裹的，比如2.在html中，所有的标签形式都是以成对出现，第...
2019-08-10 16:35:29
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人