- 博客(93)
- 收藏
- 关注
RSS订阅
原创 Java 删除字符串指定字符（包含删除多个字符）
比如原始字符串是：“this is my pen”, 删除掉其中的字符： ‘i’和’y’, 得到：“ths s m pen”。注：这里先删除一个字符，之后再修改一下代码即可完成需求public class DeleteCharString { public static void main(String[] args) { String sourceString = "this is my pen"; char chElemDate = 'i'; System.out.prin.
2020-06-16 15:03:06
9013
原创 数据库——范式判断实例
看了上篇CSDN的小伙伴们，这篇我们来具体做几个题目练习一下明确俩个概念：⑴ 平凡函数依赖： 当关系中属性集合Y是属性集合X的子集时，存在函数依赖X–>Y，则称这种函数依赖为平凡函数依赖；⑵ 非平凡函数依赖： 当关系中属性集合Y不是属性集合X的子集时，存在函数依赖X–>Y，则称这种函数依赖为非平凡函数依赖；为什么要先知道这来个呢？ 因为在做范式判断题的时候，往往在第一问当你...
2020-01-03 14:46:03
13381
4
原创 数据库——范式判断类 题型、解题的套路、步骤
讲题之前，我们先来理顺一下相关的知识点，及其概念。什么是范式？关系数据库中的关系是要满足一定要求的，满足不同程度要求的为不同范式；什么是规范化？一个低一级范式关系模式通过模式分解，可以转换为若干个高一级的范式的关系模式的集合，这个过程就叫做规范化；什么是部分依赖？我这里不详细的说明直接依赖的具体定义规范，有想知道的可自行百度。这里我只例举一个例子：假设 AB为候...
2019-12-31 21:46:14
8612
4
原创 单纯形法（min法，max法），快速掌握，通俗易懂，手把手教你如何解题
单纯形法序言：写的主要是如何解题，没有过于研究他的原理，至于为什么要这样做，原因在哪，依据在哪，等我以后有时间再好好研究吧。一、简述一下做这类题目的解题步骤：首先将他标准化。画出表，填入对应的数据。算检验数 ：Cj–∑(Cb*Xi) ，算哪一列就用哪列。算完检验数Z后，找最大正检验数（此处列举max方法），找到了然后看他所在的列（比如X1），将其作为换入，接着我们算θ ：θ 为 b÷...
2019-12-25 14:39:13
68860
19
原创 js 给出一个有n个元素的数组S，S中是否有元素a,b,c满足a+b+c=0？找出数组S中所有满足条件的三元组
注意： 三元组（a、b、c）中的元素必须按非降序排列。（即a≤b≤c） 解集中不能包含重复的三元组。 例如，给定的数组 S = {-10 010 20 -10 -40},解集为(-10, -10, 20),(-10, 0, 10)示例1输入：[0]返回值：[]示例2输入：[-2,0,1,1,2]返回值：[[-2,0,2],[-2,1,1]]示例3输入：[-10,0,10,20,-10,-40]返回值：[[-10,-10,20],[-10,0,10]]代码：/** * .
2021-10-23 17:57:29
615
原创 使用axios封装一个函数，用来向服务器发送请求，获取数据
这里我们封装了一个request 函数，并将其导出，之后只需导入request 就可使用该函数例如 home.vue 面向 home.js 开发， home.js 面向 request.js开发request.jsimport axios from "axios";export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: "http://152...
2021-09-25 16:25:53
454
原创 prompt 输入一串数字，将其放入数组中，数组按从小到大排序，最终将排序好的数组以字符串输出（中间没有分隔符号）
split()将字符串分割成字符串数组parseInt 将字符串转化成数字； nums[i] -= ‘0’ 也可以将 字符串数字转化为数字sort((a,b)=>b-a) 从大到小排序用join()方法将数组转化为字符串,jion()默认以,号分隔，不用就join(" ")需求：输入数字，将其添加至数组中，然后将该数组进行从大到小排序，排序完之后将其变成字符串输出如输入 8,4,6,2,1,9,3添加至数组后排序:[9,8,6,4,3,2,1]最后输出字符串 9..
2021-09-24 00:16:48
2718
原创 Vue3 响应式实现 雏形
实现原理：1.通过Proxy（代理）：拦截对象中任意属性的变化：包括属性值得读写，属性的添加，属性的删除等2.通过Reflect (反射) ：对被源对象的属性进行操作 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name.
2021-09-17 22:34:17
124
原创 Vue 项目开发小技巧
项目开发小技巧组件必须有一个根 div (.vue文件)如果你想要给插槽设置样式，则需使用一个div将其包裹起来，然后给div 设置样式line-height 要有内容才能撑起来，无法自动撑起设计模式： 首页组件面向home.js开发，home.js 面向request.js开发；在home.js中写着首页所有请求的 url 和参数，到时候home.vue调用对应的函数就行home.vue —> home.js ---->request.jsjustify-con
2021-09-17 08:49:38
235
原创 如何使用 Vuex 中的mapGetters 辅助函数
使用场景：假如你想在某个组件里使用Vuex store 中存储的state的某个属性值，一般的话，我们可以通过计算属性computed: 写一个方法来获取 $store.state.xxx.属性，然后在页面中显示，但是这样有时候会有点麻烦，我们想着可不可以直接使用，不需要再写计算属性，这个时候我们就可以用到mapGetters, 将数据的某些属性放在getters中（比如长度length）将其封装并导出首先 在组件中 导入 mapGetters : import { mapGetters} fr.
2021-09-16 21:32:02
1009
1
原创 Vue 将服务器返回的时间戳 转化为字符串 （封装成一个函数）
创建一个utils.js 封装一个 formatDate函数export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length) ); } let o = { "M+": date.getMonth() + 1, .
2021-09-15 17:02:17
521
原创 $bus 事件总线-------处理非父子间的通信
bus ->总线Vue.prototype.$bus = new Vue() main.js 设置this.$bus.$emit(‘事件名称’, 参数)this.$bus.$on(‘事件名称’, 回调函数(参数))如何将GoodsListItem.vue中的事件传入到Home.vue中？非父子间的通信使用事件总线在GoodListItem.vue methods中发射事件this.$bus.$emit(‘事件名称’, 参数)在Home.vue created 周期函数中监听.
2021-09-08 15:41:50
115
原创 css 竟然可以定义变量 ！！！！ 现在才知道 ！！
:root -> 获取根元素html :root { --color-text: #666; --color-high-text: #ff5777; --color-tint: #ff8198; --color-background: #fff; --font-size: 14px; --line-height: 1.5;}使用 var（- - 你定义的） a { color: var(--color-text); }...
2021-08-29 21:49:34
241
原创 axios框架 网络模块化封装(ajax+promise） 不用 ajax !!!!
安装指令：npm install axios --save创建network文件夹。封装request.js import axios from ‘axios‘//不返回default，而是返回实例，这样可以在有新的请求配置时增加新的实例export function request(config) { //1.创建axios的实例 const instance = axios.create({ baseURL: "http:/xxxxx", timeout: 5000.
2021-08-27 22:32:07
116
原创 Vuex 学习
安装指令 ： npm install vuex --save每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)Vuex 文档：https://vuex.vuejs.org/zh/一、Vuex 是做什么的？官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式通俗解释：把需要多个组件共享的变量全部存储在一个对象里面。然后，将这个对象放在顶层的Vue实例中，让其他组件可以使用。为了保证.
2021-08-26 21:14:45
445
5
转载 什么是前端路由？什么是SPA 单页面富应用？ 前端路由的核心是什么？
前后端分离阶段随着Ajax的出现, 有了前后端分离的开发模式.后端只提供API来返回数据, 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中.这样做最大的优点就是前后端责任的清晰, 后端专注于数据上, 前端专注于交互和可视化上.并且当移动端(iOS/Android)出现后, 后端不需要进行任何处理, 依然使用之前的一套API即可.目前很多的网站依然采用这种模式开发.单页面富应用阶段其实SPA最主要的特点就是在前后端分离的基础上加了一层前端路由.也就..
2021-08-18 15:28:19
239
原创 $router $routes 的区别
$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法例如：点击或者修改路由后跳到相应的组件 itemClick(){ //监听item的点击，通过this.$router.replace()替换路由路径 // 谁点击了就跳到该路径 this.$router.replace(this.path) }$route为当前router跳转对象里面可以获取name、path、query、params等...
2021-08-18 15:21:10
365
原创 Vue-router 学习（动态路由，参数传递，路由嵌套，路由懒加载，导航守卫，keep-alive）
.vue 文件大写 Home.vuename: ‘Home’ 与之对应懒加载也大写 const Homecomponent : Home 也大写只有path：’/home’ 小写运行指令为 ： npm run dev一、前端路由的核心改变URL，但是页面不进行整体的刷新vue-router 基于路由和组件的vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用二、前端路由的基本使用使用vue-router的步骤:第一步: .
2021-08-17 18:18:53
476
原创 Vue CLI2，Vue CLI3 目录结构详解和区别，以及vue cli3 迁移至 vue cli2
Vue CLI2脚手架2的安装方式 ：cnmp install -g vue-cliVue CLI2初始化项目: vue init webpack my-project查看版本号：vue -V卸载脚手架：npm uninstall -g vue-cliVue CLI3脚手架3安装指令：cnpm install -g @vue/cli初始化：vue create myApp查看版本: vue -versionVue CLI2 与 Vue CLI3 的区别vue-cli 3 ..
2021-08-14 20:10:57
466
原创 runtime-compiler 和 runtime-only 的区别，.vue 文件中的 template 是谁处理的
runtime-compiler 的执行过程：template —> ast —> render —> vdom —> UIruntime-only 的执行过程：render —> vdom —> UI从上面可以看出：runtime-only 性能高，代码少使用 runtime-only 时，.vue文件中的 template 是由谁处理的？是由 vue-template-compiler 处理的，将.vue里面的 template 编译成 r..
2021-08-14 17:06:44
180
转载 javascript中实现跨域的方式总结
第一种方式：jsonp请求；jsonp的原理是利用<script>标签的跨域特性，可以不受限制地从其他域中加载资源，类似的标签还有<img>.第二种方式：document.domain；这种方式用在主域名相同子域名不同的跨域访问中第三种方式：window.name；window的name属性有个特征：在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是..
2021-08-08 14:40:38
122
原创 学习 webpack，踩过的坑
最终的目的都是简化入口main.js里面的代码，能分离就分离，把那些有依赖的文件（css， js ，less ， .vue）都导入到这里总之在html页面上只有 bundle.js 一个文件引入目的：实现前端的模块化css处理时 安装了 css [email protected] 和 style loader0.28.0 报错网友说是 现在2.0.2 css的loader 的版本需要webpack 4.0.0 的版本弹幕发了一个解决依赖冲突的办法：npm install --legacy-pee.
2021-08-06 15:35:59
718
原创 报错{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }使用v-loader15以下版本未装插件
发现问题：当降低 vue-loader 的版本到15以下，就可以不用安装插件成功了，但是出现问题：<h3 data-v-5e019a2f="" class="title">徐霞山</h3> 会有这个生成： data-v-5e019a2f问题出处：{ parser: “babylon” } is deprecated; we now treat it as { parser: “babel” }.解决方法：这个不是报错，而是需要将 babylon 换成 babe..
2021-08-06 11:37:14
206
原创 Vue-loader 14 ----迁移 Vue-loader 15
安装指令 cnpm install [email protected] [email protected] --save-devvue官网–（导航栏）生态系统–工具–vue loader–（导航栏）–如何从V14迁移–Vue Loader v15Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用：按照图片提示分别添加const VueLoaderPlugin = require('vue-loader/lib/plugin') 和 ..
2021-08-06 11:30:40
465
原创 Vue-webpack3.6.0配置相关指令（b站coderwhy）
一、 安装前的准备首先需要安装node.js node-v 检查版本号初始化 npm init安装 node_modulesnpm install安装淘宝镜像（加快下载速度）npm install -g cnpm --registry=https://registry.npm.taobao.org 把npm 改成 cnpm二、 文件夹准备新建一个文件：例如 webpack的loader在该文件夹下： 创建一个 dist 文件夹 该文件夹以后用于上传
2021-08-06 11:20:59
399
原创 ＜style lang=‘stylus‘ scoped＞＜/style＞ 还有Vscode配置vue.json自定义模板
一个现在还没有接触的东西<style lang='stylus' scoped></style>现在只知道 lang: 普通的style标签只支持普通的样式，如果想启用scss或者less，需要为style元素设置lang属性还有scoped属性：scoped是指定样式的局部作用域，样式只在当前.vue页面使用，不在其他页面使用至于stylus：富于表现力、动态的、健壮的 CSSstylus是一个强大的css预编译语言,stylus支持省略花括号，支持省略分号，代码整洁，支.
2021-08-04 20:27:45
1057
原创 Vue 组件化学习（组件的基本使用，组件之间的数据传递，插槽slot）
什么是组件?组件是一个单独功能模块的封装，有属于自己的HTML模板，也应该有属于自己的数据data ，还有methods；组件模板必须有一个根（常用div）组件的基本使用：（含语法糖，含模板抽离，含对象抽离）这里是局部组件注册方式基本步骤就是： 先创建一个组件mycpn，在里面写一个模板 template ，template通过 id 分离到页面上，之后将组件mycpn 放到 vue实例对象里面的components 属性里面 进行注册，这样就可以在页面中直接使用mycpn这个组件了 ..
2021-07-26 19:49:00
477
6
原创 ES6中删除重复的数组元素的几种方法( Set 方法最简单 )
使用SetSet是ES6中引入的一个新的数据对象。因为Set只允许你存储唯一的值。当你传入一个数组时，它将删除其中所有重复的值。让我们回到我们的代码，分解一下代码发生了什么。这里做了2件事：首先，我们创建了一个新的Set对象，把一个数组传递进去。因为Set只允许唯一的值存在，所有重复的元素都会被删除。现在重复的值已经没有了，我们再把它转回一个数组，这里使用了扩展运算符…使用Array.from把Set转为一个数组或者，你也可以使用Array.from把一个Set转为一个数组：...
2021-07-24 09:45:33
1313
转载 img ，background-img，background-size
何时用img，何时用背景图1. 使用img 作为html结构内容的一部分 展示从后台传过来的数据对图片进行缩放操作 利于搜索引擎搜索时 有明确的语义化要求图片作为页面的组成部分而不是修饰部分 显示图片只给定宽或高且不能截断图片，并且保证图片宽高比2. 使用背景图 不是html结构的一部分 图像代替文本使用时 缩短下载时间时 为不同的屏幕分辨率展示不同的图像时(media查询时使用背景图) 作为背景图片 禁止用户保存图片(点击鼠标右键另存为操作) 允许图片拉伸，平铺，截取等情况
2021-07-23 21:23:26
520
原创 js 遍历数组和遍历对象 以及三种高阶函数（filter，map，reduce）
for，for in ，for of ，forEach，filter，map，reduce一、js 遍历数组普通 for 循环var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);} //1 2 0 3 9forEach() : ES5推出的,数组自带的循环，主要功能是遍历数组，实际性能比for还弱arr.forEach(function(value,i).
2021-07-15 20:28:34
1159
1
转载 for in ，for of （es 6 新增方法）的特点与区别
总结： 用 for in 来遍历对象 ，for of（ES6 新增方法）来遍历数组 为什么呢？ 举几个例子看一下例1： 用 for in 和 for of 遍历一个对象const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let .
2021-07-15 16:11:10
336
原创 Vue.js 实现简易购物车（商品的增加删除，价格的小计和总计）
使用方法 ：toFixed(2) 保留俩位小数splice(index,howmany) 删除商品 index 规定添加删除的位置 ，howmany 删除几个border-collapse: collapse; 边界折叠： 折叠border-spacing: 0; 边框间距 0html 代码<div id="app"> <div v-if='books.length'> <table> <thead>.
2021-07-13 20:16:44
3162
1
原创 Pop的实用网站
在线扒站工具（扒页面） https://bazhan.me/fullPage.js (基于jquery的全屏滚动插件)http://fullpage.81hu.com/比特虫 （在线制作 ico 图标）https://www.bitbug.net/猫云 https://www.bootcdn.cn/微信官网文档 https://developers.weixin.qq.com/doc/菜鸟工具（在线编辑） https://c.runoob.com/爱资料在线工具 （）https://www..
2021-07-12 19:20:33
1804
原创 ES6 中 对象字面量的增强写法 { }
属性的增强写法ES5 写法 const name = 'why'; const age = 18; const height = 1.88 //ES5的写法 const obj = { name: name, age: age, height: height }ES6的写法：const name = 'why'; const age = 18; const height = 1.88 const obj = { name,.
2021-07-01 10:23:46
92
原创 let var const
ES5 中的 var（全局变量） 是没有块级作用域的(if/for)ES6 中的 let（局部变量） 是有块级作用的(if/for)ES5 之前因为 if 和 for 都没有块级作用域的概念, 所以在很多时候, 我们都必须借助于function的作用域来解决应用外面变量的问题（常用方法为闭包）.ES6 中加入了let ，let它是有 if 和 for的块级作用域.const（常量） 使用应该注意的地方：一旦给const修饰的标识符被赋值之后，不能修改（下面是错误写法）const name.
2021-07-01 09:57:20
54
原创 JSONP 原理 解决跨域问题
JSONP的原理利用的是 script 标签的src 属性 支持跨域访问script 标签的后面写上 需要请求的页面 发送了 一个 方法的名字到服务器 $.getJSON('http://127.0.0.1:8000/jquery-jsonp-server?callback=?', function(data){}服务器接到名字之后 拼接一个方法的调用 在参数中 传入了需要给浏览器的数据返回给浏览器 浏览器把他当做 js解析从而解决了 跨域问题 从服务器获取到了数据...
2021-06-18 10:25:57
82
原创 Ajax 常见问题解决（IE缓存问题，请求超时，网络异常，请求取消，请求重复迭代，JSON数据转化，跨域）
原生 Ajax操作方法 ：1) 创建 XMLHttpRequest 对象var xhr = new XMLHttpRequest();2) 设置请求信息xhr.open(method, url);//可以设置请求头，一般不设置xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');3) 发送请求xhr.send(body) //get 请求不传 body 参数，只有 post 请求使用4) 接收.
2021-06-16 15:44:32
378
原创 Ajax 的初步实现（使用vscode+node.js+express框架）
需求： 点击按钮 向服务端发送一个请求 然后将服务端返回的响应体结果在一个div中呈现出来 同时页面不刷新一、 服务端的前期准备安装node.js https://nodejs.org/en/download/检验是否安装成功 ： 在命令行输入 node -v 按下enter 键之后出现 版本号就表明安装成功 （图如下）使用 vscode安装express (前提是你已经成功安装了node.js)在 vscode 里面新建一个文件夹 文件下面包含俩个文件 一个是你的前端页面代码：.
2021-06-15 16:39:44
708
1
原创 $.get() $.post() $.ajax() 发送 ajax请求
：这三种方法都是jQuery中规定的Ajax方法中一种与服务器交换数据的请求类型。$.get() 使用使用方式： $.get(url, [data], [callback], [type])URL为请求地址（必填），callback为回调函数（可填）data:请求携带的参数。callback:载入成功时回调函数。type:设置返回内容格式，xml, html, script, json, text,样例： $.get('http://127.0.0.1:8000/jquery-s
2021-06-12 01:02:40
193
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人