- 博客(37)
- 收藏
- 关注
原创 css中flex:1的真正含义
我们在css布局的时候经常用到flex:1;场景1:使具有弹性盒模型对象的子元素都有相同的长度,且忽略它们内部的内容:<div id="main"> <div style="background-color:coral;">红色</div> <div style="background-color:lightblue;">蓝色</div> <div style="background-color:lightgreen.
2022-05-13 13:29:20 7138
原创 swiper无限轮播时一张图片的情况如何禁止图片左右滑动
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-15 17:35:37 1091
原创 2021年前端面试题
1.vue的生命周期2.vue组件间的参数传递有哪几种方式?3.vuex的作用和里面的属性和方法有哪些?3.实现容器box内部元素垂直居中的方法有哪几种?
2021-07-09 19:14:06 218
原创 border-radius:1px 2px 3px 4px的四个参数值代表的位置
border-radius:左上,右上,右下,左下<div class='demo'></div>.demo { width: 200px; height: 200px; background: #FF9900; border-radius: 100px 0 0 0;}
2021-04-06 17:28:11 2276
原创 js 计算字符串中出现最多的字符
const strList='qhshdggsvvxggtsggsggeyyytwwwwwwwwwww'; const obj={}; for(var i=0;i<strList.length;i++){ let str=strList.charAt(i); if(obj[str]){ obj[str]++ }else{ obj[str]=1; } } let max=0; ...
2021-04-01 14:17:44 223
原创 微信小程序获取验证码30s倒计时
页面效果wxml页面代码<view class='verificationCode'> <view class='verificationText'>验证码</view> <input class="userName" type="number" placeholder="请输入验证码" class='verificationInput'/> <view class='getVerification' bindtap...
2021-03-31 20:18:45 424
原创 微信小程序-解析富文本-实例代码
1.登录微信微信公众平台,打开设置>第三方设置>插件管理,添加插件wxParser2.在小程序的项目中app.json文件里面配置{ "plugins": { "wxparserPlugin": { "version": "0.2.1", "provider": "wx9d4d4ffa781ff3ac" } }}3.在页面的js文件中获取到富文本内容,并赋值给data里的变量parserText data:..
2021-03-16 15:52:25 276
原创 微信公众号H5页面自定义分享文案和图片
步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(备注:登录后可在“开发者中心”查看对应的接口权限)步骤二:引入JS文件在需要调用JS接口的页面引入如下JS文件<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>步骤三:通过config接口注入权限验证配置(备注:以下参数需要后端开发提供接口返回给前端)wx.config({
2021-03-16 13:55:11 2188
原创 数组去重的最简单的方法
第一种:const list=[1,2,2,3,4,5,6,6,6,6];const dedupeArray=Array.from(new Set(list));console.log(dedupeArray);第二种:const list=[1,2,2,3,4,5,6,6,6,6];const dedupeArray=[...new Set(list)];console.log(dedupeArray);
2021-01-18 18:02:26 136
原创 什么是构造函数?
构造函数也是一个函数,比较特殊的是构造函数可以new()出一个新的函数,并在new的过程中初始化该函数。那么,构造函数有哪些特点呢?命名首字母大写。 内部使用的this关键字,来指向即将要生成的实例对象。 可以使用New来生成实例对象。function Plant(color){ this.color=color; this.action=function (){ console.log('我的叶子是'+this.color+'色的。'); }}// 实例方...
2020-12-06 21:12:10 2948
原创 关于package.json的一些
文档:官⽅⽂档:https://docs.npmjs.com/files/package.json.html什么是package.json?在node.js中,有模块的概念,这个模块可以是一个库、框架、项目等。这个模块的描述文件就是package.json。 它是一个标准的json对象,描述了这个项目的配置信息(名称,版本,许可证等元数据)以及所需要的各个模块。 npm install命令会根据这个配置文件,自动下载依赖的模块,配置运行和开发的环境。创建案例代码1.创建一个项目目录
2020-11-19 21:27:18 401
原创 js 判断一个字符串是否含有某个字符串
1.indexOf ( ) 方法可返回某个指定的字符串值在字符串中首次出现的位置 string.indexOf(searchvalue,fromindex)indexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。2.includes() ES6新特性,确定字符串是否包含指定字符串的字符。如果包含返回true,否则返回false。string.includes(searchvalue, start)3.startsWith()ES6新...
2020-10-27 20:00:09 5142 2
原创 深拷贝的方法
deepClone(originData) { const that = this; let result; if (typeof originData === 'object') { if (Array.isArray(originData)) { result = []; for (let i in originData) { result.push(that.deepClone(originData[i]));..
2020-10-20 15:49:23 324
原创 解决谷歌浏览器跨域问题(mac版本)
1.在电脑上新建一个文件夹MyChromeDevUserData(文件名可自定义)2.打开控制面板,输入open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/LeoLee/Documents/MyChromeDevUserData 3.输入执行这段代码后会打开一个新的谷歌浏览器,将刚刚跨域的页面地址拷贝到该浏览器即可。...
2020-09-07 10:24:37 976
原创 js之数字取整的方法
1.保留数据的整数,去除小数点后的数据2.向上取整,只要有小数,就个位加13.向下取整,只要有小数,就个位减14.四舍五入取整
2020-06-05 13:49:11 11872
原创 http和https的原理及两者之间的区别
https如此安全,那么是不是所有网站都用https呢?答案是否定的,因为https是有实施门槛的,就是CA权威认证,并颁布SSL证书,这一过程是非常费时费力的,而且,https消耗是大于http的,因为http是纯文字发送,没有负重,而https加密解密是需要CPU和内存资源的,如果不是要求比较高,内容比较重要的,一般都选择http!...
2020-05-18 17:16:14 469
原创 从输入URL网址到浏览器页面加载成功到底经历了什么?
1.DNS解析DNS是一种分布式网络目录服务,主要用于域名与 IP 地址的相互转换,以及控制因特网的电子邮件的发送。域名系统(Domain Name System缩写DNS,Domain Name被译为域名)是因特网的一项核心服务,它作为可以将域名和IP地址相互映射的一个分布式数据库,能够使人更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。简单来说就是输入的网址到IP地址的转换。 例如查找www.baidu.com的IP地址过程:先在本地域名服务器中查询IP地址 如...
2020-05-12 20:08:53 859
原创 微信小程序中使用flex布局的justify-content属性实现几种水平分布
三个子元素在父元素的排列方式。justify-content为子元素在父元素水平方向的排列方式<view class='dad'> <view class='son'>自定义</view> <view class='son'>自定义</view> <view class='son'>自定义</view&...
2020-04-10 19:55:35 4516
原创 一分钟读懂for循环中break和continue的区别
let array=[1,2,3,4,5,6,7,8,9]; for(let i=0;i<array.length;i++){ if(array[i]==6){ continue; } console.log(array[i]); } let array=[1,2,3,4,5,6,7,...
2020-04-08 17:43:53 625
原创 解决微信小程序接口封装wx.hideLoading()后wx.showToast()不弹出的问题
getDate(){ wx.showLoading({ title: '加载中', }); wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: {}, header: { 'content-type': 'application/json' // 默认值 }, success (re...
2020-04-07 18:46:58 2482 1
原创 如何解决微信小程序用户高频率触发点击事件?
防抖(debounce)和节流(throttle)都是为了防止用户高频率触发页面上的某个动作导致页面卡顿的方法。首先来说一下防抖(debounce):当用户持续触发事件时,一定时间段内(假设1000ms)没有再触发事件,事件处理函数才会执行一次,开始计时时间以最后一次触发时间为准。...
2020-04-07 10:52:50 1159
原创 vue-router如何获取上一步的url路径?
router.beforeEach((to, from, next) => { // to 和 from 都是 路由信息对象 // 这里的from.path就是上一步的url的hash值})
2020-03-25 16:11:23 5985
原创 Hook学习日记以及使用场景
Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。 Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 使你在无需修改组件结构的情况下复用状态逻辑。这使得在组件间或社区内共享 Hook 变得更便捷。 Hook 将组件中相互关联的部分拆分成更小的函数(比...
2020-03-24 10:54:54 202
原创 react.js项目的http接口文件封装
import fetch from 'dva/fetch';import { notification } from 'antd';import store from '../index';const API_URL_PREFIX = '/api/v2';//接口地址const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改...
2020-03-17 18:32:56 718
原创 reat.js父组建与子组建的方法的相互调用
// 爸爸import React, {Component} from 'react';class Dad extends Component { constructor(props) { super(props); this.state = { } } componentDidMount() { } ...
2020-03-15 19:20:11 177
原创 flex布局实现子元素在父元素下水平垂直居中
<div class='dad'> <div class='son'></div></div>.dad{ height: 200px; width: 200px; border: 1px solid blue; margin: 50px; display: flex; //设置父元素flex属性 justify...
2020-03-12 17:23:18 3856
原创 企业版微信小程序申请流程
进入小程序注册页面,填写邮箱和自定义密码,每个邮箱仅能申请一个小程序。邮箱、密码、确认密码、验证码、协议条款勾选之后点击【注册】按钮提交。 提交之后登陆注册小程序的所用邮箱,查看激活邮件激活小程序。 填写小程序信息,主题类型选择企业。企业名称、营业执照注册号、注册方式(1.通过企业的对公账户向腾讯公司进行打款,验证后腾讯将资金返还回该账户。2.微信注册并认证,无需企业对公账户打款,需支付300...
2020-02-25 10:34:29 7670
原创 一目了然sessionStorage、localStorage、cookie的区别
cookie localStorage sessionStorage 数据大小 主要用于用户信息的存储<4k 5M或更大 5M或更大 传递方式 在浏览器和服务器间来回传递 不会自动把数据发给服务器, 仅在本地保存 不会自动把数据发给服务器, 仅在本地保存 数据有效期 ...
2020-02-24 11:44:49 122
原创 获取0-1之间的随机数
1. 取介于 0(包含) ~ 1(不包含) 之间的一个随机数:const number = Math.random();console.log(number);//0.16920590111450152.取介于 1 到 10 之间的一个随机数:const abs = Math.floor((Math.random() * 10) + 1);console.log(abs); /...
2019-12-26 15:15:58 2802
原创 JS的map()方法会改变原始数组吗?
map()为操作数组的一种方法,官方文档显示: map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意:map() 不会对空数组进行检测。 注意:map() 不会改变原始数组。 但是我在实践中却发现事实并非如此。当数组为基础类型时原数组不变: let arr...
2019-12-25 11:51:28 12755
原创 前端常见面试题及解答
1.改造下面的代码,使之输出0-9,写出你想到所有的方法。 每次输出i的时候,函数内部没有i,就从外部函数查找,而外部函数的值是每一次循环后的值10,所以每次输出的都是10 for(var i=0;i<10;i++){ setTimeout(function(){ console.log(i);// 10 10 10 10 10 10 10 10...
2019-12-24 19:18:41 160
原创 解决微信小程序建立WebSocket后onSocketOpen只触发一次
问题描述:在特定条件下跳转某个页面,并连结wx.connectSocket(),wx.onSocketOpen()监听成功时执行相应的逻辑处理,当退出该页面再次以相同的条件进入该页面时,wx.connectSocket()连结成功,但是wx.onSocketOpen()和wx.onSocketError()的callback函数都监测不到。解决方案:在onHide的生命周期里面关闭连接wx....
2019-09-27 02:44:08 4928 1
原创 js操作数组的多种方法 shift()、unshift()、push()、pop()、concat()、slice()、splice()、toString()、join()
1.shift() :把数组的第一个元素从其中删除,并返回第一个元素的值。该方法会改变原数组。const array=['one','two','three','four'];const shiftResult=array.shift();console.log(shiftResult); //oneconsole.log(array); // ['two','three','fou...
2019-09-25 15:06:58 510
原创 GET请求接口url的参数拼接
前端在调用后端GET请求时,url的接口名称和参数一般是字符串拼接的方式,为了避免字符串拼接时key值对应的value为null对后端的判断造成干扰,前端可以处理为value为null时该参数的key值省略不传。封装一个处理参数对象的方法:params(obj) { let result = ''; let item; for (item in obj) { if(o...
2019-09-23 19:30:15 17661
原创 常用的git指令大大大大大大大全
一、文件比较 1. 新建两个文件hello/world,内容可自定义,两个文件的内容,需要不相同,进行文件比对。 2. 使用diff -u hello world > diff.txt,进行文件比对,查看效果。 3. 使用cp hello world对文件进行覆盖,并使用patch world < diff.txt对world文件进...
2018-12-18 15:04:09 250
原创 微信小程序实例开发demo
1.开始一个微信小程序项目之前可以花一天时间大致了解一下官方文档的详细介绍:微信小程序官方开发文档。2.申请一个小程序帐号:https://mp.weixin.qq.com/wxopen/waregister?action=step1。3.登录:微信公众平台我们可以在菜单 “设置”-“开发设置” 看到小程序的AppID 我们可以在菜单 “用户身份”程序的添加用户权限(给该...
2018-11-13 11:54:16 751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人