weixin_46172421的博客

原创 rem、实现项目对不同设备的展示适配

“ ”

原创 css 设置四边阴影盒子

左上角右上角左下角右下角。

原创 CSR、SSR是什么？

SSR是处于CSR与SPA应用之间的一个折中的方案，在渲染首屏的时候在服务端做出了渲染，注意仅仅是首屏，其他页面还是需要在客户端渲染的，在服务端接收到请求之后并且渲染出首屏页面，会携带着剩余的路由信息预留给客户端去渲染其他路由的页面。客户端收到HTML结构，开始渲染HTML，执行JavaScript，渲染template,渲染完成后,再进行数据请求,获取数据，完成最终渲染。2.CSR: SPA单页面应用优秀的用户体验，逐渐成为了主流，页面整体式javaScript渲染出来的，称之为客户端渲染CSR;

原创 Ajax、url编码、JSON序列化等等

其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。url编码的原则:使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符，url编码原则的通俗理解：使用英文字符去表示非英文字符。好的接口文档包含了对接口URL，参数以及输出内容的说明，参照接口文档就能方便的知道接口的作用，以及接口如何进行调用。get请求本质上，都是直接将参数以查询字符串的形式，追加到 URL 地址的后面，发送到服务器的。

原创 git分支（本地操作&远程操作分支）

总结:1、创建本地分支（No.6）2、切换本地分支（No.7）3、本地分支的快速切换和创建 (No.8)4、合并本地分支 (No.9)5、删除本地分支 (No.10)6、遇到冲突时的分支合并（No.11）7、将本地分支推送到远程分支 (No.12)8、查看远程仓库中的所有分支列表（No.13）9、跟踪分支,（拉取新的远程分支）（No.14）10、删除远程分支（No.16）11、查看git 远程仓库地址（No.17）

原创 git入门笔记一（基本操作篇）

1、git中的三个区域？（No.1）2、git工作区中文件的四种状态？（No.7）3、如何以精简的方式显示文件状态?(No.10)4、如何想缓存区中一次性添加多个文件(No.16)5、如何取消暂存的文件 (No.17)6、如何跳过使用暂存区域 (No.18)7、从git 仓库中移除文件的方式两种 (No.19)8、忽略文件格式的匹配模式（No.20，No.21）9、查看历史提交记录，并且以自定义形式输出 (No.22)10、在一行上展示所有提交历史（No.23）

原创 uniapp基础知识-阅后总结

uniapp个人记录

转载 vue3 笔记

什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

转载 vue2 笔记

16.收集表单数据

原创 盒子的偏移尺寸

原创 使用ref实例时，dom节点不能使用v-if

Cannot read properties of undefined (reading ‘setInfo’)使用refs调用子组件的方法，由于使用v-if导致节点不存在，所以无法获取实例，就会导致报错。解决方案：使用v-show。end去你想去的地方做你想做的事吧...

原创 js数组对象表达式判断父元素是否存在

js数组对象表达式不数据能嵌套多层。原因:在前端页面中后端返回 的数据嵌套在太深，在模板语法中使用会报错，因为父级元素不存在,子元素在表达式中会出现undefined，导致报错。解决方案使用三元运算符判断父元素是否存在即可解决;图凑合着看哈哈。end面朝大海,春暖花开。...

原创 关于vue的组件

script > 包含组件中所有的非显示逻辑， 最重要的是， < script > 标签需要默认导出一个 JS 对象。 该对象是您在本地注册组件、 定义属性、 处理本地状态、 定义方法等的地方。在构建阶段这个对象会被处理和转换（ 包含 template 模板） 成为一个有 render() 函数的 Vue 组件。end君不见,黄河之水天上来...

原创 JavaScript 模块导入导出

1.分别导出export const learn = 'javaScript 模块化'export function modulesLearn() { return learn + '学习'}2.一个更方便的方法导出所有你想要导出的模块的方法是在模块文件的末尾使用一个export 语句语句是用花括号括起来的用逗号分割的列表export { fan, name }3.默认导出 export default4.重命名导入在你的 import 和 export 语句的大括号中，可

原创 vue2——this.$emit两种方式传值更新（组件父子传值）

this.$emit两种方式传值更新1.父组件使用.sync方式传值子组件1.1 子组件使用$emit update方式更新2.子组件定义自定义事件带参的形式,父组件调用自定义事件,参数修改2.1子组件定义自定义事件，带参数。2.2父组件调用自定义事件。感谢记录，感谢各位，欢迎补正。end人与人的缘分总是长长短短~...

转载 JavaScript提高代码效率方法

1.过滤数组中为false的值let arr = [1,2,3,'',5,'',false,null,undefined]let log = arr.filter(Boolean)log:[1, 2, 3, 5]filter: 过滤，重新返回过滤返回符合条件的值Boolean:布尔判断，返回true或false2.声明和初始化数组Array:声明数组fill：填充数组的值map: 重新返回经过方法处理后的值的新数组一维数组填充数组元素,内容为'',空字符串let array =

原创 日期选择框赋值格式错误-`value` provides invalidate moment time. If you want to set empty value,

1.遇到的报错warning.js?2149:7 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead.2.使用v-model绑定默认值赋值方式，报错就发生在这里！ this.timeForm[0] = moment(this.timeForm[0]).format("YYYY-MM-DD");

原创 vue activated，deactivated生命周期的使用

1.当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。2.activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等3.deactivated：当离开组件时，停止使用时调用，可清楚定时器。4.created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；问

原创 vue - 事件修饰符-键盘修饰符-鼠标修饰符

事件处理（通过v-on监听 DOM 事件，并在触发时运行一些 JavaScript 代码）$event作为参数 传入方法可以访问原生事件对象1. 事件修饰符阻止冒泡:event.preventDefault()和 event.stopPropagation()，在 方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。1.stop(阻止冒泡继续传播 ), 2. prevent(**拦截默认事件**), 3. capture(先执行父级方法,再执行子级方法),4.self(只执行子级本身的函数),4.

原创 开发中的深拷贝JSON方式

问题：表格中的单条数据需要修改—修改就必须回显。回显传值不是根据id去请求单条数据的值，而是通过插槽record的方式,将此条数据传值2.问题就是出现在这里，如果在修改弹框中，删除数据的话，按取消，会影响到表格的数据也被删除出现问题的原因的因为数据引用的是同一个内存地址。使用浅拷贝也无济于事，还是会出现此类问题。3.使用JSON方法将对象深拷贝。问题就解决了4.递归的方式也可以实现深拷贝最后语不惊人死不休———杜甫end（完）...

原创 按钮点击优化（防止重复发送请求）

需求：点击的过程中需要loading效果禁用是防止加载过程中重复点击（三元运算符实现）1.loading效果通过切换图标的方法实现2.禁止是在加载过程中为true触发，点击时触发为true切换请求结束切换为false—————————————————————————————————————————————————————————————3. 导出功能需要location.href方法（六种）self.location.href="/url" 当前页面打开URL页面location.

原创 v-bind动态修改样式

v-bind 绑定style+配合模板字符串width变量，在methods方法中修改width变量的值即可最后很喜欢的一句话因为知识青年容易神经衰弱，睡不着，醒不来。一定要规定九小时睡眠时间。要下一道命令，不要讨论，强迫执行。我给青年们讲几句话，一祝贺他们身体好，二祝贺他们学习好，三祝贺他们工作好。来自《选集第五卷》end（完）...

原创 ant design 条件搜索收集参数方法

学习目标：条件搜索收集参数方法学习内容：1.封装一个方法,将参数收集放在对象里面，返回参数对象2.点击搜索时触发 事件，定义 query 变量 接受参数对象，将query传入请求方法3.请求方法 形参query默认是空对象3.1 使用…剩余运算符接受形参中的对象。希望钱可以跟难过一样多...

原创 input输入框校验的方式

输入框校验是日常开发中必不可少的，JavaScript也是因为校验而起步出名的。校验方式1，通过ant design的表单校验rules校验规则实现（详情看文档） v-decorator="[ 'note', { rules: [ { pattern: /^[\u0391-\uFFE5A-Za-z]+$/, .

原创 父组件嵌套子组件表单（新增修改）三种写法

子组件表单是新增表单或修改表单的话，有三种写法。1.将确定按钮放在子组件的方式，请求方法写在子组件每次新增或修改时,在子组件进行操作。1.1 在点击确定的同时校验，校验通过的话可以进行请求，请求成功通过**$emit的方式通知父组件 刷新表格数据**，关闭子组件弹窗。2.将确定按钮放在父组件，子组件只有表单,请求方法写在子组件（这种方式可以有两种，另外一种方式下面在写）2.1 将校验请求方法写在子组件中，通过ref调用子组件的方法,进行校验,如果校验成功则发送请求，然后通过ref调用子组件的方法,

转载 JS比较两个时间的时间差

预告声明转载文有空给原作者点个赞呀！JS比较两个时间差链接

转载 如何配置vue.config.js文件

原文转载如何配置vue.config.js

原创 js 基础（二）

一，比较运算符，进行数据的比较关系运算有八种1.关系运算符：八种 - >：大于，左边大于右边 - <：小于，左边小于右边 - >=：大于等于，左边大于或者等于右边 - <=：小于等于，左边小于或者等于右边 - ==：等于，左边等于右边 - !=：不等于，左边不等于右边 - ===：全等，左边等于右边且类型一致

原创 JS基础 (一)

一. src 引入问题<scriptsrc="">alert('来打我啊');//没有执行：script有src属性：系统认为一定是去外面找</script>二. alert 输出问题alert(1);//任何数据类型被alert转换后，都会成为字符串三.字面量//字面量直接量，所看到的数据就是字面量//字面量一般不会单独使用：都是要结合存储：变量才能进行其...

原创 新技能记录-关于data对象

1.vue在实例化的时候, 会对data对象中的每一个属性, 去做数据跟踪但是在写业务逻辑时, 会有很多的属性其实在视图层根本 用不到, 但是这个属性在下面的methods的方法中会用到, 比如下面的代码:export default {data () {return {title: ‘xxx’, // 这个属性需要在视图层用到, 需要加上数据跟踪loginStatus: false, // 这个属性在视图层用不到, 但是在methods的方法中要用来改变和作为判断条件, 根本不需要加入数据跟踪

转载 重看HTML

HTML 代码规范使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母：混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。小写字母容易编写。URL - 统一资源定位器Web浏览器通过URL从Web服务器请求页面。一个统一资源定位器(URL) 用于定位万维网上的文档。scheme - 定义因特网服务的类型。最常见的类型是 httphost - 定义域主机（http 的默认主机是 www）domain - 定义因特网域

原创 ant design of vue form表单使用

1,.表单布局部分通过a-row（表示行） 默认gutter为8,a-col（表示列）sm >= 576px，md >= 768px，lg >=992px，xl >= 1200px，xxl >= 1600px <a-form layout="horizontal" :form="searchForm" :labelCol="{ span: 5 }" :wrapperCol="{

原创 两日感悟—开发习惯

先说缺点1.没有根据原型，ui图进行1:1开发,细节不够好2.看接口文档没有耐心的，没有详细看路径，请求方式，参数，返回的数据2.1 只是一昧地想着请求成功拿到数据渲染上去，而没有详细的思考数据与需求的一些细节到底符不符合。3. 需求没有思考到全面，功能不够完善4. 后端联调沟通不够好，消极的态度。5.看技术的官方文档不够耐心，太浮躁了6,开发不能急，越急越慢，要相信自己的能力7.命名习惯不好！命名规范整齐划一8.css基础不好，捡回来！解决缺点：1.在布局的时候就应该解决ui所有的问

原创 开发踩坑实录——重在学习

1.确认ui图，根据ui图实现网页的基本布局。2.对接接口，请求拿数据进行功能开发。3.进入项目需要进入 .env.development 确认基本路径修改服务器路径记得重启项目喔4.axios（ajax）请求参数注意4.1 get参数是放在url路径上面的 使用 param4.2 post参数是放在请求体里面的 使用 data4.3 注意参数大小写问题 keyWord接口一定严格按照标准看好接口文档成功一半5.svn提交一定不要心急，一定要写注释，不写注释是一个坏习惯，

原创 vue.js 毫秒时间转换方法

1.时间转换添加至过滤器中millisecond 为毫秒数 filters: { formDate: (millisecond) => { let time = new Date(millisecond); let month = time.getMonth() + 1; //国际与国内区别 let date = time.getDate(); let hours = time.getHours(); let minutes