- 博客(39)
- 资源 (1)
- 收藏
- 关注
原创 如何区分深拷贝与浅拷贝?
如何区分深拷贝与浅拷贝?就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝实现浅拷贝的方法1.Object.assign方法可以实现浅拷贝和深拷贝一、Object.assign直接拷贝是浅拷贝var obj = { a: 1, b: 2}var obj1 = Object.assign(obj);obj1.a = 3;console.log(obj) // {a:3,b:2} 改变原数据-浅拷贝.
2021-10-15 10:15:32 370
原创 align-self和align-items的区分
align-self 设置的是子元素;align-items 设置的是父元素结合使用的话:先设置align-tiems:center,如果某一个子元素想格外设置,就设置 align-self:flex-end;
2021-06-08 13:48:14 696
原创 TypeScript笔记二:面向对象特性
6、面向对象特性:(1)类(Class)的声明类是TypeScript的核心,使用TypeScript开发时,大部分代码都是写在类里面类的访问控制符:public、 private、protectedclass Person{ // 类 public name; // 属性 public 是访问控制符,控制类可以在类的内部和外部使用,不写就是默认 private eating() { // 方法 private私有的,只有在内部可以访问 console.log('I
2021-03-11 13:40:20 193
原创 TypeScript笔记一:字符串新特性、参数新特性、函数新特性
TypeScript 是 JavaScript 的超集,可以支持 ECMAScript 的各种新特性在线编辑器地址:1、TypeScript的安装与使用:注:安装 Node.js 环境:(version: 8.14.0+)通过 npm 全局安装 TypeScript:npm install -g typescript新建一个hello.ts文件export class Hello { }通过cmd运行:tsc hello.ts编译后生成hello.js文件2、字符串新特
2021-03-10 20:29:41 325
原创 react官方脚手架create-react-app的使用
1.npm install -g create-react-app2.create-react-app my-react-demo3.cd my-react-demo4.npm run eject //将webpack配置文件暴露出来4.npm run start
2021-03-08 16:36:55 110
原创 npm与cnpm切换使用
1.设置使用淘宝镜像cnpmnpm config set registry https://registry.npm.taobao.org2.查看是否配置成功,成功后即可直接使用cnpm命令npm config get registry3.还原npm仓库npm config set registry https://registry.npmjs.org
2021-03-08 15:47:47 330
原创 vue本地运行浏览器ip是本机Ip
var os = require('os'), ip = '', ifaces = os.networkInterfaces() // 获取本机ipout:for (var i in ifaces) { for (var j in ifaces[i]) { var val = ifaces[i][j] if (val.family === 'IPv4' && val.address !== '127.0.0.1') { ip = val.address
2021-02-25 14:58:30 262
原创 vuex状态管理应用
<template> <div> views目录下的页面:vuex状态管理 <div class="home1">vuex状态中初始值state:</div> <div class="home2">{{mobile}}</div> <div class="home1" @click="changeWay">使用mutations方法改变vuex状态中初始值state中的值,显示在
2021-02-25 14:52:26 83
原创 vue父组件向子组件传值
<template> <div> 父组件页面: <!-- 父向子传值:3.在子组件标签中添加子组件props中创建的属性 --> <child :time='hitimetime'></child> </div></template><script> //父向子传值: 1.子组件在props中创建一个属性,用以接收父组件传过来的值 import Child from '
2021-02-25 14:37:54 92
原创 vue子组件向父组件传值
<template> <div> 这里是父组件页面: <!-- 子向父传值:第二步在父组件中注册子组件,在使用子组件的地方(子组件标签),定义接收的事件名(绑定对自定义事件的监听) --> <get-time @startendtime = 'gettime'></get-time> <div> 子向父传值,父页面cate得到子页面gettime传来的起止时间: {{startt
2021-02-25 14:06:45 165
原创 vue兄弟组件传值
<template> <div v-title :data-title="title"> <div>car---兄弟组件传值</div> <div>下面显示的是brother1向brother2页面进行兄弟组件传值:</div> <brother1></brother1> <brother2></brother2> </div><
2021-02-25 13:48:28 481 1
原创 点击async-await-场景:三个接口依次调用
<template> <div @click="getproise"> 点击async-await-场景:三个接口依次调用 </div></template><script>export default { data(){ return{ } }, methods: { requestApi(url,params){ return new Promise((resolve,r
2021-02-25 11:57:14 1234
原创 点击链式promise调用-场景:三个接口依次调用
<template> <div @click="getproise"> 点击链式promise调用-场景:三个接口依次调用 </div></template><script>export default { data(){ return{ } }, methods: { getLogin(){ var that = this; return new Pro
2021-02-25 11:03:44 647 2
原创 uni-app遇到的问题
blur事件比页面的点击事件慢input、textarea获取值的时候用 v-model 双向绑定,或者用 input 事件,尽量少用blur事件;点击按钮显示输入框,输入框自动聚焦,弹不起软键盘(弹起后马上又收回去)可以先显示输入框,延迟100ms让输入框聚焦。 setTimeout(()=>{},100)禁止蒙版下的页面滚动(1)可使用 @touchmove.stop.prevent=“moveHandle”,moveHandle 可以用来处理 touchmo.
2021-02-22 10:22:13 784
原创 uni-app项目:在HBuilderX中安装less成功,运行时提示未安装
找了HBilderX.exe同级下的plugins文件进入,找到compile-less目录,看node_modules目录有没有,如果没有,在此目录下,打开终端,输入npm install,成功后文件如下,再次支行项目即可
2021-02-22 09:45:45 919
原创 uniapp中使用animate.css 版本4.1.1在微信小程序中不生效解决办法
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1;}修改为:page { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1;}
2021-02-20 17:37:21 1286 1
原创 vue和uniapp接口封装
/* apiUrl.js 中定义接口路径 */const api = { xxx: 'xxx.action'};/* request.js 中封装请求*/import apiUrl from './apiUrl.js' //引用apiUrl.js 中定义接口路径let yapi = 'http://yapi.cnzhonglunnet.com/mock/869/'; // 模拟接口var baseUrl = '';var ENV = require('../../publishEnv
2021-02-06 14:44:46 478 1
原创 scss常见用法随笔
1. 变量(声明变量, 使用变量)变量以美元符号开头,赋值方法与 CSS 属性的写法$width:100px;直接使用即调用变量.box{ width:$width;}编译后:.box{ width:100px;}变量支持块级作用域,嵌套规则内定义的变量只能在嵌套规则内使用(局部变量),不在嵌套规则内定义的变量则可在任何地方使用(全局变量)。将局部变量转换为全局变量可以添加 !global 声明.box1{ $width: 5px !global; /*将局部变量转换
2021-02-06 14:19:55 157
原创 瀑布流随记
<template> <!-- 等高 --> <!-- <div class="waterfall-height-css"> <div class="image-box" v-for="(item, index) in imglist" :key="index"> <img class="lazy" :src="item" alt="" /> </div> </div> --&
2021-01-15 17:38:49 133 1
原创 van-tab和pull-refresh一起使用问题
1.vant添加下拉刷新组件后,tab无法吸顶 问题<van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-tabs swipeable sticky> <van-tab title="动态"> <H-Slider :img="img[0]"></H-Slider> <h-main></h-mai
2021-01-14 20:38:49 877
原创 微信小程序分类:右侧商品滑动时,左侧分类导航栏的相应分类被选中
<view class="spread-cateBox"> <!-- <view> --> <scroll-view scroll-y scroll-with-animation scroll-left="{{scrollLength}}" class='spread-cateLeft' style='height: {{winHeight}}px'> <block wx:for="{{tabs}}" wx:key="index"
2020-12-21 15:02:33 1514
原创 vue 中的 >>>和 /deep/ 穿透
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>或者/deep/,穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)...
2020-10-29 11:55:04 359
原创 上传图片到阿里云
上传图片到阿里云1、微信小程序上传图片<view bindtap="uploadImg">上传图片</view>/*上传文件需要先通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,再通过上传文件接口将本地资源上传到指定服务器。*/uploadImg: function () { wx.chooseImage({ count: 1, // 默认9 sizeType: ["original", "compressed"], //
2020-10-28 11:20:21 545
原创 iphoneX系列手机在页面滚动时隐藏底部的操作栏
iphoneX系列手机底部都有一个(横杠)键,浏览器会在页面滚动时隐藏底部的操作栏,需求:底部导航栏出现1、判断是iphonex设备的方法function isIphoneX(){ if(/iphone/gi.test(window.navigator.userAgent)){ /* iPhone X、iPhone XS */ var x=(window.screen.width === 375 && window.screen.height ==
2020-09-28 15:05:12 1533
原创 H5适配iphoneX底部
H5适配iphoneX底部 两步骤第一步:设置网页在可视窗口的布局方式在index.html中设置meta属性,在content下设置关键值 viewport-fit=cover,使得页面内容完全覆盖整个窗口<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cove
2020-09-28 14:31:01 880
原创 vue知识随笔
@hook 方法不仅仅是可以监听 mounted,其它的生命周期事件,例如:created,updated 等都可以监听// Parent.vue<Child @hook:mounted="doSomething" ></Child>doSomething() { console.log('父组件监听到 mounted 钩子函数 ...');},// Child.vuemounted(){ console.log('子组件触发 mounted 钩子
2020-05-21 15:02:18 131
原创 js判断数组的方法
js判断数组的方法:一、Array.isArray(arr) 用于确定传递的值是否是一个[Array], 返回布尔值 true;否则它返回 falselet arr = [];console.log(Array.isArray(arr)); // true二、arr.constructor === Arraylet arr = [];console.log(arr.constructor === Array); // true三、arr instanceof Array...
2020-05-21 14:46:54 96
转载 es6笔记
const和let的异同点相同点:const和let都是在当前块内有效,执行到块外会被销毁,也不存在变量提升,不能重复声明。不同点:const不能再赋值,let声明的变量可以重复赋值。const是常量,一旦声明不允许修改默认赋值,但如果定义的是对象Object,那么可以修改对象内部的属性值。块级作用域的使用场景:循环中定时器闭包的考题for(var i = 0; i < 5; i++) { setTimeout(() => { console.log(i) //5, 5
2020-05-21 14:31:51 132
转载 2018最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)--转载
版权声明:本文为转载文章,感谢博主小胖梅的博客,如有侵权,请联系我删除,谢谢 转载链接:ht...
2019-08-29 10:34:19 4777
转载 Fiddler的安装与使用
转载于 CoderYYN的博客https://me.csdn.net/ychgyynFiddler是位于客户端和服务器端之间的代理,也是目前最常用的抓包工具之一 。它能够记录客户端和服务器之间的所有 请求,可以针对特定的请求,分析请求数据、设置断点、调试web应用、修改请求的数据,甚至可以修改服务器返回的数据,功能非常强大,是web调试的利器。看到这么多的应用,是不是就迫不及待的想要开始你的...
2019-07-24 11:11:49 106
原创 ES6常用语法一:let const定义与解构赋值
ES5中声明变量只有两种方法:var和functionES6中声明变量的方式:var、function、let、const、import和class1. let定义变量let的作用域是块,而var的作用域是函数for(let j = 0; j < 10; j++){}console.log(j); // 报错 j is not definedfor(var i =...
2019-07-09 15:42:09 405
原创 call()、 apply()、 bind() 区别
定义:调用一个对象的一个方法,用另一个对象替换当前对象var obj1 = { name:'yy', age:20}var obj2 = { name:'yhl', age:18, yhlFuntion: function(aa,bb){ console.log('姓名:'+ this.name + '年龄:'+ this.age + '爱好:'+aa +'...
2019-07-08 17:27:42 85
转载 天时分秒倒计时
忘记在哪里看到的,如果侵权,请联系我删除,谢谢var currentTime = new Date().valueOf(); //获取当前时间的时间戳var getTime = new Date(res.data.data.presellfinishtime).valueOf(); //从接口获取到的结束时间var totalSecond = (getTime - currentTim...
2019-07-06 17:13:26 996
原创 js常用的数组方法
1.filter() 不会改变原始数组,新数组中的元素是过滤指定数组中符合条件的所有元素两种写法区别:有return的加了{},否则没有return不需要加{}var aa = [1, 2, 3, 4, 4, 5, 6, 6];var bb = aa.filter((item, index, self) => { return self.indexOf(item) ==...
2019-07-06 16:43:41 194
原创 小程序配置request请求
/* 小程序配置文件*/var host = "http://192.168.102.117:8080/sg/xcx/";function allrequest(url, data, resp) { wx.request({ url: host + config[url], data: data, header: { 'content-type':...
2019-07-06 16:02:39 1141
ThinkPHP5.0+小程序商城构建全栈应用全套视频
2018-01-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人