- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 HTML5和移动端适配
标准盒模型从内到外：content-padding-border-margin-position。怪异（ie）盒模型：content包含padding和border，外面是margin。box-sizing：content-box切换标准盒模型。box-xiaing：border-box 切换怪异盒模型。盒子模型：标准盒模型和怪异模型。标准盒模型切换怪异盒模型。
2023-02-02 17:47:03
216
原创 小程序更新机制
用户下次打开时会先更新最新版本再打开。小程序每次冷启动时，都会检查是否有更新版本，如果发现有新版本，将会异步下载新版本的代码包，并同时用客户端本地的包进行启动，即新版本的小程序需要等下一次冷启动才会应用上。当用户点击右上角胶囊按钮关闭小程序，或者按了设备 Home 键离开微信时，小程序并没有完全终止运行，而是进入了后台状态，小程序还可以运行一小段时间。热启动 ：如果用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时小程序并未被销毁，只是从后台状态进入前台状态，这个过程就是热启动。
2022-12-01 10:21:53
854
原创 vue项目中主要文件的加载顺序
index.html > App.vue的export外的js代码 > main.js > App.vue的export里面的js代码 > Index.vue的export外的js代码。vue项目中主要文件的加载顺序。
2022-11-24 14:44:10
1008
原创 vue+elementUI动态清除或修改rules表单校验
(1)如果绑定的是对象，列如v-model=‘obj.one’,清除代码如下。(1)修改整个表单校验比较简单，直接this.rules=[…(2)如果绑定的不是对象，列如v-model=‘one’,清除代码如下。1.清除整个表单校验，假设表单用ref绑定名称为form。3.修改表单校验，假设表单绑定了校验规则数组rules。(2)prop绑定的不是对象的话，修改校验规则代码如下。(2)prop绑定的是对象的话，修改校验规则代码如下。2.清除单个表单元素校验。
2022-09-15 16:10:45
5048
原创 echarts柱状图每根柱子顶部自定义图标，看代码
echarts柱状图每根柱子上自定义图标，看代码。找了好多文章资源才弄出来，大家不要嫌弃，随便点个攒就好。
2022-08-04 14:26:41
2017
原创 解决使用elementUI密码输入框自带属性show-password出现的问题
前提：浏览器有缓存密码场景：一个el-form里面有一个时间框el-date-picker和一个密码框el-input，密码框使用show-password问题：当选择缓存密码时，同时有用户名和密码，会自动打开el-date-picker选择器，这只是举个例子，当然，如果密码框上个结构都有可能影响到解决办法：用多个el-form包裹这些组件就行，el-form互不影响...
2022-06-09 10:26:00
2935
原创 动态加载swiper,默认显示最后一个swiper-slide解决方案
用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:‘auto‘这条属性，加了这条属性过后，每次刷新页面的时候他总是跑到最后一张；原因：当页面还没有接收ajax数据的时候，props的list接收的是swiperList:[]空数组，swiper的初始创建是通过空数组创建的，当ajax获取数据后，swiperList变成真正的数据项，再传给子组件时，才获取到新的数据，重新渲染新数据对应的图片，因为swiper的创建是根据
2022-04-25 11:39:22
1380
原创 js正则 保留一位小数或者两位小数
<el-input v-model="number" @keyup.native="keyUp" placeholder=""></el-input>keyUp(e) { e.target.value = e.target.value .replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 .replace(/^\./g, ""); //验证第一个字符是数字而不是其它
2022-04-20 10:41:00
2397
原创 vue打印功能中echarts图表显示问题
1.如何在打印的时候加上精美的echarts图表呢？解决办法是：先把echarts图转成图片，再打印，就不会出现图表内容不好看的问题了呢注意：结构一定要改成图片，因为要显示的是图片呢2，比如这样一段结构<img src="" alt="" :id="main" style="width: 800px; height: 266px"/>3.比如这样一个图表内容，它是折线图drawChart() { // 基于准备好的dom，初始化echarts实例 var.
2021-11-05 14:46:21
1345
2
原创 vue+element-ui封装常用组件
1.在components里面创建searchBar.vue文件<template> <div> <el-form :model="data" :rules="rules" ref="ruleForm" class="demo-ruleForm"> <div class="demo-input-suffix" v-for="(item, index) in list" :key="index"> <span
2021-10-26 17:16:18
297
原创 js打开新页面的两种方式
1.点击某一个链接之后跳转到新页面显示window.open(‘http://www.baidu.com’,’_blank’);2.需要刷新当前页面或者覆盖当前页面window.open(‘http://www.baidu.com’,’_self’);
2021-10-21 19:46:24
29279
1
原创 GIT常用项目版本合并指令
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-10-13 14:34:38
294
原创 JavaScript贪吃蛇效果
要怎么做呢？代码如下：<!doctype html><html><head><meta charset="utf-8"><title>Document</title></head><body></body><script type="text/javascrip...
2020-03-15 21:20:47
160
原创 放大境效果
如何做一个放大境效果呢？代码如下：<!doctype html><html><head><meta charset="utf-8"><title>Document</title></head><style>*{ padding: 0; margin: 0; l...
2020-03-15 21:17:38
96
原创 顶部悬浮和回到顶部效果
如何做一个简单的顶部悬浮和回到顶部效果呢？代码如下：<!doctype html><html><head><meta charset="utf-8"><title>Document</title></head><style>*{ padding: 0; margin:...
2020-03-15 21:10:09
606
原创 拖拽效果
如何才能实现一个拖拽效果呢？1.给div绑定鼠标按下的事件2.在按下的事件中，再给div绑定一个鼠标移动的事件3.移动过程中，获取光标位置，计算出div需要设置的上面的距离和左边的距离4将上面的距离和左边的距离 给到 div 的top和leftcss代码如下：.box{ width: 100px; height: 100px; background-color...
2020-03-15 20:42:05
122
原创 javascript面向对象编程
如何面向对象编程？首先，你得了解什么是面向对象！面向对象：是一种编程思想，而不是一种语法面向对象：关注于对象的一种思想 - 过程的升级版 - 不关注过程 - 只关注做事情参与的对象然后，再去编程，注意面向对象不是语法，编程的时候更多的关注点在对象！如何创建对象？var obj = {};var obj = new Object();普通的对象编程// 存储张三的信息var z...
2020-03-14 21:49:05
77
原创 javascript的正则表达式
正则的产生：注册页面 - 表单 - 表单元素 - 最终需要将表单的数据提交给服务器 - js出现之前 - 服务器拿到数据需要做校验 - 对服务器的负担比较重 ，js就产生了一个专门为了校验数据而产生的一个语法-正则表达式。它除了可以校验数据，还可以提取一些想要的固定模式数据，还可以替换数据 - 替换字符串，正则表达式主要用于字符串的处理 ， 每种数据都有自己的规则 - 正则表达式来描述这个规则...
2020-03-14 21:06:26
125
原创 ES6新增的语法
es6 - ECMAScript6的版本js从来不敢说自己是世界上最好语言，js产生的时候，只用了10天就被创造出来，并且作者只是为了应付公司的任务敷衍完成的 - 本身先天性就有一些不好的地方 - 弱类型语言es1~es5 - 让自己变得强大es6 - 量变引起了质变 - 质的飞跃定义变量，在es6中新增了两个关键字 let constlet关键字1.不能重复定义let a = 1...
2020-03-14 20:02:24
100
原创 原型
任何函数天生自带一个属性叫 prototype，这个属性指向一个对象任何对象天生自带一个属性叫 proto ，指向的也是一个对象new构造函数出来的对象的__proto__属性指向的对象和构造函数的prototype指向的对象是同一个var zs = new Person();console.log(Person.prototype === zs.__proto__); // true...
2020-03-12 21:52:05
115
原创 BOM对象
BOM - browser object model == 浏览器 对象 模型BOM提供了一套操作浏览器的方法，这套方法都是使用对象来操作的window - 全局对象 - 浏览器窗口BOM的操作，都是window对象来操作的 - window的操作 - window对象BOM 对象的结构 ，由一个最大的对象，里面包含很多小对象window - navigator - 记录了浏览器的信息...
2020-03-12 21:43:04
73
原创 DOM节点操作
增删改查增 - 创建标签节点 - document.createElement - 参数要一个字符串(标签名)var div = document.createElement("div");删 - 删除节点 - 父节点.removeChild(子节点)//获取父节点 divvar div = document.querySelector(".box");var p = documen...
2020-03-12 21:17:45
107
原创 事件对象
只要有事件，就会有一个对象，用来记录事件的各种详细信息<script type="text/javascript">// 具体事件对象能做什么？var btn = document.querySelector("#btn");// 这个东西在低版本IE中有兼容性问题// 事件对象的兼容性写法btn.onclick=function(e){ var e = e || ...
2020-03-12 21:00:35
84
原创 事件委托
将自己的事件委托给别人去做 - 事件委托<script type="text/javascript">// 委托给了父亲var lis = document.querySelectorAll("li");// 点击btn添加一个livar ul = document.querySelector("ul");var btn = document.querySelector("...
2020-03-12 20:51:55
57
原创 事件冒泡是个啥子东西
事件冒泡是事件在处理过程或者事件流的一个阶段事件流总共分为3个阶段捕获阶段 - 事件在找目标元素的一个过程目标阶段 - 事件找到目标元素，执行他的事件函数冒泡阶段 - 事件在执行后，结尾事件流：事件执行的过程，3个过程：捕获阶段(在找目标元素)、目标阶段(找到目标元素并执行他的事件)、冒泡阶段(离开目标)其他元素的事件默认会在冒泡阶段执行如何阻止事件冒泡 - 其他元素的事件默认会在...
2020-03-12 20:44:44
448
原创 javascript事件侦听器是什么东西，用来干哈子
平常使用 on+事件类型绑定事件有缺陷：btn.onclick=function(){ console.log(456); }现在需要给这个事件再绑定一次btn.onclick=function(){ console.log(456); }同类型的事件，只能绑定一次。因为直接赋值会将上面的值覆盖掉解决这个问题？ - 换个绑定方式，再绑定一次有...
2020-03-12 18:56:40
1547
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人