- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue中 敏感字眼的过滤
敏感字眼判断话不多说，直接安排代码，可直接拿去使用…<template> <div> <input type="text" v-model="sensitiveWord"> <div v-show="sensitiveWordNotice" style="color: #e5242b">{{ titleMsg }}</div> </div></template><script>
2021-06-24 16:48:08
1040
原创 H5适配解决方案
1.H5适配解决方案1.1 百分比%缺点：相对于父级width1.2 em和remem:相对于父级元素的font-sizerem:相对于根字号，也就是html根标签的font-size1.3 媒体查询@media (max-width: 12450px) { //css样式}1.4 flex布局思考一下：flex布局与响应式布局的区别？flex:不会破坏布局结构flex:1 1 1响应式布局：会破坏布局，改变显示的内容，重要内容优先显示，其他内容可能放
2021-05-19 17:03:36
1234
原创 webpack的基础知识总结
1.webpack是什么webpack是一个模块化构建打包工具vue,react用的脚手架底层都是基于webpack搭建的webpack在公司中主要用于公司内部搭建前端环境掌握node,webpack可以说是晋升架构师升的重要一环！如果你会了webpack,你在vue脚手架中也可以轻松的配置构建工具除了webpack之处，还有grunt,gulp,rollup…2.webpack使用webpack中文文档：https://webpack.docschina.org/concepts/
2021-05-17 16:42:53
221
1
原创 日常知识部分总结
一、常用块级元素和行内元素块级元素： div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr行内元素：span、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u二、贝塞尔曲线的些许知识总结1、transition-timing-function属性transition-timing-function属性指定切换效果的速度。此属性
2021-05-14 16:09:09
91
原创 常见问题总结梳理
1.以下js表达式返回false的是（）正确答案: C 你的答案: A (错误)1==true“”==falsefalse==nullnull==undefined2.head 标签中必不少的是（ ）正确答案: C 你的答案: D (错误)<meta><link><title><script>3.下面可以匹配的正则表达式是？正确答案: D 你的答案: A (错误)<img src="[
2021-05-13 19:55:26
254
原创 vue中Examples的操作与使用
一、安装Examples安装命令：npm install echarts -Snpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S1、在vue项目中引用在main.js 文件中import echarts from 'echarts'Vue.prototype.$echarts = echarts2、在组件中使用例如：<div id="myChart" :sty
2021-05-12 14:11:11
1725
原创 Echarts操作与使用
canvas和svg区别？1.canvas生成的是图片，位图（也称像素图），不能单独选中某个图形，只能选中整体2.svg:放大不失真，能单独选中局部的某个图形，并且可以用css,js来操纵1.Echarts优势开源，免费，并且是百度开发，有详细中文文档2.Echarts使用2.1 快速使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <.
2021-05-11 16:38:10
176
原创 数据可视化操作
什么是数据可视化数据可视化，是关于数据视觉表现形式的科学技术研究数据可视化的理论基础：计算机图形学浏览器实现数据可视化架构数据可视化：一、canvas<canvas id="box" width="800" height="400"></canvas>1.注意：width和height最好canvas标签上添加，不要用css中的width,height2.如何绘制常用图形 第一步： 获取canvas并创建绘图对象 //获取canvas标签,只是一个
2021-05-10 18:35:33
404
原创 Echarts的操作与使用
一、Echarts如何使用第一步：下载安装echarts.min.js下载链接：https://echarts.apache.org/zh/download.html第二步:引入echarts并创建一个存放图表的div容器<!DOCTYPE html><html lang="en"><head></head><body> <!-- 存放图表的div容器 --> <div id="main" s
2021-05-07 18:33:13
449
原创 el-upload、后台系统图片展示和富文本编辑器的使用
一、el-upload不走axios请求，el-upload自身封装了ajax请求1、文件上传配置请求头2、上传成功后返回的格式：{ "data": { "tmp_path": 图片的临时路径, "url":图片上传到服务器上的路径 }, "meta": { "msg": "上传成功", "status": 200 }}3、 配置文件上传两个注意事项1.action属性必须是绝对路径2.手动配置请
2021-05-06 15:55:38
494
原创 日常基础知识汇总
一、JavaScript基础说法JavaScript 是一种专门为与网页交互而设计的语言，由下列三个不同的部分组成：ECMAScript，提供核心语言功能文档对象模型（DOM），提供访问和操作网页内容的方法和接口浏览器对象模型（BOM）， 提供与浏览器交互的方法和接口二、cookie设置过期时间基础知识cookie的有效时间默认为-1，如果不进行设置的话，就会默认在浏览器会话关闭时结束。可以通过setMaxAge()方法设置cookie的生命期。当setMaxAge(0)表示立刻删除该浏览
2021-04-29 20:19:21
155
原创 解决element-ui中级联选择器cascader存在的问题
一、解决级联选择器cascader中的3问题1、 可以选择cascader的任意级别template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { .... checkStrictly:true .... },2、 隐藏小圆圈问题核心思路：通过css隐藏小圆圈，并扩大小圆圈的显示范围,然后设置visibility为
2021-04-28 18:41:25
2623
原创 vue基操说明。
一、vue全局组件第三方插件npm.js地址：https://www.npmjs.com/package/vue-table-tree-grid关于后台管理的框架不只是有element-ui，他还有第三方的框架安装命令：npm i vue-table-with-tree-grid -S下载yarn的话可以用：yarn add vue-table-with-tree-grid在main.js中引入：import ZkTable from 'vue-table-with-tree-grid'使
2021-04-27 19:35:00
130
1
原创 后台管理系统时间戳的应用
一.时间处理1 后台返回的时间戳处理通常后台返回的是时间戳 例如：1619314980时间戳：即1970年1月1日到现在的经过的毫秒数前端处理时间戳有两种方式：1.利用new Date日期对象处理 var d=new Date(传入时间戳*1000) 再通过getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds() 2.利用moment.js第三方日期处理函数来实现【公司用的多】2、通过
2021-04-26 18:27:19
633
原创 递归的深复制对象
递归的深复制对象<script> var obj = { // 定义要进行深复制的对象 name: "张三", age: 14, tel: 110, info: { isSingle: true } } // 定义深复制的函数 function deepClone(params) {
2021-04-25 18:49:07
83
原创 后台管理系统功能略写
用户列表模块1.1 删除用户 //打开删除确认对话框 async deleteUser(id) { console.log(id) const res= await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).catch(
2021-04-23 22:29:46
208
原创 后台管理系统 element-ui 菜单栏各操作展示
一、动态生成后台管理左侧菜单 模板： <el-submenu :index="item.id+''" v-for="item in MenusList" :key="item.id"> <template slot="title"> <i class="el-icon-user-solid"></i> <span>{{ item.authName }}</sp
2021-04-22 20:28:35
1535
原创 后台管理系统的登录功能
1.完成登录功能1.1 表单重置第一步：给表单添加ref <el-form ref="loginForm"></el-form> 第二步：给重置按钮添加事件，调用重置方法 //重置表单 resetForm() { this.$refs.loginForm.resetFields() }1.2 表单预检验 //用户登录 loginIn() { //对表单对整体合法性检验 this
2021-04-21 20:19:22
1421
原创 Vue的基础知识，需掌握
一、Vue全家桶vue全家桶都包括哪些 vue全家桶都有什么 vue全家桶详细介绍vue全家桶都有什么全家桶，顾名思义，对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。注：此文章主要讲解vue-cli脚手架开发方式，主要介绍各插件安装方法及其功能特点，不介绍各插件的具体使用方式，具体使用方式详见其他详细介绍文章。vue.js,vue-router,vuex,axios,ES6,Sass/less/Stylus,…1. vue.js:computed,过滤器，自定义指令，绑事件(
2021-04-20 20:22:01
121
原创 js冒泡排序的三种方法
更新个基础知识比较简单 仅供参考//参考排序的数组var arr = [3, 2, 5, 1, 4]第一种这种方法冒泡排序比较相邻的两个元素,如果前一个比后一个大，则交换位置。第一轮把最大的元素放到了最后面。由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比function arr_sort(data) {var tempfor(var i = 0; i<data.length-1;i++) {for(var j = 0; j<data.length
2021-04-19 19:26:02
138
原创 JavaScript原生复习
一、javaScript数据类型？基本类型：number,string,boolean,null,undefined,symbol引用类型：也称复杂数据类型 Object,function检测基本数据类型：typeof 变量名特殊：typeof null 返回 Objecttypeof 函数名 返回functionvar a=1console.log(anull) //返回0console.log(aNaN) //返回NaN===not a numberconsole.log(ty
2021-04-16 19:26:21
123
原创 javaScript原生复习
一、函数的定义方式1. 函数声明:function 函数名() { //...}特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升2.函数表达式：var 变量名=function() { //....}变量名()特点：只能在函数定义后调用，才能执行二、this指向问题1、普通函数this指向函数的this指向遵循一个基本原则：谁调用的函数，函数的this就指向谁，否则指向全局2、箭头函数this指向先我们要知道
2021-04-15 19:28:58
69
原创 小程序的登录授权
一、调用wx.login生成code1、wx.login() 这个API的作用就是为当前用户生成一个临时的登录凭证，这个临时登录凭证的有效期只有五分钟。``` wx.login({ success: res => { if (res.code) { app.globalData.code = res.code; // 获得code 存入全局 } else { console.log('获取用户登录态失败！' + res.errMsg);
2021-04-14 20:28:04
189
1
原创 小程序slot、模板复用和样式隔离
一、小程序自定义组件slot的使用在自定义的组件中使用插槽slot自定义组件<view class="contant"> <view class="title-box">标题1</view> <slot class="contant-box" name="自定义名字" ></slot></view>要使用该组件的页面<!-- 卡片 --><cards> // 自定义组件的名称
2021-04-13 19:03:26
315
原创 小程序之间的组件传值详解
一、小程序组件复用组件是什么组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架 UI框架：boostStrap,Element UI,v
2021-04-12 20:51:10
90
原创 api工厂接口和postman操作和小程序的接口封装
一、api工厂接口说明1、api工厂官方地址：https://www.it120.cc/2、api工厂前端接口地址：https://api.it120.cc/doc.html#/home3、api工厂后台管理登录地址（若没有提前注册）：https://admin.it120.cc/#/通过postman：专业接口测试工具来测试postman操作事项：公共域名+专有域名公共域名：https://api.it120.cc专属域名域名：这个创建自己的专属域名。 地址：https://api.it1
2021-04-09 20:15:36
2216
原创 微信小程序的数据请求
常用的数据请求方式1. JS原生实现第一种： let xhr=new XMLHttpRequest() xhr.open() xhr.send() 第二种：fetch() 支持promisefetch('接口地址') .then(function(response) { return response.json(); }) .then(function(myJson) { console.log(myJson); }) .catch(error=>
2021-04-08 21:03:19
141
原创 小程序的基本操作性能与基本路由
一、小程序布局与普通web开发差异 。小程序实现响应式单位：rpx小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的.logo {width:80rpx,height:80rpx}样式导入@import "要引入的外部样式文件"意义：大型项目开发中，为了方便样式复用例如：@import "/public/css/style.wxss";行内样式 <view style="color: {{index===1? 'red' : ''}}"</vie
2021-04-07 20:01:40
54
原创 对微信小程序的理解
一、微信小程序是什么。微信小程序是一种不需要下载安装即可使用的应用微信小是2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序正式上线。二、微信小程序商业价值。依托微信，有强大广泛的用户基础，推广方便不用安装，即点即用，不用关闭，不占手机内存空间三、微信小程序和普通H5的区别。微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分（数组，字符串方法，for,if…）微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，而普通H5是单线程的
2021-04-06 21:44:17
162
原创 javaScript内容梳理与总结
javaScript知识梳理javaScript简介：avaScript:是一种单线程的可以运行在浏览器或服务端的弱类型脚本语言一、 单线程：进程：完成一项任务所经历的过程线程：线程进进程范围要小，一个进程可以包括多个线程二、弱类型：变量的类型由赋值的类型决定三、脚本语言：不会提前编译，是在运行时边解释边执行的语言javaScript发展史：javaScript是1995年诞生的javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262)
2021-04-04 09:49:33
123
原创 gitHub的基本操作与使用
gitHub的基本操作与使用gitHub简介：GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。GitHub 于 2008 年 4 月 10 日正式上线，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。目前，在 GitHub 上托管的版本数量非常之多，其中不乏知名开源项目 Ruby on Rails、jQuery、pytho
2021-04-01 19:53:36
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人