- 博客(18)
- 收藏
- 关注
RSS订阅
1原创 WebSocket
为什么要用WebSocket为什么我们有了http请求之后，还要用WebSocket呢？http只能是单向发起的，只能由客户端主动发起，服务端被动响应。服务端无法主动向客户端发送消息，如果想实现类似于聊天室这种即时通讯的功能，就需要使用消息轮询。轮询的效率低，比较消耗资源。(每次建立http连接都进行三次握手，并且每次请求都需要携带请求头)，开发人员为了解决这个问题，发明了webSocket什么是WebSocketWebSocket是HTML5规范提出的一种协议。它的最大特点就是，服务器
2022-04-23 22:25:12
182
原创 小程序--瀑布流
实现的步骤：逐步处理列表的数据，把数据放到高度比较小数组中。这个时候我们需要获取到图片的高度，并且计算左右两边数组高度，把新的数据放到高度比较小的数组中。加载到后端的数据设置我们需要的属性，这里我们需要leftList、rightList、leftHeight、rightHeight遍历数组，通过wx.getImageInfo获取到每个元素图片的宽度高度（需要配置download的域名）判断这个元素应该被放在左边还是右边（放在数组高度低的一边）处理完数据之后，把数据设置到data上
2022-04-23 22:21:44
247
原创 微信小程序本地存储
写入本地数据小程序提供了读写本地数据缓存的接口，通过wx.setStorage写数据到缓存，在小程序中几乎所有接口都是异步的，这里存储数据也是一个异步操作，如果希望进行同步存储需要调用wx.setStorageSync。异步存储 wx.setStorage({ data: {name:"name",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。 key: 'list',//本地缓存中指定的 key...
2022-04-21 22:52:19
4535
原创 微信小程序界面跳转
小程序的界面跳转wx.navigateTowx.navigateTo({ url: 'test?id=1',})保留当前页面，只能打开非 tabBar 页面。wx.redirectTowx.redirectTo({ url: 'test?id=1'})关闭卸载当前页面，只能打开非 tabBar 页面。wx.switchTabwx.switchTab({ url: '/index'})关闭所有非tabbar页面， 只能打开 tabBa...
2022-04-19 22:35:02
334
原创 微信小程序
一、微信小程序的优劣势1、优势微信助理，容易推广。在微信中，小程序拥有众多入口，例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量，从而进行转化、变现。使用便捷。用户在使用小程序时，只需要轻轻点一下就可以使用，更加符合用户对使用方便、快捷的需求，所以小程序的用户数量不断增加。体验良好，有接近原生app的体验。在微信生态里，小程序在功能和体验上是可以秒杀掉 H5 页面的，H5 页面经常出现卡顿、延时、加载慢、权限不足等原因，而这些问题在小程序里都不会出现。
2022-04-18 22:59:40
75
原创 proxy代理
proxy作用：1、代理另一个对象（个人代理商家）2、解决跨域// let 代理对象 = new Proxy(target,handler)/*target:目标对象handler：目标对象的行为特征综合为一个对象中*/ let xiaoMingStudent = new Proxy( daZhongSchool, { // 1、 get:读取目标对象的行为特征 读操作 get (target, property) {
2022-04-10 16:34:14
274
原创 数组去重的几种方法
第一种/* 数组去重思路：1、建立新数组2、遍历旧数组3、往新数组中放置旧数组的元素4、遍历新数组5、判断如果新数组中有相同的元素，就不往新数组中放了 */ var flag = true;//新数组中没有相同的元素 var arrOld = [2, 3, 5, 4, 3, 2, 6, 8, 5, 4, 6, 2]; // 1、 var arrNew = []; // 2、 for (var i = 0; i < arrOld.length; i+
2022-04-10 16:26:22
347
原创 JavaScript预解析
JavaScript引擎在对JavaScript代码进行解释执行之前，会对JavaScript代码进行预解析，在预解析阶段，会将以关键字var和function开头的语句块提前进行处理。关键问题是怎么处理呢？当变量和函数的声明处在作用域比较靠后的位置的时候，变量和函数的声明会被提升到作用域的开头。(1)、函数提升func();function func(){ alert("Funciton has been called");}由于JavaScript的预解析机制，上面的代码就等
2022-04-10 15:53:24
55
原创 获取到富文本内容 修改img样式
const regex = new RegExp('<img', 'gi')res.details = details.replace(regex, `<img style="max-width: 100%; height: auto"`);获取到富文本内容 修改img样式
2022-04-08 20:04:36
647
原创 vue的使用
vue中如何声明组件<template id="son"> <div> 111111 </div> </template> Vue.component("son",{ template:#son" })vue中如何父组件给子组件传值在子组件props中接收<div id='app'> <fathe...
2022-04-01 22:05:54
68
原创 什么是同源策略及解决跨域的三种方式
同源策略1.1.1 所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。同源策略/SOP（Same origin policy）是一种约定，由 Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到 XSS、 CSFR 等攻击。{1} 比如一个web应用，用户访问的页面，处理页面的请求的controller都是在同一个context
2022-03-30 21:27:17
738
原创 如何使用路由
路由的安装直接引用官网提供的cdn路由的基本使用引入js文件，这个js需要放在vue的js后面，自动安装（提供了一个VueRouter的构造方法） 创建路由new VueRouter(),接受的参数是一个对象 在实例化的对象里配置属性routes:[],这个数组里的对象包含path属性和component属性 path属性是url的地址,component属性就是显示的组件（传组件的对象） 创建的路由需要和vue实例关联一下 路由到的组件显示在哪个位置<router-view
2022-03-25 23:04:17
91
原创 Vue路由及组件扩展
一。子组件传值父组件子组件调用父组件的方法1.在父组件中给引用的子组件注册一个事件2.子组件可以出发这个事件$emit("事件名字")子组件给父组件传递数据$emit方法第二个参数可以定义子组件给父组件传递的内容 在父组件中怎么拿到这内容2.1 父组件这个方法没有自定参数，在父组件的方法直接加这个参数就可以拿到2.2 父组件有自定义参数，可以传入$event也可以拿到子组件传递的数据。通过$event只能传递第一个参数。this.$emit('click-son', { na
2022-03-25 22:50:34
135
原创 VUE-组件以及插槽
一、知识点1、vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用1.1 全局组件定义的四种方式1.使用 Vue.extend 配合 Vue.component 方法var login = Vu
2022-03-24 21:27:04
125
原创 Vue生命周期及动画
一、知识点1、什么是生命周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！2、vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子3、vue生命周期详解：<!DOCTYPE html&.
2022-03-23 22:56:29
121
原创 vue基础
1. 品牌管理案例实现功能：1. 添加新品牌2. 删除品牌3.修改品牌4. 根据条件筛选品牌步骤：1．1、搭建项目的基本界面的结构引入bootstrap引入vue1.2、实现表格的渲染使用v-for进行表单的渲染注意设置key属性1.3、实现新增的功能数据绑定，为了能在后面拿到这数据。定义一个方法，给按钮添加一个事件。点击这个按钮之后为什么会进行页面的刷新，因为这个按钮是定义在表单里的，所以点击这个按钮会触发表单的提交，这个时候可以组织按钮的默认事件。绑定
2022-03-22 23:08:54
125
原创 VUE-基础使用
1. 什么是vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！2. 为什么学习流行框架能够提高开发的效率3. 框架和库的区别框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。 库（插件）...
2022-03-21 22:48:58
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人