Zhang_zhangxka的博客

原创 css补充

行级元素或者块元素或者文本元素内包含文字，那外面的文字就会和里面的进行底部对齐。如果里面的文字很大的话依然会和里面的文字地步对齐。

原创 溢出打点显示

2.行级元素只能嵌套行级元素，块级只能套块级元素。（例外：p标签不能套块级元素）1.a标签不能套a标签。

原创 float

浮动的盒子可以设置margin的值，浮动元素产生了浮动流，所有产生的浮动流的元素，只有块级元素看不到他们。产生了bfc的元素和文本类属性（带inline）的元素以及文本都能看到浮动元素。（父级包住浮动流）给需要清除浮动流的元素 可以添加 clear：both ----------清除浮动。

原创 css中关于定位

1.绝对定位/absolute ：会脱离标准流，相对于最近的有定位的父级定位，如果没有就相对文档。2.相对定位/relative ： 保留原来的位置进行定位，相对于原来的位置。用relative作为参照物，子绝父相。

原创 函数的几种

参数默认值：ES6提供了参数默认值，当参数没有传递或传递为。

原创 ES语言--two

ES5提供了一系列的API，针对属性描述符进行操作。可以冻结一个对象，该对象的所有属性均不可更改。：获取对象属性名和属性值组成的数组。：将属性名和属性值的数组转换为对象。es6新增 用于保存唯一值的序列。该方法用于获取一个属性的描述符。该方法用于定义某个属性的描述符。：获取对象的属性名组成的数组。：获取对象的值组成的数组。

原创 关于ES语言--one

无论是let还是const，它们均解决了长久以来变量定义的问题，使用它们定义变量，具有以下特点：全局定义的变量不再作为属性添加到全局对象中在变量定义之前使用它会报错不可重复定义同名变量使用const定义变量时，必须初始化变量具有块级作用域，在代码块之外不可使用注意，在for循环中使用let定义变量，变量所在的作用域是循环体，因此在循环外不能使用。另外，for循环会对该变量做特殊处理，让每次循环使用的都是一个独立的循环变量，这可以解决JS由来已久的问题。

原创 web api

/ 将JSON格式的字符串转换为对象或数组。，它们都只能保存字符串，如果需要保存对象或数组，可以先将对象和数组转换为。// 使用css选择器选中匹配的所有元素，返回伪数组。// 使用css选择器选中匹配的第一个元素。// 保存一个键值对到本地，值必须是字符串。// 保存一个键值对到本地，值必须是字符串。// 根据键，读取本地保存的值。// 根据键，读取本地保存的值。// 根据键，清除指定的内容。// 根据键，清除指定的内容。// 是否包含某个类样式。// 清除所有保存的内容。// 清除所有保存的内容。

原创 关于伪数组和真数组

伪数组：有数组的长度，但是无数组的方法。用判断的话真数组为Array，伪数组判断最终是Object，且伪数组里面的length是一个键值对。3.Object.prototype.slice.call(伪数组)1. Array.from(伪数组)2.扩展运算符 [...伪数组]

原创 网络分层模型和应用协议

从常理出发，我们可以得出以下结论：每层相对独立，只需解决自己的问题每层无须考虑上层的交付，仅需把自己的结果交给下层即可每层有多种方案可供选择，选择不同的方案不会对上下层造成影响每一层会在上一层的基础上增加一些额外信息。

原创 form初体验

【代码】form初体验。

原创 form初体验

【代码】form初体验。

原创 a标签初体验

【代码】a标签初体验。

原创 this.$attrs的使用

给子组件绑定v-bind="$attrs"，可以拿到父组件传递未在props接收到的值。

原创 路由配置/不详细后期再加

path是显示在浏览器网址地方的相当于hash值，然后和router-link中to的路径需要相同才能跳转成功。主要是引入路径需要对。

原创 折角盒子效果

【代码】折角盒子效果。

原创 属性描述符

在构造函数内，都可以看作有getter和setter，即两个函数。

原创 event-bus/真的超级好用的传值！！

第二/三步：data内定义好变量接受，字段比较多可以选择用数组或者对象去定义。把请求或者需要传的值 赋值 给data里面定义的变量/对象/数组等。第五步：在需要的页面内data定义对象，并且接收。1.一般存在父子关系，可以用父传子，子传父的方式。3.还有一个万能的 中央事件总线 eventbus亲测好用。第一步：可以在utils文件夹下面创建一个bus.js文件。对了，要记在传值和接收值的每一个页面引入 bus.js文件。2.也可以采用全局状态管理，vuex。第四步：在发送的页面定义。

原创 分享一个自己踩过的坑-NaN

2.所以为了解决这个问题，我们可以加一个判断，当被除以数值为 0 时，可以直接给结果赋值为 0 ，代码如图～1.页面需要进行简单的除法计算时，如果被除以的值为 “0”，就会导致最终得到的结果为 NaN。

原创 关于HTML的超级用法～～

【代码】关于HTML的超级用法～～

原创 关于 git 提交/commit 的规范

转载 碎碎念--关于excel文件实现预览

本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。实现的预览功能在浏览器、小程序、安卓 APP 中进行测试通过，能正常渲染。但是，并未没有提供编辑、嵌套表格展示、单元格样式展示等高级功能，并不代表开源框架和不能实现。如果有时间精力的话，完全可以使用本文介绍的开源框架实现一个完整版的 Excel 软件。

转载 一些小操作

大多数人会使用 Number（）7.配合rest 运算符应用。5.实现并集、交集、和差集。后可以用 ～～ / +6.将伪数组转化为数组。

原创 超详细，关于水印的文章，拿来即用

首先可以在项目内添加一个水印的js文件，水印的大小宽度可以自己调整。我是在permisson.js内引入的，页面加载同时加载水印～第二步直接注册 ，即可使用啦。

原创 tooltip不生效问题

这里特别需要注意一下哦～～ el-tooltip 的样式加上了scope是不生效的，但是页面中不加的scope可能会出现样式污染的情况～那么这样的话咱们就可以用两个style标签啦～最近在写一些表格页面，还有一些提示，我就用了 标签，大概我项目的代码如下。

原创 同一个项目不同浏览器排版不同

最后朋友帮我排查出，是火狐浏览器的滚动条比谷歌的浏览器的滚动条要宽几像素导致空间不足，排版掉下来。一开始以为是兼容性的问题导致，又或者是两个浏览器的视口宽度不同导致的，最后一一排查，发现都不是。最近在写的一个项目，在谷歌上显示正常，但是在火狐浏览器上排版和字体都显示异常。

原创 封装的异步间隔时间/把文件按照二进制进行读取

【代码】封装的异步间隔时间/把文件按照二进制进行读取。

原创 vue2中具名插槽的简单使用

3.在父组件App.vue内引入btn子组件，注册并且使用。（截图有其他内容可以省略，相关代码片段如下）1.首先可以创建两个组件，一个父组件（App.vue）和一个子组件（btn.vue）4.最后呈现的效果，就是父组件内的button按钮替代了 子组件内的内容。2.btn.vue子组件内写入如下代码。

原创 如何在vue项目中引入全局样式

3.因为我的项目内是用了element-ui,所以自己加的类名的层级是不够的，不能覆盖原始的样式，在这里我加了！important 来提升层级，但是一般是不推荐使用，因为如果后期其他的同事也取了相同的类名的话，就很难改这个样式了，因为这个项目样式我一个人负责，所以我用了这种方法。1.可以在src下面的assets下面的style文件夹下，新建一个 .css / .scss /.less文件（可以根据自己具具体的情况去新建），我在这里是新建的.scss的文件。

原创 vue2项目中引入高德地图--1 简单应用

4.5 在then里面写固定的配置项（viewmode：选择是2d还是3d；zoom：地图的层级，越高显示越近；center：第一次进入页面经纬度显示的地点）4.4初始化地图 --如图配置项 （key：申请的key；plugins：需要用到的插件列表）2.安装高德地图的包 --npm i @amap/amap-jsapi-loader --save。1.首先我们需要进入到高德地图的官方网站申请一个key和密钥 ，创建一个项目--4.1需要给一个带宽高的div盒子 放置地图。3.新建一个放地图的vue组件。

原创 路由简单配置

3.配置路由--如果有children可以继续配置。1.下载npm i vue-router。4.app.vue里面设置路由出口。2.main.js 内引入。

原创 组件的创建和引入

2.2components注册。2.在需要用到的页面中。2.3页面使用组件标签。

原创 利用watch实现简单的搜索功能

代码如图哦～～

原创 关于echarts的入门级别使用

4.在官网上找到自己需要的echarts表格，放入script标签内methods内，用函数包住，并且调用函数，即可使用。//扩展--父组件中ref/---this.$refs.名字.$data可以拿到子组件data中的内容。2.可以选择全局注册引入，或者页面引入，在echarts官网可以看到不同引入方法的代码。个人建议用的不多的话，可以按需引入的呀，封装成组件需要引入使用即可。5.在父组件内使用echarts组件，记得引入-注册-使用哦～子组件的this.$props 可取父组件传递过来的值。

原创 如何在vue项目中定义全局的方法

1.一般可以在utils目录下定义一个方法的js文件，我的是input.js，内部是封装的一个工具函数。3.后期在需要用到的vue页面中，可以直接利用 this.one() 去调用这个工具函数哦～～2.在main.js内，先导入封装的工具函数，再把此函数挂载到vue 的原型上即可。

原创 子传父+在子组件内修改父组件传递过来的值--初学者进

首先整体代码如下，a为步骤1-4，画框为重点代码。

原创 了解父传子--超详细适合初学者

5.在父组件内的子组件（Children标签内），设置自定义属性 --- （：属性名= 需要给父组件传递的值）7.这样我们就可以在页面内 {{num}}使用它啦，或者在函数内可以利用this.num拿到这个值～4.在父组件内，data对象内定义一个数据，比如numP为100。1.创建父组件father.vue + children.vue。2.在父组件内引入children子组件，注册并且使用！6.子组件内利用props接收，如图。3.子组件内填写内容，我的代码如下。

原创 关于node利用express搭建简单的服务器-入门

4.下载express第三方包 npm i express。7.可以在页面看输出--简单的即可搭建完成啦。1.新建一个项目目录 node-app。6.node serve.js运行成功。5.创建serve.js作为入口文件。3.项目初始化 npm init。2.cmd终端打开目录。

原创 【无标题】mock从入门-会使用的使用

Mock.mock('URL路径','请求方式',(options)=>{ return 定义返回的数据 }) ---有参数，options内可以拿到路径和body query等参数，在实际页面定义假的参数传参即可。Mock.mock('URL路径','请求方式',()=>{ return 定义返回的数据 }) ---无参数情况。2.一般在utils文件夹下面创建mock文件夹下再创建mock.js ，填写假数据。axios.请求方式（'请求路径','参数').then().catch()