qq_36392571的博客

原创 埋点方法（2021-9-7）

1、通过对组件打标签获取它的点击事件function clickMethod (el) { console.log(el)}vue.directive('buriedPoint',{ bind: function (el) { el.addEventListener('click',clickMethod,true) }, unbind: function (el) { el.removeEventListener('click',clickMethod,true)

原创 git 使用

1、commit之后撤回 ：git reset --soft HEAD~1

原创 JSX $scopedSlots

原创 micro task(微任务队列） 与 macro task（宏任务队列）

micro task:Promise MutaionObserver\macrotask:setTime serImmediate postMessage MessageChannel处理流程：

原创 flutter 按钮固定底部和键盘弹出问题

需求：按钮固定底部，键盘弹出，不能覆盖输入框，并且能滚动页面。解决方法过程：方案一：resizeToAvoidBottomPadding: false, //输入框抵住键盘结果：点击最底部输入框被键盘覆盖。方案二：使用界面变化的观察者WidgetsBinding.instance.addObserver(this) @override void didChangeMetrics() { super.didChangeMetrics(); Widget

原创 边框波浪实现

.back::after{ content: ''; position: absolute; top: -10rpx; bottom: 0px; left: 0; width: 100%; height: 20rpx; background: radial-gradient(circle, #AADDF8, #AADDF8 20rpx, transparent 22rpx); background-size: 40rpx 44rpx;}radial-gradie.

原创 react connect

使用装饰器，要安装Babel 7以上：npm install @babel/plugin-proposal-decorators --save-dev [ "@babel/plugin-proposal-decorators", { "legacy": true } ] eslint.js "parserOptions" : { "ecmaFeatures": { "legac...

原创 2020-11-18

1、prop-types使用问题注意大小写

原创 使用redux简单例子

1、action.js2、reducer.js3、store.js4、index.js5、使用

原创 git commit 提交失败

git commit 之后提示原因：对项目进行git 操作的时候，会调用到pre-commit的插件，它对代码风格进行检查，不符合规范则取消commit 操作，导致无法push。解决方案：方案一：git commit --no-verify -m '***'方案二：、删除 .git>hooks>pre-commit文件...

原创 github 同步更新代码

git remote -v (查看远程信息）git remote add upstream git@github.com:xxx/xxx.git （添加远程仓库）git fetch upstream （从远程仓库更新同步代码）git merge upstream/master （合并到本地仓库）git pull origin master （更新并合并自己远程仓库的代码）git push (向自己的远程仓库推送同步源仓库后的代码）（删除远程仓库）：git reomte remove 仓

原创 element label 两端对齐

原创 安装Android Studio

运行flutter dector:出现这个问题1、打开setting ,下载sdk,再sdk目录下是否有tools文件2、进入网站下载，解压到sdk目录下。

原创 创建自定义类型方式

1、 构造函数和原型函数function Money(value,name,count){ this.value = value; this.name = name; this.count = count;}Money.prototype = { constructor:Money, getMoney : function(){ ret...

原创 递归算法

1、使用函数内部属性属性：callee,指针，指向arrguments对象所在的函数。function funi (n){ if( n <= 1) return 1; return n*arrguments.callee(n-1)}funi(8);待续

原创 canvas

1、获取canvas元素，let canvas =document.getElememtById();2、取得上下文，let context =canvas.getContext("2d")3、fill(填充）、stroke(绘制边框）4、fillstyle(填充图形的样式） strokeStyle(图形边框的颜色）5、lineWidth：线宽6、绘制矩形（...

原创 Macrotask与Microtask

https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/

原创 全局属性

1、contentEditable ：主要功能是允许用户编辑元素中的内容。2、isContentEditable ：主要功能是允许用户编辑元素中的内容。3、designMode ：指定整个页面是否可以编辑。可编辑时，页面上任何支持contentEditable属性的元素都变成可编辑状态。元素只能在js中控制，该属性有两个值“on" "off"。...

原创 HTML5新增元素

一、结构相关：1、<section></section> ：表示页面的一个内容区块：章节、页眉、页脚、页面中的其他部分。 当需要被直接定义样式或者通过脚本定义行为时，推荐使用div。 不推荐没有标题的内容使用section。 作用是：对页面上的内容进行分块，或者对文章进行分段。2、&...

原创 消息队列发送数据

common.jswx.js

原创 vue directives ---- textarea 局部方法

<textarea v-enter-number></textarea>directives:{ 'enterNumber': { inserted(el){ el.addEventListener("keypress",function(e){ ...

原创 isPrototypeOf 和 istanceof 的 区别

（1）、isPrototypeOf 语法：对象.isPrototypeOf (实例对象） 作用：检测对象是否是实例对象的原型对象 注意：Person在创建实例对象之后，更换prototype。 （2）、instanceof...

原创 原型链

__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型（1）、构造函数的原型对象也是对象，所以它有自己的构造函数，相对应的构造函数也有自己的原型对象（2）、构造函数也是对象，也有自己的自己的构造函数，相对应的构造函数也有自己的原型对象构造函数 Person 和 对象 p（1）、p.__proto__ ==Person.prototyp...

转载 如何在html中调用另一个html

https://www.cnblogs.com/wangyongx/p/9040058.html

原创 vue input只有输入数字和小数点且小于等于99。和自动聚焦点

我使用的input的type=number 。先将箭头给隐藏。css:html:<input type="text v-focus1 v-enter-number2placeholder="1" @keyup="changePrice($event)" v-model="discount">script:自动聚焦： Vue....

原创 如何更换checked的背景颜色

思路：把input的定位设为相对定位，通过将伪元素after设为绝对定位对input进行覆盖。.checkbox{ width: .32rem; height: .32rem; position: relative;}.checkbox:after{ position: absolute; top:0; left: 0; content: ""; widt...

原创 第二章 基本语法--操作符

我懒了，我在word 上的图片复制到这里，结果没有，我的图片又多，不想在一个个复制过来。我还是放在我的文件里面吧。操作符ECMScript操作符与众不同之处在于，它们能够适用于很多值，例如字符串、数字值、布尔值、甚至对象。不过，在应用于对象时，相应的操作符通常都会调用对象的valueOf()和（或）toString()方法，以便取得可以操作的值。4、1 一元操作符递增和递减操作符：+...

原创 第二章 基本语法---数据类型

基本数据类型：undefined、Null、Boolean、Number、String复杂数据类型：Object(本质上是一组无序的名值对组成）3、1 typeof操作符检测给定变量的数据类型结果：”undefined”---如果这个值未定义 ”boolean”---如果这个值是布尔值 ”string“---如果这个值是字符串 ”number”---如果这个值是数值 “...

原创 第二章 基本概念 --语法

1、1标识符标识符：就是指变量、函数、属性的名字，或者函数的参数。规则：第一个字符必须是一个字母、下划线（-）或者一个美元符号（$）。 其他字符可以是字母、下划线、美元符号或数字。按惯例。ECMAScript标识符采用驼峰大小写格式，----第一个字母小写，剩下的每个单词的首字母大写。1、2严格模式要在整个脚本中启用严格模式，可以在顶部添加如下代码：“use stri...

原创 第一章 在html页面使用标签

1、<script>标签1.1、延迟脚本：<script>标签定义了defer属性。相当于告诉浏览器立即下载，但是延迟执行。一个文件最好只包含一个延迟脚本且只适合外部脚本文件。 defer=”defer’。 目前HTML5的实现会忽略给嵌入脚本设置的defer属性，IE4-IE7还支持defer属性。1.2、异步脚本只适合外部脚本文件，并告诉浏...

原创 iframe子页面全屏遮罩层

这里我在百度到的思路。我有点忘记作者是谁了。当时没有保存他的路径。思路： 在主页面中添加一个遮罩层，把iframe的定位设为绝对定位， 不过这样子会把整个iframe的页面都显示在遮罩层上，所以在iframe 在加一层遮罩层，遮住内容，只留下弹框。 注意：要添加z-index,让主页面的遮罩层在上面。代码：主页面：&lt...

原创 vue 自定义组件注册click事件

click事件只有原生的组件才可以使用。而自定义的组件，如想使用click事件，可使用.native事件修饰符。

原创 css布局

一、单列布局（一）、水平居中 1、通过父级设计text-align:center，子级设置为行内块元素 display:inline-block效果图：2、通过margin:0 auto代码图：效果图：3、通过display:table 和margin: 0 auto效果图：4、通过定位来实现https://www...

原创 gulp

gulp：自动化工具。自动完成一系列重复的操作(预处理语言的编译、 js css html 压缩混淆、图片体积优化）准备工作：1、安装node.js。2、安装 gulp 命令...

原创 背景css

background-repeat:repeat:背景图像在纵向和横向上平铺。no-repeat:背景图像不平铺。repeat-x:背景图像在横向上平铺.repeat-y:背景图像在纵向上平铺.background-position:x   y1、position 后面可以跟方位名词，无上下顺2、position 如果只写方位词，另外一个默认居中。3、position ...

原创 html标签与css样式中相同功能的样式

em 和 i 倾斜 ：font-style：none(取消倾斜）                         font-style:italic(倾斜）strong 和 b 加粗：font-weight：bold(加粗 700）                             font-weight：normal(不加粗 400）    u 和ins 下划线：text-...

原创 css字体样式属性

1、font-size:字号大小       相对长度单位：em(相当于当前对象内文本的字体尺寸)、px(像素）        绝对长度单位（使用比较少）：in（英寸）、cm(厘米)、mm(毫米)、pt(点)2、font-family:字体      中文要加英文状态下的引号，英文字体中包含空格、#、$必须加引号。3、font-weight:字体加粗normal（正常）、b...

原创 css基础选择器

1、标签选择器（元素选择器）   标签名{属性1：属性值1}或者   元素名{属性1：属性值1}2、类选择器   .类名{属性1：属性值1}    多类名选择器：样式效果跟HTMl元素的类民航先后顺序没有关系受CSS样式书写的上下顺序有关。3、id选择器  #id名{属性1：属性值1}4、通配符选择器（使用较少）   *{属性1：属性值1}...

原创 html标签下

1、表格标签：&lt;table cellspacing=””(单元格与单元格的距离） align=’center’(水平居中） border=’1’(表格边框）cellpadding=’’(内容距离单元边框的距离）&gt;&lt;caption&gt;表格标题&lt;/caption&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;//表头单元格改为&lt;t...

原创 html标签上

html标签（上）1、标题标签：&lt;h1&gt;&lt;/h1&gt;2、段落标签:&lt;p&gt;&lt;/P&gt;3、水平线标签：&lt;hr /&gt;4、换行标签：&lt;br /&gt;5、盒子：div、span（可同行）6、文本格式话标签：加粗：&lt;strong&gt;&lt;/strong&gt;、&lt;b&gt