- 博客(29)
- 收藏
- 关注
RSS订阅原创 2020-09-23
7、 闭包闭包:定义 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数的内部变量,且返回的那个函数在外部被执行,就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数 closure闭包的三个特性1:函数套函数2:内部函数可以直接访问外部函数的内部变量或参数3:变量或参数不会被垃圾回收机制回收 GC闭包的优点:1:变量长期驻扎在内存中2:避免全局变量的污染 3:私有成员的存在闭包的缺点常驻内存 增大内存的使用量 使用不当会造成内存的泄露. 闭包的两种写法:
2020-09-23 19:25:56
101
原创 2020-09-22
39、 vue 路由传参数如何实现ps:主要通过 query 和 params 来实现query传参：通过在 router-link或this.router.push()传递url地址并且拼接?问号传递的参数例如：rourer−linkto=”/goods?id=1001”,然后在接收的页面通过this.router.push()传递 url地址并且拼接? 问号传递的参数 例如：rourer-linkto=”/goods?id=1001”,然后在接收的页面通过 this.router.push()传递u
2020-09-22 19:11:40
83
原创 2020-09-21
图片懒加载实现原理一.什么是懒加载？懒加载突出一个“懒”字，懒就是拖延迟的意思，所以“懒加载”说白了就是延迟加载，比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。二.为什么要懒加载？懒加载是一种网页性能优化的方式，它能极大的提升用户体验。就比如说图片，图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源，那么可能等图片加载出来用户也早就走了。所以，
2020-09-21 18:56:39
83
原创 2020-09-16
vuex的生命周期钩子函数vue打包（https://www.jianshu.com/p/e327eca486db）（https://blog.csdn.net/qq_41115965/article/details/80796310）http://www.942ss.com/?p=1282Css面试题：1、 盒子模型：盒模型把标准模型改变为怪异模型，我们可以通过box-sizing：border-box；答：盒子模型氛分为ie盒模型和w3c盒模型；Ie盒模型包括：margin外边距，p
2020-09-16 22:48:38
165
原创 2020-09-14
2、组件通讯：三种方法：子传父，父传子、兄弟组件通讯；第一种：子传父：主要通过emit来实现；子组件通过绑定事件触发函数，在其中设置this.emit（‘要派发的自定义事件’，要传递的值），emit有两个参数，第一个参数：要派发的对象，第二个参数：要传递的参数；第二种：父传子：主要通过props来实现；父组件通过import引入子组件，并注册，在子组件标签上添加要传递的属性，子组件通过props接收，接收有两种形式：一种是通过数组形式[‘要接收的属性’]，二是通过对象形式来接收，对象形式可以设置要传递的
2020-09-14 19:17:39
70
原创 2020-09-09
**水平垂直居中10种方法****第一种：**通过绝对定位的方式 absolute + 负margin 首先知道子元素的宽高，给子元素设置top：50%；left：50%，但绝对定位是基于子元素的左上角，我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值，负的外边距可以让元素向相反方向定位， 通过指定子元素的外边距为子元素宽度一半的负值，就可以让子元素居中了**优点：**比较好理解，兼容性好**缺点：**需要知道子元素的宽高**第二种：**也是通过绝对定...
2020-09-09 19:57:05
50
原创 2020-09-08
4、 sessionStoragelocalStorage cookie 的区别1.localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除 localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。2.sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存 放数据大小为一般为 5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源生接口可以接受，亦可再次封装
2020-09-08 21:50:10
69
原创 2020-09-03
今天学习了 ECMAScript6/7/8/…复习javaScript组成：包括：ECMAScript,DOM,BOM1.ECMAScript:javascript核心语法，不依赖平台例如：定义变量，if,switch,for,数组Api,字符串API,正则Api…2.DOM:(Document Object Model)针对浏览器标签操作 例如：获取id，获取类名，获取标签名注：操作真实DOM，引起重绘和回流–>才引出虚拟DOM 重绘：主要指页面颜色的改变，不影响DOM的空间变化 c
2020-09-03 19:05:46
119
原创 2020-09-02
今天做了一个品牌列表的案例，代码：<div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> <div class="panel-body form-inline">
2020-09-02 19:06:21
69
原创 2020-09-01
36、 vue 组件父子，子父，兄弟通信第一种：父传子：主要通过 props 来实现的具体实现：父组件通过 import 引入子组件，并注册，在子组件标签上添加要传递的属性，子组件通过 props 接收，接收有两种形式一是通过数组形式[‘要接收的属性’ ]，二是通过对象形式{ }来接收，对象形式可以设置要传递的数据类型和默认值，而数组只是简单的接收第二种：子传父：主要通过emit来实现具体实现：子组件通过通过绑定事件触发函数，在其中设置this.emit 来实现具体实现： 子组件通过通过绑定事件触发
2020-09-01 20:01:17
68
原创 2020-08-31
16、 瀑布流原理瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是 Pinterest， 后逐渐在国内流行即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。下面通过图解来分析一下瀑布流的算法。当第一排排满足够多的等宽图片时（如下图情况），自然而然的考虑到之后放置的图片会往下面排放。那么第六张图片，放置在什么位置呢？是下图的位置么？我们通过瀑布流算法实验得到，
2020-08-31 19:53:08
71
原创 2020-08-28
一、JavaScript数据类型基本数据类型number (特殊NaN) NaN:not a number Infinityboolean:true,false或者可以隐式转换在true或false的类型 能转换成false只有以下几种情况：0,空串，null,undinfed,NaN,false string:用''或"",或``定义的字符 var str='abcd' var str2="xyz" var str3=`hello,${str}`
2020-08-28 19:03:18
158
原创 2020-08-27
1、Ajax并不算是一种新的技术，全称是 asychronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持 ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对 ajax的原生支持 .2、使用 ajax 原生方式发送请求主要通过 XMLHttpRequest( 标准浏览器 ) 、 ActiveXObject(IE浏览器)对象实现异步通信效果 .3、基本步骤：
2020-08-27 20:08:04
101
原创 2020-08-26
h5 和 css3 的新特性h5 每个人有每个人的理解,我的理解呢!我的理解是 h5 呢并不是新增一些标签和样式更多的是里面新增的一些功能例如重力感应，他可以让我们感知当前手 机的状态，可以帮助我们完成手机摇一摇，监听当前我们步数，还有开启 3d 模 式让我们的 2d 空间变成一个 3d 模式,而且 h5 中为了挺高页面性能，页面元素的 变大，不在是元素本身的大小变化，而是一种视觉上的效果，从而减少了 dom 操作，防止了页面的重绘，当然h5中不单单是这些还有webgl 游戏引擎 canvas、 svg
2020-08-26 23:40:29
125
原创 2020-08-24
常见的面试题总结：null和undefined的区别？undefined：类型只有一个，即undefined，当声明变量还未被初始化时就是undefinednull：类型也只有一个值，即null。null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象http和https的区别？https：是以安全为目标的HTTP通道，简单讲是HTTP的安全版本，通过SSL加密。http：超文本传输协议。是一个客服端和服务器端请求和应答的标准（tcp）,使浏览器更加高效，使网络传输减少。ajax
2020-08-24 23:49:51
77
原创 2020-08-21
今天看了面试题1、 响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、font-size 不能用百分比设置的，先看一个简单例子：顶部是利用设置图片 width: 50%来适应不同的分辨率，由于原始图片高度不同，所以第一张图片顶部会有空白，这种情况最好两张图片宽高保持一致
2020-08-21 19:32:18
94
原创 2020-08-20
$ npm install @moohng/postcss-px2vw --save-dev使用// .postcssrc.jsmodule.exports = {plugins: {‘@moohng/postcss-px2vw’: {}}}举例：// input.class {border: 1px solid black;margin-bottom: 1px;font-size: 20px;line-height: 30px;}// output.class {bor
2020-08-20 20:13:19
98
原创 2020-08-19
今天学历一、axios数据请求封装env.jsrequest.jsapi.js二、生产环境，开发环境切换1.第一种方法：通过配置.env文件来实现参考：https://cli.vuejs.org/zh/guide/mode-and-env.html第二种方法第一步：通过创建不同环境js文件，再通过cross-env来切换configdev.jsprod.jsdev.jsmodule.exports = {BASE_URL: “https://test.365msmk.com”
2020-08-19 19:58:42
101
原创 2020-08-18
今天学习了一、重新认识vue-cli安装最新版本脚手架vue-cli官网:https://cli.vuejs.org/zh/目前版本：v4.5.x安装：npm install -g @vue/cli2.使用vue脚手架创建项目第一种命令行vue create 项目名（字母开头，不要大写） 回车default (自动安装)manually （建议：手动安装）第二种：以图形界面方式创建vue ui3.vue-cli4.5目录结构publicindex.html —入口html页面
2020-08-18 19:30:43
500
原创 2020-08-17
一、前端构建工具gruntgulpwebpack(主流,https://webpack.js.org/)Fis3（百度）二、webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器webpack稳定版本：v4.44三、如何使用webpack搭建前端环境安装node.js( v12.x)注意：如果npm安装一些包由于网速原因，安装慢切换一下镜像源改成淘宝镜像：npm config set registry https://registry.npm.
2020-08-18 07:17:32
116
原创 2020-08-15
今天记了面试题1、 响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、font-size 不能用百分比设置的，先看一个简单例子：顶部是利用设置图片 width: 50%来适应不同的分辨率，由于原始图片高度不同，所以第一张图片顶部会有空白，这种情况最好两张图片宽高保持一致
2020-08-15 19:40:53
64
原创 2020-08-14
之前微信授权登录时是直接可以通过getUserInfo接口 弹出授权弹窗。由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发微信的官方解释如下：为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。开发者可使用以下方式获取或展示用户信息：一
2020-08-14 20:46:11
148
转载 2020-08-11
用wx.login获取登录凭证code {{dataList.username}} 这个玩家很懒，什么也没留下 {{dataList.title}} </view> <!-- “我的”列表 --> <view class='myList'> <view class='list'> </view> </view> &l
2020-08-11 19:13:54
130
原创 2020-08-10
微信小程序的登录与授权官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html小程序登录小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。登录流程说明：调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 se
2020-08-10 19:47:34
97
原创 2020-08-08
微信小程序封装请求接口var rootDocment = ‘https://123.com’;//你的域名function postData(url, data, cb) {wx.request({ url: rootDocment + url, data: data, method: ‘post’, success: function (res) { return typeof cb == “function” && c
2020-08-08 19:54:35
71
原创 2020-08-07
第一步：初始化package.json npm init -y第二步：安装需要的小程序ui框架或第三方包 npm install weui-miniprogram第三步：配置小程序支持npm打开开发者工具–详情–本地设置–勾选【使用npm模块】 打开开发者工具–工具–构造npm第四步：在app.wxss中引入第三方的ui框架样式 第五步：在要引入的页面中添加相关组件并在页面上直接使用 xxx.json中引入第三方组件路径注：具体使用方法包括相关属性事件apivant ui使用vant ui（
2020-08-07 17:02:02
71
原创 2020-08-07
微信小程序自定义组件详解自定义组件能够帮我们更好的复用代码和重构简化代码复杂度。一起来学习一下小程序自定义组件的内容吧。从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似总览一、Component概念Component像页面一样由wxml、wxss、js和
2020-08-07 01:03:32
106
原创 2020-08-05
微信小程序接口配置1.小程序请求的接口必须是https协议2. 请求接口之前要提前配置接口请求：第一种方法：在微信小程序后台配置request合法域名第二种方法：在开发者工具–详情–本地配置–勾选‘不校验合法域名’上拉加载更多1.onReachBottom() {} 页面自带的生命周期2.scroll-view 实现局部区域的滚动和加载更多6.组件内置组件：微信小程序封装好的组件，直接拿来就能使用swiper：轮播组件，必须要和swiper-item配合使用例如：<swipe
2020-08-05 20:48:38
152
原创 微信小程序入门
一、了解微信小程序微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用张小龙发布时间2017年1月9日二、微信小程序和普通H5的区别1. 微信小程序用开发者工具来查看预览页面，H5用浏览器来查看渲染页面2. 微信小程序扩展了底层能力，H5调用底层能力比较弱3. 微信小程序没有完整的JS API,但H5拥有完整的JS API（EcmaScript,DOM,BOM）开发能力4. 渲染机制不同：微信小程序渲染线线程和逻辑线程是独立并行运行的，而
2020-08-04 23:03:54
522
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人