- 博客(94)
- 收藏
- 关注
RSS订阅原创 Safari访问项目，浏览器报错SyntaxError: Invalid regular expression: invalid group specifier name
解决问题：Invalidregularexpression:invalidgroupspecifiername【无效的正则表达式：无效的组说明符名称】
2025-01-08 15:32:12
460
原创 HTTP和HTTPS的区别（面试必考题）
HTTP和HTTPS的基本概念HTTP协议的通信过程(工作原理)？HTTPS的设计目标HTTP与 HTTPS的区别
2021-12-10 14:18:00
1200
原创 关于前端绘制图形的一些方法（SVG，D3，Echarts）、Echarts的使用
借助图形化的手段，清晰有效地传达与沟通信息，揭示数据中的道理和规律可以采用SVG，D3，Echarts等来实现图形的绘制
2021-12-09 19:14:04
6228
原创 关于 数据可视化、Canvas
数据可视化Data Visualization:就是指将结构或非结构数据转换成适当的可视化图表，然后将隐藏在数据中的信息直接展现于人们面前。Canvas标签用于绘制图形的 HTML 元素,canvas元素本身并没有绘制能力,它仅仅是图形的容器,通常通过JavaScript脚本进行绘制。canvas最早由Apple引入WebKit，用于MacOSX的Dashboard，随后被各个浏览器实现。如今，所有主流的浏览器都支持它。
2021-12-08 19:17:23
933
原创 uni-app运行环境判断、uView组件库、跨域问题、首页骨架屏
1、uView是uni-app生态专用的UI框架uni-app` 可通过 `process.env.NODE_ENV` 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换（切换的是业务请求地址）。在HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境
2021-12-02 19:24:48
3374
1
原创 uni-app框架、微信小程序项目
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式：h5）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 uni-app 在手，做啥都不愁。即使不跨端， uni-app 也是更好的小程序开发框架
2021-12-01 19:48:10
4096
原创 云开发、自定义组件、分包加载、基础库兼容问题、骨架屏使用
云开发：1.环境初始化2.数据库3.云存储4.云函数自定义组件：1.Behavior组件间代码共享特性 2、介绍,创建,使用3、内置 behaviors4、computed计算属性、5watch 基本用法分包加载：1.配置分包结构2.独立分包3.分包预下载基础库兼容问题：1.版本号比较2.API 存在判断3.wx.canIUse检测api骨架屏使用：1、介绍2、创建3、使用
2021-11-30 21:55:44
331
原创 小程序API、授权、获取用户信息,手机号、WeUI框架、云开发
小程序API：1、API概述；2、API分类；3、网络API；4、缓存API；5、界面API。授权：1、概述；2、检测授权状态；3、主动发起授权请求；4、再次唤起授权设置界面获取用户信息、获取用户手机号：1、通过API获取用户信息；2、获取加密手机号；3、微信登录；4、后端解密开放数据WeUI框架：1、组件库概述；2、安装配置；3、注册组件；4、案例；云开发：1、概述；2基础能力概述；3、新建云开发模板；4、开通云开发、创建环境；
2021-11-29 19:28:36
1352
原创 微信小程序组件、路由、组件通信、侦听器
微信小程序中的组件：包括基础组件、视图组件、媒体组件、表单组件、路由组件、自定义组件微信小程序中的插槽、组件通信、observers数据监听器
2021-11-26 19:21:10
996
原创 关于前端SPA（单页面应用）
一、什么是SPA（单页面应用） SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。在 SPA 应用中，应用加载之后就不会再有...
2021-11-22 09:15:08
5973
原创 hook（useState、useEffect、useReducer）、context、React项目起始
hook（useState、useEffect、useReducer）、context、React移动端项目起始
2021-11-17 19:22:17
248
原创 redux核心、react-redux、bindActionCreators、selector、reselect、redux-thunk
Redux优化redux核心store = createStore() 创建核心store.getState() 获取数据store.dispatch() 调用方法store.subscribe 监听state数据，判断是否被修改action creator当redux变量增多，需要区分，首先修改case条件高效的actionaction types将type定义为变量combineReduceractionType.jsex
2021-11-16 17:07:45
264
原创 Axios请求与redux
Axios请求与redux全局平台搭建解压开启命令行，安装依赖包npm i数据库的导入调整数据库配置测试http://localhost:3001/api/getgoods跨域定义：可在前面博客查询token原理：同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器
2021-11-15 19:02:09
387
原创 React嵌套路由、路由懒加载、编程式导航、withRouter、路由封装
嵌套路由1、嵌套路由的地址必须在父路由的基础上编写，不可以独立编写2、Route的定义位置，决定了嵌套组件内容渲染的位置就是在子组件当中添加路由占位和路由连接部分import React, { Component } from 'react'import {Route,Link} from 'react-router-dom'import PENews from './PENews'import HappyNews from './HappyNews'import ChinaNe
2021-11-15 17:06:25
1336
原创 React动画与React路由
React动画与路由React动画react没有过渡动画的包，需要依赖三方的过渡动画包npm i react-transition-group -S原始代码添加动画参数in 控制动画的变量，必须timeout 动画持续的时间，必须classNames 动画的class名开头onExit 退出时执行onExiting 退出中执行onExited 退出完成执行onEnter 进入时执行onEntering 进入中执行onEntered 进入完
2021-11-12 19:48:03
331
原创 React组件操作(组件传参，生命周期，内置组件，HOC高阶组件)
React组件操作组件传参父子子父非父子react本身没有非父子传参的策略，所以需要依赖三方的非父子组件传参插件， eventsnpmhttps://www.npmjs.com/安装npm i events -S设置events插件使用events插件生命周期挂载阶段componentWillMount （vue created）数据将要挂载，数据存在，但是dom对象没有实例化完成自动执行一次render数据在修改
2021-11-11 19:41:16
515
原创 react
React开始react介绍react是由facebook前端开发团队开发和维护的js框架react的实现功能类似VUE，但是由于国外的开发风格，导致在react上，并没有对数据渲染的步骤进行封装，需要开发者更多的使用es6的语法手动完成数据渲染，所以，代码难度比vue高。react特点react数据驱动视图更新react基于组件化的方式进行项目开发react中使用了虚拟DOM技术react中只实现了单项数据流（react没有实现双向绑定）react安装React 官
2021-11-10 19:33:49
208
原创 关于FormData
FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象：//通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","laotie");//通过get方法对值进行读取console.log(
2021-11-09 08:47:37
126
原创 Vuex子组件、Vue项目初步搭建
Vuex子组件我们需要一个方法，将越来越多的action,mutation数据进行整合。vuex提供了子组件模式。子组件定义自定义一个对象，然后再对象当中编写vuex的属性：action，mutation，state，getters最后将这个对象放到vuex的实例的modules下import Vue from 'vue'import Vuex from 'vuex'import axios from '../utils/http'Vue.use(Vuex)const Inde
2021-11-02 19:55:11
159
原创 Element-ui、iview、vant的安装使用以及Vuex的使用
Vue_UI与VuexUI库element-ui官网：https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installationElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库element-ui是基于vue框的一个第三方的PC端组件库element-ui组件库是饿了么前端开发团队开发和维护的组件库
2021-11-01 19:26:45
712
原创 Axios、Vue跨域问题、swiper的安装使用
数据请求搭建后台服务器使用JS编写ajax局部提交，请求回来的是josn数据,而且在js当中，数据渲染问题很复杂const xhr = new XMLHTTPRequest()xhr.open("请求方式","地址")xhr.send("")xhr.onreadystatechange = function(){ if(xhr.status === 200 && xhr.readyState === 4){ ...
2021-10-29 19:34:23
239
原创 Vue路由守卫，Vue-router中的钩子函数
路由守卫生命周期在vue从创建到销毁的过程当中执行。但是对于每次请求，其实需要一部分限制，比如登录限制，比如校验。所以在路由上有路由守卫。路由全局守卫全局前置守卫在路由跳转之前执行，有三个参数to 目的地路由route对象from 源路由route对象，注意直接使用路由跳转，容易失去fromnext 跳转,默认跳转to的地址，可以自定义跳转地址router.beforeEachrouter/index.jsimport Vue from 'vue'impor
2021-10-28 21:04:08
493
原创 Vue路由开发（命名路由、路由传参、命名视图、路由原信息、路由模式、路由滚动），登陆案例（附代码图）
路由开发vue-router 官网导航守卫 | Vue Routerhttps://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB命名路由在路由文件index.js当中，对路由设置name属性!在调用的时候通过对象格式调用路由传参动态路由this.$route.params定义路由的时候..
2021-10-28 20:56:34
469
原创 缓存操作与组件路由
缓存操作与组件路由Keep-alive缓存在web服务请求当中，有部分数据属于频繁被查询，比如，用户信息，logo信息。将这些数据存储到一个方便查询，或者直接获取的位置上，来减轻服务器查询压力。这种策略叫做缓存。VUE当中keep-alive只是基于前端组件的狭义的缓存，通常和component标签结合使用，对动态加载的组件进行缓存keep-alive缓存的基本使用就是使用keep-alive标签包围component标签，这样动态加载的组件就会被缓存定制缓存includ
2021-10-26 19:27:38
688
原创 组件的基本操作（组件通信、插槽、Mixin混写、VUE+JQuery开发、虚拟DOM操作、动态组件）
组件基本操作版本控制仓库版本分支代码对已有的仓库git clone MrFruite: 电商项目:分支名称对新创建的项目项目初始化vue createvue-cli3 为开发者提供了一个图形化的创建项目的界面。vue ui组件通信组件通信是基于组件的嵌套关系创建项目父子关系1、调用子组件标签2、在标签上自定义属性，绑定要传递的值3、子组件使用props接受自定义的属性4、子组件调用props当中的名称props变
2021-10-25 19:48:50
230
原创 Vue动画与组件、Vue过滤器、Vue框架（脚手架）的安装与启动
04-VUE动画与组件过滤器本质，过滤器是一个特殊的函数作用，可以对模板上的数据进行再处理，在数据挂载前处理。比如:13331153360133****33601 2 男 女过滤器作用在变量的后面，使用 | 作为符合作用将 | 前边的变量作为 | 后边的函数的值进行处理。过滤器函数必须有返回值过滤器只可以在插值表达式和v-bind上使用<body> <div id="app"> {{ phone|set...
2021-10-22 19:18:50
173
原创 vue生命周期与侦听器，vue实现购物车和百度搜索（附源码）
vue生命周期与侦听器动态样式基于vue和js语法来研究一下动态处理样式的方式动态的class基本模式<div id="app"> <div :class="isShow?'show':'hidden'"> 嘿嘿嘿 </div> <p @click="isShow = !isShow">切换</p> <p @click="ch...
2021-10-20 19:23:53
364
原创 VUE修饰符（附源码教学）、$set
VUE修饰符v-if和v-for混用-乘法口诀表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=...
2021-10-19 19:31:46
290
原创 初识Vue：Vue的介绍以及一些基本的Vue命令
VUE指令回顾HTML：html+html5 语义化标签（header,footer）css+css3动画：过渡（transition），动画(animate), flex布局 , lessJava Script：数据类型变量运算数学运算比较运算逻辑运算流程控制ifswitchforwhiledo while函数DOM （document object model）BOM （browser object model）no
2021-10-18 19:25:13
309
原创 关于MVC、怎么优化项目
一、什么是MVC?mvc是一种软件设计思想：M:model模型 用来负责与数据库交互、提供数据V:view视图 用来提供界面C:controller控制器 主要用来处理业务的MVC工作方式，见下图：二、怎样优化你的项目以提高访问速度？【重点】1)、压缩.js文件、.css文件、.html文件以提高文件的加载速度；2)、合并.js文件、.css文件以减少请求次数；3)、将静态资源(比如:css文件、js文件、图片文件)部署到一台专门的服务器；4)、尽量减少对DOM的
2021-10-18 09:21:36
228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人