随笔档案「2022年8月」 - 香香鲲

Vue2：用Vue框架实现 - 移动端的tabbar

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-08-31 22:46 香香鲲阅读(314) 评论(0) 推荐(0)

Vue2：用Vue框架实现 - JSON数据渲染页面

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="referrer" content="no-referrer" /> <meta http-equiv="X-UA-Compatible" conte 阅读全文

posted @ 2022-08-31 22:44 香香鲲阅读(714) 评论(0) 推荐(0)

Vue2：用Vue框架实现 - 点击切换图片

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-08-31 22:41 香香鲲阅读(1059) 评论(0) 推荐(0)

Vue2：用Vue框架实现 - 点击出现下拉框

摘要：方法：设置display/设置宽高 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie 阅读全文

posted @ 2022-08-31 22:39 香香鲲阅读(1071) 评论(0) 推荐(0)

Vue2：过滤器

摘要：filter：过滤器作用： filter主要用于数据展示之前的处理过滤器只能用在v-bind或者插值表达式中语法： {{shuxing|flt}} {{shuxing|flt(arg2,arg3)}} {{shuxing|flt(arg2,arg3)|flt2(el1,el2}}//“shux 阅读全文

posted @ 2022-08-31 22:31 香香鲲阅读(119) 评论(0) 推荐(0)

Vue2：实例：事件绑定、样式绑定、class绑定、style绑定、条件渲染、循环渲染

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js" 阅读全文

posted @ 2022-08-31 09:30 香香鲲阅读(139) 评论(0) 推荐(0)

Vue2：vue面试题汇总

摘要：3.1.渐进增强优雅降级? 优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持 CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而低级浏览器只保证最基本的功能。关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异阅读全文

posted @ 2022-08-31 09:19 香香鲲阅读(1203) 评论(0) 推荐(0)

Vue2：循环渲染(面试)；key值的意义

摘要：v-for 实例： 1.for和if放在了同一个标签中没有先后顺序的要求,但是先执行for 渲染过程为：对arr每一项先做map循环判断v-if给出的条件，再做一遍for 循环渲染这样引起的问题是：arr 数组新增一项数据时，会对每一项再做一遍v-if 循环，然后for 循环渲染 2.解决方案阅读全文

posted @ 2022-08-30 23:01 香香鲲阅读(111) 评论(0) 推荐(0)

Vue2：条件渲染(面试)

摘要：v-if /v-else 或者 v-show 实例： <div id="app"> <div v-if="flag">hello</div> <div v-show="flag">world</div> </div> <script type="text/javascript"> new Vue({ 阅读全文

posted @ 2022-08-30 22:56 香香鲲阅读(48) 评论(0) 推荐(0)

MVC和MVVM(面试)

摘要：MVC与MVVM之间的区别（1）MVC 在实际应用开发场景中，开发者常用的一种设计模式是MVC（eg：node（后端）中的MVC设计模式）： M（Model）：数据模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据。 V（View）：视图层。是应用程序中处理数据显示阅读全文

posted @ 2022-08-30 22:53 香香鲲阅读(61) 评论(0) 推荐(0)

Vue2：数据绑定(响应式数据、双向数据绑定)

摘要：1.什么是响应式数据如果内存中的数据变化了页面UI也会动态跟着刷新这种数据就是响应式数据响应式数据: 只能由代码改变UI或者只能由UI改变代码 // this.arr[2]="hello"//没有劫持数组的下标(不能刷新页面) // this.arr.splice(2,1, "hello") 阅读全文

posted @ 2022-08-30 22:52 香香鲲阅读(514) 评论(0) 推荐(0)

Vue2：样式绑定/切换效果

摘要：切换效果的实现： 1、做切换效果的技术（样式绑定） 2、组件或者模块的切换（动态组件 v-if/v-show） 3、路由切换（router）实例：样式绑定 (1) 对class 属性进行绑定 1、v-bind:class 指令也可以与普通的 class 属性共存 <div :class="{ c 阅读全文

posted @ 2022-08-30 22:50 香香鲲阅读(182) 评论(0) 推荐(0)

Vue2：方法和事件绑定；vue的核心思想？（面试题）

摘要：事件 1.方法的写法在methods中写方法,供事件或者别的方法内部调用 2.事件绑定 v-on: 和 @ 都是绑定事件的指令 v-on:click --> @click指令后面跟事件类型,值就是methds中的方法,可以加小括号也可以不加 <button v-on:click="fn1()">点阅读全文

posted @ 2022-08-30 10:25 香香鲲阅读(55) 评论(0) 推荐(0)

Vue2：VM对象和基础指令

摘要：1.普通插值表达式插入数据: 在标签尖括号中使用{{}}插入js表达式:变量,函数调用,三目运算等等 ,插值表达式中的标识符代表vue对象中的data的属性名或者methods中的方法名 var vm = new Vue({ el: '#app', data: { box:"div1", obj: 阅读全文

posted @ 2022-08-29 22:39 香香鲲阅读(168) 评论(0) 推荐(0)

Vue2：引入VUE的方式（8种）

摘要：第一类： 1、本地引入把vue的js文件下载下来引入 2、CDN引入把vue.js网址引入 3、把vue.js文件放在项目文件夹src中引入项目然后webpack打包 4、编辑器直接生成cdn的方式第二类： 5、自己构建vue的脚手架 /* 1.新建项目 alipay 2.初始化配置文件:n 阅读全文

posted @ 2022-08-29 21:09 香香鲲阅读(2821) 评论(0) 推荐(0)

Vue2：webpack

摘要：打包工具：项目工程化工具什么是webpack？（面试题） webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。 webpack 是一个打包模块化 javascript 的工具，在webpack 里一切阅读全文

posted @ 2022-08-26 20:39 香香鲲阅读(725) 评论(0) 推荐(0)

用JavaScript实现排序算法（冒泡排序、选择排序、插入排序、快速排序、归并排序）

摘要：冒泡排序思路：对未排序的各元素从头到尾依次比较相邻的两个元素大小关系如果左边的队员高, 则两队员交换位置向右移动一个位置, 比较下面两个队员当走到最右端时, 最高的队员一定被放在了最右边按照这个思路, 从最左端重新开始, 这次走到倒数第二个位置的队员即可. 依次类推, 就可以将数据排序完阅读全文

posted @ 2022-08-25 23:19 香香鲲阅读(139) 评论(0) 推荐(0)

树？二叉树？二叉搜索树BST（二叉树）

摘要：树树的定义: 树（Tree）: n（n≥0）个结点构成的有限集合。当n=0时，称为空树；对于任一棵非空树（n> 0），它具备以下性质：树中有一个称为“根（Root）”的特殊结点，用 root 表示；其余结点可分为m(m>0)个互不相交的有限集T1，T2，... ，Tm，其中每个集合本身又是阅读全文

posted @ 2022-08-25 22:57 香香鲲阅读(78) 评论(0) 推荐(0)

对单向循环链表、双向循环链表的基本操作封装

摘要：单向循环链表 class Cnode { constructor(data) { this.data = data; this.next = null; } } // 链表的结构 class CycleLinkList { constructor() { this.head = null; this 阅读全文

posted @ 2022-08-25 11:12 香香鲲阅读(58) 评论(0) 推荐(0)

什么是双向链表？双向链表的操作封装实现（增删改查）？

摘要：什么是双向链表？双向链表既可以从头遍历到尾, 又可以从尾遍历到头也就是链表相连的过程是双向的. 那么它的实现原理, 你能猜到吗? 一个节点既有向前连接的引用, 也有一个向后连接的引用. 双向链表可以有效的解决单向链表中提到的问题. 双向链表的操作封装实现 // 节点的结构只能通过newnod 阅读全文

posted @ 2022-08-24 23:33 香香鲲阅读(93) 评论(0) 推荐(0)

合并两条有序链表

摘要：封装LinkedList方法 class Node { constructor(data) { this.data = data this.next = null } } class LinkedList { constructor() { this.length = 0 this.head = n 阅读全文

posted @ 2022-08-24 23:21 香香鲲阅读(47) 评论(0) 推荐(0)

什么是单向链表？单向链表的基本操作？如何封装？链表的优缺点......

摘要：什么是单向链表？单向链表(单链表)是链表的一种，其特点是链表的链接方向是单向的，对链表的访问要通过顺序读取从头部开始;链表是使用指针进行构造的列表--百度单向链表的基本操作？ append(element)：向列表尾部添加一个新的项 insert(position, element)：向列表的特阅读全文

posted @ 2022-08-24 23:16 香香鲲阅读(219) 评论(0) 推荐(0)

括号匹配度判断

摘要：括号匹配度判断 function isMatch(str) { let stack = new Stack(); for (let i = 0; i < str.length; i++) { if (str[i] == "(" || str[i] == "[" || str[i] == "{") { 阅读全文

posted @ 2022-08-23 10:12 香香鲲阅读(22) 评论(0) 推荐(0)

用栈结构解决佩慈糖果盒问题（JavaScript）

摘要：封装的栈操作方法： https://www.cnblogs.com/LIXI-/p/16612874.html var sweetBox = new Stack(); sweetBox.push('red'); sweetBox.push('yellow'); sweetBox.push('red' 阅读全文

posted @ 2022-08-23 10:00 香香鲲阅读(35) 评论(0) 推荐(0)

用栈结构实现回文数的判断（JavaScript）

摘要：封装的方法栈方法： https://www.cnblogs.com/LIXI-/p/16612874.html 判断回文数： function isHuiwen(str) { let stack = new Stack(); for (let i = 0; i < str.length; i++) 阅读全文

posted @ 2022-08-23 09:53 香香鲲阅读(58) 评论(0) 推荐(0)

队列结构

摘要：什么是队列？队列(Queue)，它是一种运算受限的线性表,先进先出(FIFO First In First Out) 队列是一种受限的线性结构受限之处在于它只允许在表的前端（front）进行删除操作，而在表的后端（rear）进行插入操作实现队列创建 function Queue(){ } 队阅读全文

posted @ 2022-08-22 23:08 香香鲲阅读(97) 评论(0) 推荐(0)

什么是栈？栈的基本操作

摘要：什么是栈？栈（stack），它是一种运算受限的线性表,后进先出(LIFO) LIFO(last in first out)表示就是后进入的元素, 第一个弹出栈空间. 类似于自动餐托盘, 最后放上的托盘, 往往先把拿出去使用. 其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶，相对地，把阅读全文

posted @ 2022-08-22 19:15 香香鲲阅读(1070) 评论(0) 推荐(0)

什么是数据结构？

摘要：数据结构是一种具有一定逻辑关系，在计算机中应用某种存储结构，并且封装了相应操作的数据元素的集合。--百度数据结构用途：解决问题方法的效率, 根数据的组织方式有关计算机中存储的数据量相对于图书馆的书籍来说数据量更大, 数据更加多以什么样的方式, 来存储和组织我们的数据才能在使用数据时更加方便呢阅读全文

posted @ 2022-08-22 14:34 香香鲲阅读(262) 评论(0) 推荐(0)

全栈：路由器

摘要：路由路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。 ps：注册路由时路由名不要跟静态文件名冲突不然会优先访问静态资源例： router.get('/ajax1', controller.home.ajax1)； router.get('/ajax 阅读全文

posted @ 2022-08-19 19:44 香香鲲阅读(34) 评论(0) 推荐(0)

全栈：前端页面用js代码如何跳转一个新的url

摘要：1 跳转链接在当前窗口打开 window.location.href=""target="_self" 2 window.open("") 3 跳转链接返回上一页 window.history.back(-1); 4 self.location.href="" 阅读全文

posted @ 2022-08-18 08:58 香香鲲阅读(698) 评论(0) 推荐(0)

全栈：总结请求数据的几种方法

摘要：核心代码 1. axios 用get请求给url2发送字段的代码 axios(url2,{params:obj}) axios.get(url2,{params:obj}) axios(url,{params:obj}) .then(res=>console.log(res)) 2.axios 用p 阅读全文

posted @ 2022-08-08 20:38 香香鲲阅读(117) 评论(0) 推荐(0)

全栈：数据库的一些使用操作

摘要：数据库文件系统接口 3306 自动++ 设置主键配置传入字段名称 ctime(create time) DATE 允许null 常用： INT VARCHART 保存后--数据右键--插入数据查询--写SQL语句插入： insert into [表名user] (字段ctime,scre 阅读全文

posted @ 2022-08-08 20:31 香香鲲阅读(49) 评论(0) 推荐(0)

全栈：axios-fecth

摘要：axios是什么 axios是基于Promise封装的ajax库，基于这个类库发送ajax请求，默认就是基于promise管理的，核心是XMLHttpRequestaxios是网络请求工具，需要引入axios库 function fn(){ var url = "http://192.168.1.1 阅读全文

posted @ 2022-08-07 16:04 香香鲲阅读(42) 评论(0) 推荐(0)

全栈：async-await

摘要：async/await是什么 async/await 是ES7提出的基于Promise的解决异步的最终方案。 async async是一个加在函数前的修饰符，被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then，返回值就是then方法传入的阅读全文

posted @ 2022-08-07 11:53 香香鲲阅读(62) 评论(0) 推荐(0)

全栈：Promise封装Ajax

摘要：使用Promise封装Ajax function myaxios (url) { //创建一个promise对象 var p1=new Promise(function(n1,n2){ //Ajax var xhr=new XMLHttpRequest() xhr.open("GET",url,tr 阅读全文

posted @ 2022-08-04 22:51 香香鲲阅读(21) 评论(0) 推荐(0)

全栈：使用回调函数封装Ajax

摘要：封装Ajax function myAjaxTool(url,cb){ var xhr=new XMLHttpRequest() xhr.open("GET",url,true) xhr.send() xhr.onreadystatechange=function(){ if(xhr.readySt 阅读全文

posted @ 2022-08-04 19:39 香香鲲阅读(45) 评论(0) 推荐(0)

全栈：Proxy

摘要：什么是proxy？指的是代理软件或代理服务器，也可以认为是一种网络访问方式。 Proxy的原理 1、去请求别人服务器的数据然后发送给前端2、访问时必须先通过对方服务器（实例对象）的允许。 Proxy是在开发阶段最常用的手段，比如Vue，React 等前端框架中理解：常常有一个自己的开发服务器阅读全文

posted @ 2022-08-04 19:04 香香鲲阅读(134) 评论(0) 推荐(0)

全栈：JSONP

摘要：什么是JSONP JSON with padding 举个例子：前端提前设置一个函数，假设函数名为fn 然后把fn 这个字符串用script标签的src属性发送给后端后端解析出参数querystring中的fn字符串，把后端的JSON数据拼接成'fn（JSON数据）'这个字符串发送给前端前端因为使阅读全文

posted @ 2022-08-03 23:50 香香鲲阅读(59) 评论(0) 推荐(0)

全栈：CORS

摘要：什么是CORS 全称Cross-Origin Resource Sharing ，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏阅读全文

posted @ 2022-08-03 21:25 香香鲲阅读(116) 评论(0) 推荐(0)

全栈：跨域

摘要：什么是跨域？指浏览器不能执行其他网站的脚本。是浏览器的同源政策导致的；当一个从一个域名访问另一个域名的资源时，是所谓跨域。因此域名、端口、协议任一不同，都属于跨域。浏览器为了用户的信息安全，网页中有一个网络请求技术：Ajax，在网络请求时,请求的网址和当前页面的网址不是同一台服务器，就会被阅读全文

posted @ 2022-08-01 23:04 香香鲲阅读(45) 评论(0) 推荐(0)

全栈：pathname和url的区别

摘要：pathname和url的区别 pathname仅仅是URL的路径部分例：有一个网址:"http://192.168.1.1:8080/page/news?count=20&inputT=884" 那么这个网址的pathname就是"http://192.168.1.1:8080/page/ne 阅读全文

posted @ 2022-08-01 22:13 香香鲲阅读(208) 评论(0) 推荐(0)

全栈：Ajax技术（Ajax和Node.js的区别）

摘要：Ajax是什么？ Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。缩写是Asynchronous JavaScript and XML；可以实现异步更新数据； Ajax工作流程：使用Ajax技术局部刷新页面的原理 Ajax时在不刷新页面的情况下去请求数据，然后把这个数据局阅读全文

posted @ 2022-08-01 21:47 香香鲲阅读(411) 评论(0) 推荐(0)

全栈：静态网址

摘要：静态网址实例： //静态网址 var http = require('http') var querystring = require('querystring'); var fs = require('fs') var url = require('url') var app = http.cr 阅读全文

posted @ 2022-08-01 20:57 香香鲲阅读(54) 评论(0) 推荐(0)

全栈：静态资源托管

摘要：静态资源托管什么是静态资源托管？客户端向服务端发送的各类请求中，其中跨域包含各类文件，比如HTML代码、CSS样式文件或者图片文件。若要返回客户端想要的效果，就需要针对资源请求返回不同的内容例： //静态资源托管 var mime=require("mime") var url=require 阅读全文

posted @ 2022-08-01 20:48 香香鲲阅读(196) 评论(0) 推荐(0)

全栈：相对路径，绝对路径

摘要：相对路径、绝对路径 1、本地相对路径页面是本地打开，在这个页面中写路径例：“./src/Bird.png” 这个路径的文件的页面是在本地打开的； “src/Bird.png” 同上 2、本地绝对路径从根盘开始写路径例：'C:/Program/user/data/index.html' 3、相阅读全文

posted @ 2022-08-01 20:19 香香鲲阅读(112) 评论(0) 推荐(0)