- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react 中tab 切换样式并停留
首先要自己模拟一个数据 constructor(props) { super(props); const {getDetail} = props this.state = { isShow:1, list: [ { img: 'https://cdn1.xunkyz.com/tocConsul/Cardioid/20210704134218538_572447.jpg', id: 1,
2021-10-16 17:02:40
326
原创 css、less、scss，div、ul、li实现无缝滚动
css实现无缝滚动 //mymoves 变量名 可以以自己定义//form 从那边来 to到哪去//from 下的 left 为 负值 那么就是 从左向右滚动//from 下的left 为正值 那么就是 从右向左滚动//from 下的top 为正值 那么就是 从上向下滚动//from 下的top 为负值值 那么就是 从下向上滚动@-webkit-keyframes mymoves { from { left:-546px; }
2021-08-14 15:53:26
630
原创 vue构建项目对接口的调用封装
在项目这里面写入 一个配置文件 我写的是config >infex.vue（后面会附上一张图）const env = process.env.NODE_ENV || 'prod' 这个prod就是开发模式const EnvConfig = { dev: { // 你要和你公司的后端要的接口地址放在这里 // 这个可以随意定义 就是一个变量 apiOrderUrl //http://192.168.4.90:7810/api 这个就是接口地址 //多个接口也可以使
2021-07-26 18:31:05
716
原创 简单上传图片 （没封装）
服务器地址接口:js封装的上传服务器接口地址 const apiUploadFile= 'http://9090.12.3.99:2020/api/upload/swaggerUpload<template><div> <el-upload class="avatar-uploader" :action="uploadUrl"
2021-06-18 18:58:46
139
原创 flex 上中下布局 适合使用 移动h5 小程序
<template> <view> <view class="head">头</view> <view class="container">中 </view> <view class="footer">尾</view> </view></template><script></script><style lang="scss"&g
2021-06-04 09:54:54
123
原创 前端离线访问pwa技术 离线访问的webpack的配置
//开发环境的配置//resolve用来拼接绝对路劲的方法//const resolve = require("path")//const HtmlWebpackPlugin=require('html-webpack-plugin');///引入这个环境变量const workboxWebpackPlugin=reuqire('workbox-webpack-plugin')//设置node环境变量// process.env.NODE_ENV="development";//开发环境.
2021-05-14 16:51:14
316
2
原创 webpack 的基本生产环境 和开发环境的基本简单配置
//配置文件//开发环境的配置//resolve用来拼接绝对路劲的方法const resolve = require("path")const HtmlWebpackPlugin=require('html-webpack-plugin');const MiniCssExtractPlugin=require("mini-css-extract-plugin")const OptimizeCssAssetsWebpackPlugin=require('optimize-css-assets
2021-05-14 11:46:49
147
原创 webpack 开发环境的简单基本配置
//开发环境的配置//resolve用来拼接绝对路劲的方法const resolve = require("path")const HtmlWebpackPlugin=require('html-webpack-plugin');const MiniCssExtractPlugin=require("mini-css-extract-plugin")const OptimizeCssAssetsWebpackPlugin=require('optimize-css-assets-webpack-p
2021-05-14 11:41:29
100
原创 el-upload 封装组件中action的地址是啥东西
<el-upload :class="[disabledInput? 'upLoadShowNone':'']" class="upload-demo" :accept="accept" action="你上传图片地址，后台给你上传图片的接口 例如：“https:1005.0.0.1?=a.b.upImg”" :on-change="handerChange()" .
2021-04-21 20:47:38
2122
原创 el-tabel的编辑出现input的时候后端没有返回对应的字段
<对页面代码的处理> <el-table :data="list" @row-dblclick="dbclick" style="width: 100%" > <template slot-scope="scoped"> <span v-if="scoped.row.isShow"> <el-i..
2021-04-19 14:49:01
226
原创 sku的增加
<template> <div class=""> <div class="form-group"> <div class="form-h">商品规格</div> <div class="form-item" v-for="(attr,index) in attrs" :key="`attr${index}`"> <div class="form-title">
2021-04-15 18:34:25
154
原创 前端使用富文本 组件化 可直接使用
富文本组件<template> <div> <div id="editor"></div> </div></template><script>import E from "wangeditor";export default { data() { return { editor: "", content:"", info_:null };
2021-04-14 17:18:24
143
原创 前端以多个参数传递 以逗号形式传参，多种传参问题
v-model 多个参数传递 以逗号形式传播let a=this.form.name.toString()let b=this.form.sex.toString()let c=this.form.nax.toString()定义数组 ： list:[]this.list.push(a,b,c)在将数组中转换 成stringlet arr=this.list.join(",")
2021-04-14 14:51:05
1002
原创 后端返回给前端一个未解析的JSON怎么处理
后端返回的数据：{“attrs”:[{“value1”:"\u7ea2\u8272",“value2”:“S”,“detail”:{"\u989c\u8272":"\u7ea2\u8272","\u5c3a\u5bf8":“S”},“pic”:“http://www.baidu.com”,“price”:“1”,“cost”:“2”,“ot_price”:“3”,“jf”:“4”,“jj”:“5”,“stock”:“6”,“bar_code”:"",“weight”:1011,“volume”:0,“br
2021-04-14 11:31:21
561
原创 Ajax是什么？以及如何创建AJax
1.Ajax并不算是一种新的技术，全称是asychronousjavascriptandxml，可 以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实 现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe） 方式变相实现异步效果，后来的浏览器提供了对ajax的原生支持.2.使用ajax原生方式发送请求主要通过XMLHttpRequest(标准浏览器...
2020-03-03 17:29:14
307
原创 For...in迭代 和For..of有什么区别
for…infor…in 循环返回的值是数据的结构的key(类比键值名)遍历对象返回的对象key值，遍历数组返回的数组的下标（key）for…in 不仅可以遍历数字 键名，还会遍历原型上的值和手动添加其他的键for…in 循环出的是（key）总结：fon…in 循环贴别适合遍历对象for…of 是ES6新引入的特性。修复了ES5引入的for…in的不足for…of不能循环普通的对象...
2020-03-03 17:28:49
782
原创 同步和异步的区别?
同步：浏览器向服务器发送请求的时候，服务器比较忙，浏览器需要等待服务器忙完之后才能将数据返回，给浏览器才能显示数据异步：浏览器向服务器请求数据，服务器比较忙,，浏览器可以自如 的干原来的事情（显示页面），服务器返回数据的时候通知浏览器一声，浏 览器把返回的数据再渲染到页面，局部更新...
2020-03-03 17:28:06
139
原创 垃圾回收机制？
1.他的原理：定期找出一些不在继续使用的变量，然后将其释放，所以垃圾回收机制会按照固定的时间间隔周期执行，垃圾回收机制不是时时的2.标记清除:当变量进入环境时，将变量标记为”进入环境“，当变量离开环境时 标记为:”离开环境“，在某一时刻时，垃圾回收器会过滤掉环境中的变量，以及被环境引用的变量，剩下的就被回收了，IE，Firefox、Opera、Chrome、Safari，中实现的都是标记清除回...
2020-03-02 18:45:44
119
原创 如何理解闭包？
个人理解1.闭包就是一个函数，就是一个函数可以访问另一个函数的作用域里的变量常见的 闭包 就是 a函数嵌套b函数，然后a函数返回函数，这样呢 b函数可以访问a函数中的作用域，但是 b函数在a函数以外的地方时，这一点 才体现了 函数的真正的强大之处无论何时何地，如果将函数作为第一级值类型并到处传递，你就会看到闭包在这些函数中的使用。在定时器、事件监听、Ajax请求、跨窗口通信或者其他异步任务中...
2020-03-02 18:29:36
125
原创 vue 双向数据绑定原理
通过Observer:通过监听器来进行对象的属性和变化 如果有变动可以拿到最新值 通知订阅者通过Compile对每个节点指令进行解析扫描 ，根据指令模板替换数据，进行更新Watch,是Observer和Complice的桥梁，能够收到每个属性的变化 从而更新视图...
2020-01-13 14:36:29
131
原创 说一下从输入 URL 到页面加载完中间发生了什么?
TCP链接:再通过第一步的DNS域名解析后，获取到了服务器的IP地址后，便开始建立一次链接，这是由TCP协议完成的，主要通过三次握手第一次握手：建立链接时，客户端发送syn包到服务器，并进入SYN_SENT状态，等待服务器确认，第二次握手：服务器接受到syn的包时，必须确认客户端的SYN，同时自己也发送一个SYN包，此时进入SYN_RECV状态第三次握手：客户端收到服务器的SYN+ack的...
2020-01-13 14:25:45
288
原创 prop 验证，和默认值
props:会接收不同的数据类型，常用的数据类型的设置默认值的写法Number, String, Boolean, Array, Function, Object
2020-01-11 09:14:05
957
原创 VUE中methods,computed,watch的区别
methods：只要调用就会重新执行一次，computed:是具有缓存的,只要计算属性的依赖没有进行相应的数据更新，那么computed会直接从缓存中获取值watch:是监听 data 和计算属性中的新旧变化...
2020-01-11 08:19:35
114
原创 generator(异步编程，yield,next(),await,async)
是一个迭代器生成函数，返回值是一个迭代器（Iterator）可用于异步调用有三种状态（A,B,C）执行时三种状态的关系A=>B=>C=>A 这种状态就是状态机1generator 函数时ES6提供的一种异步编程绝决方案回调地狱 ：：很多个函数嵌套异步流控异步流控：就是按照顺序控制异步操作，没一步都可以认为一个异步的过程，（每一步完成之后才能继续下一个工序）这就是异...
2020-01-10 08:38:04
290
原创 Promise是什么？有哪些状态和参数？如何使用
1.主要用于异步计算2.可以将异步操作队列化按照期望的顺序执行，返回自己想要的结果3可以再对象之间传递和操作promise,帮助我们处理队列pending-resolved(未完成变为成功)再异步操作成功时调用，并将操作的结果作为参数传递出去；reject：pending-rejected(未完成变成失败)再异步操作调用失败，时将报出的错误，作为参数传递出去promise有三个状态...
2020-01-10 08:37:43
1119
pr视频剪辑包会都是干货都是干货都是干货
2021-07-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人