自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(83)

原创 引用weui-css库,ios情况下按钮按下状态无效问题

解决方法:给body加一个ontouchstart空事件即可解决。<body> <a href="javascript:" class="weui-btn weui-btn_default">测试按钮active</a></body>

2020-10-20 16:38:39 7

原创 DOM基础(1)-EventTarget接口认识以及实现原理

MDN链接:https://developer.mozilla.org/zh-CN/docs/Web/API/EventTargetEventTarget接口实现代码:// TEventvar TEvent = function () { this.listeners = [];}TEvent.prototype.listeners = null;TEvent.prototype.add = function(type, callback) { if (!(type i

2020-08-18 11:13:39 31

原创 SPA单页面应用在微信浏览器中的问题

Q1. 使用微信浏览器复制链接功能只能复制第一次进入页面的地址A1:// -- App.vue 入口组件watch: { // 监听路由变化 '$route' (to, from) { // 微信分享 if (to.meta.share) { this.$weixin.changeUrl(); if (to.meta.share == 'auto') { this.$weixin.wxfx();

2020-07-23 16:42:31 39

原创 tsconfig部分配置

{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不到的代码错误。 "allowUnusedLabels": false, // 不报告未使用的标签错误 "alwaysStrict": false, // 以严格模式解析并为每个源文件生成 "use strict"语句 "baseUrl": ...

2020-05-03 00:55:13 107

原创 vscode常用插件

Auto Rename TagBEM HelperBracket Pair ColorizerCode RunnerDracula ThemeESLintHTML CSS SupportHTML SnippetsjQuery Code SnippetsLive ServerPath IntellisensePrettier - Code formatterVeturVi...

2020-04-30 16:48:57 44

原创 prettier的配置参考

/* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab,使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.si...

2020-04-30 15:02:52 271

原创 mui的坑-个人建议不要用mui任何东西

千万不要用弹出窗一类的api,ios有问题

2020-03-26 15:03:04 941

原创 jquery表单开发常用函数-包括radio单选框单击取消选择事件

jquery表单开发常用函数// 获取指定name控件的值function getNameVal(attr_name, parent) { var els; if (parent) { els = parent.find('[name=' + attr_name + ']'); } else { els = $('[name=' + attr_name + ']'); } ...

2020-03-25 13:30:49 102

原创 Vue相关

Vue移动端框架: https://youzan.github.io/vant/#/zh-CN/introVue资源库:https://github.com/vuejs/awesome-vue ; https://github.com/vuejs/awesome-vue#components–librariesVue通用应用框架: https://zh.nuxtjs.org/Vue-cli官...

2020-03-08 10:56:43 43

原创 移动端vue开发的坑(转载)

https://blog.csdn.net/m0_37036014/article/details/81232648https://www.cnblogs.com/lgl1209/p/10001573.htmlhttps://juejin.im/post/5c0490ef51882524cb6f5652https://blog.csdn.net/liangcha007/article/det...

2020-03-08 10:54:34 91

原创 iis跑node

参考链接:https://www.cnblogs.com/aieceo/p/7906640.htmlhttps://blog.csdn.net/weixin_30456039/article/details/98001766https://www.cnblogs.com/mengkzhaoyun/p/5414501.html

2020-02-18 08:51:20 73

原创 移动端video标签兼容写法

```javascript{ key: 'webkit-playsinline', val: 'true' }, { key: 'playsinline', val: 'tr...

2020-02-14 11:02:00 473

原创 webpack学习(一):webpack基础环境-版本一(添加第一版配置文件2020.02.14)

webpack环境-版本一第一阶段webpack环境搭建步骤:第一步// npm init 初始化项目package.json// npm i webpack webpack-cli -D 安装webpack和webpack命令行工具第二步:创建项目目录结构,可适用于多页面开发+src 源码文件 +assets 静态资源目录 +css 公共css +img...

2020-02-12 19:58:32 67

原创 CSS-选择器(2)-伪类和伪元素

CSS-选择器(2)-伪类和伪元素::表示法是在CSS 3中引入的,::符号是用来区分伪类和伪元素的。支持CSS3的浏览器同时也都支持CSS2中引入的表示法: 。 IE8仅支持: 。1. 伪元素after: 在匹配元素的最后插入一个子元素before: 在匹配元素的最前面插入一个子元素placeholder: 控制placeholder的样式selection: 控制文本选中的样式,...

2020-02-07 23:24:23 44

原创 CSS-选择器(1)-基本

CSS-选择器(1)-基本1. 基本选择器1. 元素选择器 elementname(元素名称)2. 类选择器 .classname(类名)3. ID选择器 #idname(ID名)4. 通配选择器 *号(性能低,慎用)5. 属性选择器 [属性=值] 1. [[*attribute*\]](https://www.w3school.com.cn/cssref/selector_att...

2020-02-07 11:15:58 31

原创 CSS-视觉格式化模型

MDN:视觉格式化模型链接地址

2020-02-06 20:24:47 38

原创 CSS-可替换元素

CSS-可替换元素1. 概述​ 可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。​ 简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如iframe元素,可能具有自己的样式表,但它们不会继承父文档的样式。​ 可替...

2020-02-06 20:22:14 181

原创 CSS-层叠上下文

CSS-层叠上下文文档中的层叠上下文由满足以下任意一个条件的元素形成:文档根元素(html);position 值为 absolute(绝对定位)或 relative(相对定位)且 z-index 值不为 auto 的元素;position 值为 fixed(固定定位)或 sticky(粘滞定位)的元素(沾滞定位适配所有移动设备上的浏览器,但老的桌面浏览器不支持);fle...

2020-02-06 17:29:49 33

原创 CSS-包含块

CSS-包含块1. 概述一个元素的尺寸和位置经常受其包含块的影响。大多数情况下,包含块就是这个元素最近的祖先[块元素](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements)的[内容区](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Mod...

2020-02-06 16:41:22 48

原创 CSS-盒模型

CSS-盒模型1. 概述​ 盒模型由四个部分组成:内容区域、内边距、边框、外边距。​ 四个区域相对应的是四个边界:内容边界、内边距边界、边框边界、外边框边界。​ 可通过box-sizing控制盒子区域。​ 除可替换元素外,对于行内元素来说,边框和内边距仍会显示再内容周围。​...

2020-02-06 12:13:43 33

原创 CSS-块格式化上下文

CSS-块格式化上下文1. 概述​ 块格式化上下文(Block Formattiong Context, 简称BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。​ 一个独立的BFC会包含所有内部的子元素,不会影响其他元素的布局和交互。​ 基于同一个BFC内的子元素,子元素两者间会发生外边距上下折叠情况,避免此情况的其中一个方法...

2020-02-06 11:20:59 66

原创 CSS-值计算

CSS-值计算1. css属性的值的计算一共分为六种值:实际值: 一个CSS属性的**实际值(actual value)**是应用值(used value)被应用后的近似值 。例如,一个用户代理可能只能渲染一个整数像素值的边框(实际值),并且该值可能被强制近似于边框的计算宽度值计算值(computed value): 一个CSS属性的计算值是指这个属性在由父类转向子类的继承中的值初始值...

2020-02-05 21:12:45 38

原创 CSS基本语法和语义

CSS基本语法和语义1. 语法/* 一组规则集的组成:选择器组合和声明块(中括号)包含的声明键值对 */body div#box { color: "red"; /* 唯一的注释方式,某些在style标签中的注释可以是用html注释方式 */}2. @规则@charset, 定义样式表使用的字符集.@import, 告诉 CSS 引擎引入一个外部样式表.@name...

2020-02-05 20:45:32 75

原创 babel入门系列之babel-cli命令行

babel-cli命令行 安装:"@babel/cli": "^7.7.7", "@babel/core": "^7.7.7", 1. -d,--out-dir [out] 指定输入目录,编译输出到指定目录 npx babel src -d lib 2. --source-maps [true,false,inline,both] 增加source map文件 ...

2019-12-24 01:12:58 261

原创 vue单页应用hash模式开发微信H5需要注意的点

使用encodeURI()只能转换空格,使用encodeURIComponent()可以转换所有特殊字符在使用vue开发微信单页应用的时候,当配置微信分享需要传参数到后台时,需要使用encodeURIComponent()转换需要分享的链接,不然axios只能获取#号前面的path,造成传入后台的分享地址和wx.config配置的分享地址不一致,会出现分享失败...

2019-12-19 11:20:02 96

原创 css3-img新属性object-fit

主要作用:图片适应设置主要值:contain 保持宽高缩放图片,使图片的长边能完全显示出来cover 保持宽高缩放图片,使图片的短边能完全显示出来,裁剪长边fill 拉伸图片,使图片填满元素none 保持图片原有尺寸scale-down 取none或contain中较小的一个...

2019-12-04 15:31:52 275

原创 关于H5插件postcss-viewport-units

不要使用它,会引起的结果:给img标签添加class,会引起ios下图片无法显示的问题

2019-11-26 17:17:23 601 1

原创 H5页面真机调试方法

微信浏览器真机调试: http://debugx5.qq.com或者使用插件vConsole

2019-11-26 16:00:02 381

原创 H5判断网络状态

var el = document.body;if (el.addEventListener) {window.addEventListener(“online”, function () {alert(“online”);}, true);window.addEventListener(“offline”, function () {alert(“offline”);}, true);...

2019-11-20 10:27:18 31

原创 Vue组件样式穿透

存在scoped的情况下,组件样式穿透使用 /deep/,在css样式名前添加即可实现

2019-11-19 17:58:39 108

原创 记录IIS下搭建Node环境

参考文章:https://www.cnblogs.com/aieceo/p/7906640.html针对win10的 https://cloud.tencent.com/developer/ask/191822https://www.cnblogs.com/zhao-yi/p/9190282.htmlhttps://www.cnblogs.com/mengkzhaoyun/p/54145...

2019-11-11 23:13:52 22

原创 html2canvas踩坑记录

要实现清晰展示基于DOM树生成海报图片的效果,基于vue-cli开发:<template> <div> <div class="share" ref="imageWrapper" v-show="generate"> <div class="main"> <div class="main__body"&...

2019-11-06 14:34:09 263

原创 vue开发微信H5,其他端能正常显示图片,ios端无法显示问题

目前解决办法:1. 不给img标签赋予任何class,给img增加父级标签包裹,样式写在父级

2019-11-04 11:37:09 881

原创 2019-10-23记录项目中前后端分离引起的SEO问题

目前最好的解决方案是 同构。vue提供的ssr解决方案是nuxt.js

2019-10-23 14:25:11 49

原创 鼠标移入移出事件区别

mouseenter:当鼠标移入某元素时触发。mouseleave:当鼠标移出某元素时触发。mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发。mouseout:当鼠标移出某元素时触发,移入和移出其子元素时也会触发。mousemove:鼠标在某元素上移动时触发,即使在其子元素上也会触发。...

2019-10-14 17:32:45 75

转载 多行文字溢出css

转载: https://www.cnblogs.com/gopark/p/8875655.html

2019-10-14 15:50:46 19

原创 ps投影转css阴影(css只支持正常模式)

“混合模式”:Photoshop提供了各式各样的混合模式,但是CSS3阴影只支持正常模式(normal)。“颜色(color)”:阴影颜色。对应于CSS3阴影中的 color 值。“不透明度(opacity)”:阴影的不透明度。对应于CSS3阴影的颜色 rgba() 中的 a 值。“角度(Angle)”:投影的角度。“距离(Distance)”:阴影的距离。根据角度和距离可以换算出CSS...

2019-10-14 15:02:33 51

原创 常见应用类型

2019-10-08 19:29:39 42

原创 音视频去掉下载按钮,去掉全屏

controlslist=”nodownload” 去掉下载按钮controlslist=”nofullscreen“ 去掉全屏按钮

2019-10-08 14:32:17 76

原创 设置网页属性-禁止右键、粘贴、复制等操作

禁止右键 οncοntextmenu=‘return false’禁止拖动元素 οndragstart=‘return false’禁止选择元素 onselectstart =‘return false’禁止输入框文本选中 οnselect=‘document.selection.empty()’禁止复制 οncοpy=‘document.selection.empty()’禁止复制到...

2019-10-08 10:47:37 128

空空如也

空空如也

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