- 博客(83)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 前端开发环境部署问题（高级程序员必备）
脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的解析器，如写入html的js语言，浏览器是它的解析器角色。而对于需要独立运行的JS，nodejs就是一个解析器。事件驱动： 任务执行，发布者，订阅者，事件驱动 （ on emit ） 非阻塞： 执行某一个任务的同时也可以执行其他任务。当我们使用Node.js来实现数据库操作、文件系统等操作时，要进行的异步操作，异步操作的核心传统实现方式就是回调函数。后面的地址复制得到的，可以自己从当前可用源中切换其他的镜像源。
2023-06-13 18:20:03
16519
1
原创 书山有路勤为径 学海无涯苦作舟（AI引领时代浪潮）
通常情况下，模型的参数初始化需要遵循一定的规则和原则，例如避免参数的值过大或过小，避免参数之间的相关性等。超参数的调整可以直接影响模型的训练效果和性能，因此需要进行反复的试验和调整，以获得最佳的超参数设置。模型保存的方法包括序列化、压缩等，部署的方式包括将模型集成到应用程序中、以API的形式提供模型服务等。损失函数是用来衡量模型在训练数据上的表现的指标，通常情况下，需要根据问题的特点选择相应的损失函数。评估模型的常用方法包括计算模型的损失函数、计算模型的准确度、查看模型的混淆矩阵等。
2023-06-13 17:56:17
15837
原创 node面试题
node常见面试题库1、检测系统中node版本号的指令是？node -v2、如何退出node执行环境（REPL环境）？ctrl+c c3、node如何创建服务器，写出代码？var http=require(‘http’);var server=http.createServer(function(req,res,next){//业务逻辑 })server.listen(3000,function(err){if(!err){console.log(‘服务器运行在3000端口上’)
2021-03-01 17:22:18
2577
3
原创 百度--搜索引擎是怎么实现的--如何制作一个搜索浏览器
需要注意的是，这是一个复杂的任务，涉及到多个技术领域，包括前端开发、后端开发、网络通信、安全等。搜索引擎的实现涉及到大量的技术，包括网络爬虫、自然语言处理、信息检索、机器学习等领域的技术。这通常以页面的形式呈现，包括标题、摘要、网址等信息，以及相关的搜索建议、广告等。你可以根据需求自行扩展和优化这个示例，例如，将搜索结果显示为链接、添加分页功能、实现点击搜索历史项自动填充搜索框等。：首先，你需要确定你的搜索浏览器的功能需求。：准备好发布你的搜索浏览器，并进行推广，让更多的用户使用和体验你的产品。
2023-07-05 10:32:01
3336
原创 element Plus Select选择器实现查询搜索 下拉选择
以上是使用 Element Plus 的 Select 组件实现查询搜索的下拉选择的基本步骤。还可以用于菜单导航的场景，当菜单项较多时，可以使用 Select 选择器来展示菜单选项，用户可以通过搜索或浏览下拉列表来选择菜单项。方法中，可以通过发送异步请求或者从本地数据中进行搜索，获取匹配的选项数据，并将数据设置到 Select 组件的。还可以用于多选的场景，用户可以从多个选项中选择多个值。用户可以根据某个字段的值从下拉列表中选择一个或多个选项，以便过滤显示的数据。：在数据展示或数据查询的界面中，
2023-07-04 10:49:10
6615
原创 宝剑锋从磨砺出 梅花香自苦寒来（高考志愿篇）
各省高考成绩已出，又到一年高考季。张雪峰提到：“普通家庭不要光谈理想，也要谈落地。”志愿怎样填报、选专业还是选学校、什么专业好就业、高考志愿主要看什么？针对这些疑问，你对正在选志愿的毕业生们有什么建议吗？你可以从下面几个方面来聊聊你想推荐/避雷的专业。
2023-06-29 10:04:40
1210
原创 vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建前端项目
/ 详情: https://cli.vuejs.org/guide/css.html#passing-options-to-pre-processor-loaders。很多小伙伴会问我，适配的问题,因为我们使用的是 Vant UI，所以必须根据 Vant UI 375 的设计规范走，一般我们的设计会将 UI 图上。现在我们来说说怎么重写 vant-ui 样式。由于 vant-ui 的样式我们是在全局引入的，所以你想在某个页面里面覆盖它的样式就不能。其他的你就可以根据你设计图，去写对应的样式就可以了。
2023-05-26 14:29:15
1564
原创 TS入门（TS类型有哪些？怎么使用？）
中类型的冰山一角，还有很多高级用法，比如联合类型、交叉类型、类型别名、泛型等，可以根据实际需求灵活运用。提供了静态类型检查，能够在编译时就发现类型错误，避免了在运行时出现类型错误的情况。的类型系统可以提高代码的可读性、可维护性和可靠性，对于大型项目开发来说是非常有益的。是一种强类型语言，变量的类型在编译时就已经确定了，可以进行更加严格的类型检查。类型: 表示永远不存在的值的类型，通常用于函数的返回值。）: 表示元组类型，可以包含固定数量和类型的元素。）: 表示数组类型，可以包含任何类型的元素。
2023-05-25 14:23:04
1973
1
原创 VUE 项目去除 input 框值 所有空格
去除空格的方法str.trim(); //去掉首尾空格str.replace(" ",""); //去除所有空格，包括首尾、中间str.replaceAll(" ", ""); //去掉所有空格，包括首尾、中间str.replaceAll(" +",""); //去掉所有空格，包括首尾、中间str.replaceAll("\\s*", ""); //可以替换大部分空白字符， 不限于空格 正则：str.replace(/\s*/g,"")str.replace(/\ +/g, "");
2022-05-24 09:52:11
32897
原创 vue3项目水印
基于vue3项目：1.新建js文件：例如shuiyin.js'use strict' let watermark = {} let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)) } let
2022-04-15 16:34:43
24417
原创 动态表单的数据存储
动态表单的数据存储这里根据上面的动态表单设计的界面，整合并存储对应界面控件的值，从而实现了动态表单和动态表单数据的整合显示了。为了有效管理动态表单的数据和是否展示的处理，我们在业务表单的data属性集合中增加了两个变量，如下所示。 hasDynamicForm: false, // 是否有动态表单 dynamicFormJson: '', // 动态表单的JSON数据这样我们在业务表单列表界面呈现的时候，也同时获取对应的动态界面结构JSON，如下代码所示。created() { t
2022-04-14 16:46:49
29161
1
原创 更改checkbox的默认样式
更改checkbox的默认样式原理： label 绑定 checkbox， 可以通过点击该label来触发该 checkbox，通过 labe l的 :after 或 :before伪类来修改样式HTML:<div> <input type="checkbox" id="checkbox_a1" class="chk_1" value="徒步" /> <label for="checkbox_a1">徒步</label> <inpu
2022-04-13 15:01:17
24262
原创 纯CSS实现点击一个元素，背景颜色切换
纯CSS实现点击一个元素，背景颜色切换基本思路： 将input与div间隔依次布局，并且将input与div设置相同宽高、相同定位，利用input的:check伪类控制各元素之间的层级关系HTML如下：<div class="all"> <input type="checkbox" class="faux" /> <div class="box box1"></div> <input type="checkb
2022-04-13 14:57:32
26273
原创 Vue实例的生命周期全过程（图）
Vue实例的生命周期全过程（图）（这里的红边圆角矩形内的都是对应的Vue实例的钩子函数）在beforeCreate和created钩子函数间的生命周期在beforeCreate和created之间，进行数据观测(data observer) ，也就是在这个时候开始监控data中的数据变化了，同时初始化事件created钩子函数和beforeMount间的生命周期对于created钩子函数和beforeMount间可能会让人感到有些迷惑，下面我就来解释一下：el选项的有无对生命周期过程的影响
2022-04-11 15:24:50
23498
原创 vue后台水印实现
vue后台水印实现Vue项目在页面添加水印功能创建watermark.js文件<template> <router-view v-waterMark="waterCode" ></router-view></template><script>import waterMark from 'common/utils/watermark';export default { directives: {
2022-04-07 11:19:34
24532
2
原创 浅拷贝、深拷贝的实现
浅拷贝、深拷贝的实现深拷贝和浅拷贝的区别1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”浅拷贝：// 1. ...实现let copy1 = {...{x:1}}// 2. Object.assign实现let copy2 = Object.assign({}, {x:1})深拷贝：// 1. JOSN.stringify()/
2022-04-01 16:01:23
730
原创 BFC理解
BFC理解BFC就是“块级格式化上下文”的意思，BFC是一块独立的布局环境，保护其中内部元素不收外部影响，也不影响外部。本身BFC是一种css的布局方式，只是我们可以利用它来解决外边距折叠的问题，BFC并不是专门用来解决这个问题而创的。BFC触发条件：1.根元素，即html2.float的值不为none（默认）3.position的值为absolute或fixed4.overflow的值不为visible（默认）display的值为inline-block、table-cell、table-c
2022-04-01 15:55:24
720
原创 HTTP 状态码
HTTP 状态码1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态码100 - 继续 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分101 - 切换协议 请求者已要求服务器切换协议，服务器已确认并准备切换2xx（成功）表示成功处理了请求的状态码200 - 成功 服务器已经成功处理了请求。通常，这表示服务器提供了请求的网页201 - 已创建 请求成功并且服务器创建了新的资源202 - 已接受 服务器已接受请求，但尚未处理203 - 非授权信息 服务
2022-03-30 11:09:00
541
原创 浏览器存储的方式有哪些
浏览器存储的方式有哪些补充：cookie 原本并不是用来储存的，而是用来与服务端通信的，需要存取请自行封装 api。而 localStorage 则自带 getItem 和 setItem 方法，使用很方便。localStorage 注意点：1.localStorage 只能存字符串，存取 JSON 数据需配合 JSON.stringify() 和 JSON.parse()2.遇上禁用 setItem 的浏览器，需要使用 try...catch 捕获异常...
2022-03-30 10:06:14
2211
原创 HTTP1.0 / 1.1 / 2.0 及HTTPS
HTTP1.0 / 1.1 / 2.0 及HTTPSHTTP1.1 是当前使用最为广泛的HTTP协议HTTP1.0 和 HTTP1.1 相比HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。缓存处理：在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策
2022-03-28 17:34:48
1542
原创 浏览器 cookie 和 session 的认识
浏览器 cookie 和 session 的认识session 是基于 cookie 实现的。1.cookie 保存在客户端浏览器中，而 session 保存在服务器上。2.cookie 机制是通过检查客户身上的“通行证”来确定客户身份的话，那么session 机制就是通过检查服务器上的“客户明细表”来确认客户身份。session 相当于程序在服务器上建立的一份客户档案，客户来访的时候只需要查询客户档案表就可以了。cookie 和 session 的区别：存在的位置：cookie 存在于客户端，
2022-03-25 16:15:29
2539
原创 说一下 Vue 和 React 的认识，做一个简单的对比
说一下 Vue 和 React 的认识，做一个简单的对比1.监听数据变化的实现原理不同1.Vue 通过 getter/setter 以及一些函数的劫持，能精确快速的计算出 Virtual DOM 的差异。这是由于它在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。3.React 默认是通过比较引用的方式进行的，如果不优化，每当应用的状态被改变时，全部子组件都会重新渲染，可能导致大量不必要的 VDOM 的重新渲染。3. Vue 不需要特别的优化就能达到很好的性能，而对于 React
2022-03-24 09:26:49
1376
原创 你是如何理解 Vue 的响应式系统的?
你是如何理解 Vue 的响应式系统的?响应式系统简述:1.任何一个 Vue Component 都有一个与之对应的 Watcher 实例2.Vue 的 data 上的属性会被添加 getter 和 setter 属性3.当 Vue Component render 函数被执行的时候, data 上会被 触碰(touch), 即被读, getter 方法会被调用, 此时 Vue 会去记录此 Vue component 所依赖的所有 data。(这一过程被称为依赖收集)4.data 被改动时（主要是
2022-03-24 09:19:25
1132
原创 介绍下304过程
介绍下304过程a. 浏览器请求资源时首先命中资源的Expires 和 Cache-Control，Expires 受限于本地时间，如果修改了本地时间，可能会造成缓存失效，可以通过Cache-control: max-age指定最大生命周期，状态仍然返回200，但不会请求数据，在浏览器中能明显看到from cache字样。b. 强缓存失效，进入协商缓存阶段，首先验证ETagETag可以保证每一个资源是唯一的，资源变化都会导致ETag变化。服务器根据客户端上送的If-None-Match值来判断是否命中缓
2022-03-22 16:28:43
773
原创 浏览器渲染的步骤
浏览器渲染的步骤1.HTML 解析出 DOM Tree2.CSS 解析出 Style Rules3.两者关联生成 Render Tree4.Layout（布局）根据 Render Tree 计算每个节点的信息5.Painting 根据计算好的信息进行渲染整个页面浏览器解析文档的过程中，如果遇到 script 标签，会立即解析脚本，停止解析文档（因为 JS 可能会改变 DOM 和CSS,如果继续解析会造成浪费）。如果是外部 script, 会等待脚本下载完成之后在继续解析文档。现在 scrip
2022-03-22 16:05:10
711
原创 模板编译 with 语法
with 语法const obj = {a:100, b: 200}console.log(obj.a) // 100console.log(obj.b) // 200console.log(obj.c) // undefined// 使用width，能改变 {} 内自由变量的查找方式// 将 {} 内自由变量当做 obj 的属性来查找with(obj) { console.log(a) // 100 console.log(b) // 200 console.log(c) //
2022-03-21 10:06:05
619
原创 前端路由原理 - H5 history
前端路由原理 - H5 historyH5 history● 用 url 规范的路由，但跳转时不刷新页面● history.pushState● window.onpopstate正常页面浏览https://github.com/xxx 刷新页面https://github.com/xxx/yyy 刷新页面https://github.com/xxx/yyy/zzz 刷新页面改成H5 history 模式● https://github.com/xxx 刷新页面● ht
2022-03-15 09:38:44
1983
原创 项目性能优化
性能优化构建速度1. 优化 babel-loader{ test: /\.js$/, use: ['babel-loader?cacheDirectory'], // 开启缓存,未改变部分不重新编译 include: path.resolve(__dirname, 'src') // 明确范围 /* 排除范围，include和exclude两者选一个即可 exclude: path.resolve(__dirname, 'node_modules') */}2.
2022-03-09 11:00:13
1107
原创 webpack基本配置
webpack基本配置拆分配置和mergewebpack.common.jswepack.dev.jswebpack.prod.js我们在dev/prod文件中/*****省略部分不重要****/const webpackCommonConf = require('./webpack.common.js')const { smart } = require('webpack-merge')module.exports = smart(webpackCommonConf,{ mode:
2022-03-09 10:46:43
1345
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人