码曼巴-CSDN博客

原创布局分类

分栏布局设置最大栏数 column-count：整数值设置最小宽度（每栏） column-width 数值+单位设置栏间距 column-gap：数值+单位设置栏分隔线 column-rule : 1px solid black设置是否跨栏显示 column-span：none(否)|all(是);弹性布局语法：display：flex说明设置了display：flex后就成为了弹性布局父元素设置了flex布局后，子元素的float，clear，vertical-align将

2021-05-07 08:11:45 264

原创 sass语法

SASSsass是编写css的扩展语言sass是基于ruby语言开发的，gulp是基于node开发的sass的四种输出格式 1. nested : 嵌套缩进的css代码，它是默认值 2. expanded : 没有缩进的，扩展的css代码 3. compact 简洁格式的css代码 4. compressed 压缩后的css代码sass的导入功能 @import “文件名” 不需要添加扩展名，也不需要下划线如果当前文件不想被编译，则在文件名前添加下划线sass中所有的

2021-03-22 21:43:35 140

原创 Vue中如何导入echarts

** 1.导入echarts模块 **cnpm install echarts -S** 2.全局引入 **在main.js中引入import echarts from ‘echarts’Vue.prototype.$echarts = echarts** 3.在需要使用的组件中创建一个div,作为echarts的容器 <div id="main"></div>** 4.在mathods中创建一个函数 **option 中的内容可根据图表的类型填写相应的的

2021-03-10 08:12:06 434

原创 Vue自定义封装组件

Vue自定义封装组件1.在components文件夹下创建一个自定义组件名称的Vue文件，对组件进行相应的布局，添加样式，在script标签中的Vue实例下添加props对象，用来接收动态属性并设置其数据类型，例props:{ title : String, price : [Number,String],}自定义事件： <div @click="eventType"></div>//自定义事件 <script> export defa

2021-03-01 22:08:22 1048

原创 js如何实现多线程

js如何实现多线程js为我们提供了一个Worker的类，它的作用就是为了解决这种阻塞的现象。当我们使用这个类的时候，它就会向浏览器申请一个新的线程。这个线程就用来单独执行一个js文件var worker = new Worker(js文件路径)那么这个语句就会申请一个线程用来执行这个js文件在主线程中有一些方法来实现对新线程的控制和数据的接受// postMessage(msg)//postMessage方法把在新线程执行的结果发送到浏览器的js引擎线程里worker.onmessage

2021-02-22 20:37:03 700

原创原生js对ajax的封装

在对ajax进行封装前，我们先定义好传入数据的格式为一个对象，在此我们假设传入对象名为json传入json的格式如下： json = { type : 'get' ,//数据传输的方式 url : 'url地址',//数据传输的地址 async : 'true',//是否异步 date : { //需要传输的数据 }， success : function(){ //成功后执行的回调函数 }, error: function(){ //失败后执行的回调函数 }}在进

2021-02-03 22:33:35 189

原创原生js实现完美运动框架

封装获取行内样式function getStyle(obj,attr){ return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,1)[attr];}实现完美运动框架function sport(obj,json,fn){ clearInterval(obj.timer); //解决多物体运动问题 obj.timer = setInterval(function(){ let flag = true

2021-01-25 18:17:35 151

weixin_54902532的博客