weixin_47200160的博客

原创 【bug】微信小程序了，在开发中遇到的2个问题

http://127.0.0.1:3000 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env: Windows,mp,1.06.2412050;如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目，操作路径：“详情-域名信息”找到“本地设置” ，更改“调试基础库”。更改调试库之后，如果没反应点下 “编译”，然后报错就没了。

原创 【vue3 】 创建项目vscode 提示无法找到模块

√ 是否引入 Vue Router 进行单页面应用开发？√ 是否要引入一款端到端（End to End）测试工具？√ 是否使用 TypeScript 语法？√ 是否引入 Vitest 用于单元测试？√ 是否引入 Pinia 用于状态管理？√ 请输入项目名称： …vue-project。我们需要在tsconfig.json里面进行配置。√ 是否启用 JSX 支持？使用命令创建 vue3 创建新应用。会看到一些可选功能的询问？进入目录运行启动项目。

原创 jqgrid 部分文档摘录

cellvalue：要被格式化的值options：对数据进行格式化时的参数设置，格式为： { rowId: rid, colModel: cm}rowObject：行数据数据的反格式化跟格式化用法相似.//...// ...//...//...});表格中数据实际值为123.00，但是显示的是$123.00;我们使用getRowData ，getCell 方法取得的值是123.00。创建通用的格式化函数});});

原创 【c#-Nuget 包“在此源中不可用”】 Nuget package “Not available in this source“

听起来您的公司有一个发布包的内部 NuGet feed，而不是公共 NuGet.org feed。您应该向您的同事询问提要 URL，并将其添加到您的配置中，例如。

原创 LODOP 打印控件 选择A4提示“纸张大小由程序控制，无法改变”

打印控件默认在代码里指定了打印、纸张、纸张方向、份数等信息，在预览的界面的设置里是无法重新选择的，默认是禁止重选的。但还想打印预览的时候，调纸张或方向，而设置了。打印中，会遇到一个问题，你可能想默认用。后，再去修改，会提示不能更改。

转载 【前端】Webstorm 常用快捷键备忘(Webstorm入门指南)

名称叫：WebStorm。ctrl+shift+F12 ctrl+shift+F12 最大区域显示代码（会隐藏其他的功能界面模块）ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置（必记）目前是英文版的，功能很强大。

原创 【bug记录】 layui老项目

一开始以为是页面初始化的时候没有刷新，尝试一面一加载后去刷新总开关的状态，发现使用。获取不到 table 数据。开关按钮，上面还有一个总开关按钮。总开关可控制下面所有的按钮。里 开关，会实时更新，但是一打开页面，总开关不会刷新。里子开关的状态 改变总开关的状态，写多了，总会以为会自动更新呢。：改变完总开关状态，记得。： 点击弹框，弹框里是。

原创 【前端】 layui老项目 回顾 layui

完整重载仅数据重载获取选中行设置行选中状态获取当前页接口数据获取表格缓存数据集重置尺寸导出数据获取配置项事件设置列显示或隐藏尾部分页栏事件单选框事件复选框事件单元格工具事件「单击触发」：单元格工具事件「双击触发」：单元格编辑事件行右键菜单事件列筛选（显示或隐藏）后的事件列拖拽宽度后的事件排序切换事件头部工具栏事件。

原创 table某条数据操作的弹框还去操作当前分页所有数据？？

el-table 数据展示，操作按钮某一条数据时，弹框，弹框还要显示上一条，下一条，去操作当前分页所有数据。当然 详情页操作的时候也要去 注意操作的数据时当前显示的数据。弹框组件传递 table绑定的数据。

原创 git 提交代码需要规范嘛？

我总是习惯提交到代码总是直接写 修改了xxx bug 添加了 xxx 功能；突然有一天发现有人 提交代码的时候 前面有几个 英文字母，不知道啥意思。虽然公司没人要求，凡是还是用起来吧！免得有人说俺技术水平不行！

原创 mysql 安装及基础使用（慕课网）

SQL结构化查询语言简称SQLSQL语句就是对数据库进行操作的一种语言。

原创 工作中 一手代码之 chrome 浏览器 Provisional headers are shown

flags 页面按照 Available、Unavailable 两种标签页显示项目，如果用户明确知道需要查找的实验项目，可以使用顶部的搜索栏，或者在地址栏直接输入 chrome://flags/#(项目名称)，比如我要查找 overlay-scrollbars 项，那么只需要输入 chrome://flags/#overlay-scrollbars，即可直接定位到目标选项。简而言之，就是请求并没有发出去。chrome://apps：访问 Chrome 浏览器中安装的应用的界面，可以对应用进行删除管理。

原创 学习Linux --磁盘管理

固态硬盘（类似U盘，电信号寻址），机械硬盘（靠磁头读取磁片的数据，磁盘可写两面，真空环境下的存储）磁盘结构： 扇区，磁道，磁柱，磁面磁盘的 0 磁道 0 柱面 1 扇区存储的是 MBR (主引导记录)信息。MBR 共 512 字节，446 的主引导程序 + 64 的分区表 + 2 的魔数（分区结束符）组成磁盘表示/dev/hba1或者/dev/sdc1/dev 设备文件目录hd: 代表IDE 接口的硬盘，sd: sata,sas,usb,scsi接口硬盘。

原创 工作中二手代码bug之 tree-table

思索半天 网上找找类似代码果然被我发现 https://github.com/no-simple/vue-tree-table，然后看看demo 功能是实现了的，果断clone到本地研究，运行起来发现 也是折叠不了，又思考为什么折叠不起来了，他是通过什么实现的呢？哦 看看代码 原来是 row-style ，然后网上搜搜 row-style失效的问题，https://blog.youkuaiyun.com/ww_5211314/article/details/109615099 果然有类似问题出现。

原创 vue 2.0需求拍摄证件照（需要设置人头取景框，鼠标也拖拽，键盘方向键可调整位置）

需求是： vue2 主页面是一个表格，存在按钮点击进行调取摄像头拍照，拍照呢要有头像的取景框，鼠标可移动，键盘通过方向键也可移动，调整了昨天的代码存在的问题，拖动会拍照一部分外面的内容，今天，疑惑点在获取更新后的节点，及怎么设置键盘事件监听的方法上。取景框如图：也可下载获取。继续昨天的代码更新一下。

原创 vue 实现一个拖拽的拍照功能带头像选择框的demo

vue 实现照片采集的功能，

原创 Vue 开发的基础，前端的必备

这个树有一个根节点标签，由这个根，你的每一个标签，标签，,等等，以及他们的文本内容，在上面生长，我们可以很轻松的在这颗树上定位到他们的位置！DOM 节点的操作：无需查找的元素不需要查找，就可直接获得的元素/对象有 4个；（1）根节点对象：（2）元素节点对象：（3）元素节点对象：（4）元素节点对象：按节点间关系查找.按 HTML 特征查找4. 选择器查找如: 是 操作如 :节点的操作

原创 前端 数据结构 栈与队列

前端 数据结构 栈与队列。

原创 vue--bug（下载@vue/cli,无法运行项目）

vue/cli 脚手架安装完成，无法运行项目。

原创 js基础面试题2

Javascript 基础面试题2

原创 JavaScript 面试题 基础1

js基础面试题1

转载 想知道Vue3与Vue2的区别? 五千字教程助你快速上手Vue3!

作者：东方小月 链接：https://juejin.cn/post/7111129583713255461 来源：稀土掘金本篇文章主要采用选项式Api，组合式Api，setup语法糖实现它们直接的差异选项式Api与组合式Api选项式Api组合式Apisetup 语法糖总结：选项式Api是将data和methods包括后面的watch，computed等分开管理，而组合式Api则是将相关逻辑放到了一起（类似于原生js开发）。setup语法糖则可以让变量方法不用再写return，后面的组件甚

原创 【elementui】关于el-date-picker日期限制输入

**小需求：element ui关于el-date-picker在实际开发过程中需要限制日期，比如：开始日期不能比结束日期迟，结束日期-开始日期不能相差超过365天。话不多少，上代码看看。**<template> <div class="home"> <HelloWorld msg="主页" /> <div> <el-date-picker v-model="startDate" type="date" placeho

原创 input输入限制

input的限制只能输入数字的小需求：在日常项目开发过程中，我们经常会用到 ElementUI 这个组件库，其中的 el-input组件并没有对数字的进行限制的功能，特别是有的项目中需要限制只能填写数字，不能为负数，不能有多个小数点，小数位多少，整数位多少等等。为实现这些需求，组件默认的功能就很难满足了，需要专门写代码来控制。为了减少开发成本，提高工作效率，我整理了如下2种方法，大家可以根据实际情况使用，以下方法仍旧适用普通 input 标签。方法一：使用行内正则控制方法二：使用封装的通用方法进行更

原创 20220413重学vue的cpomputed属性

vue的computed属性的小应用：实现购物车1 小需求：复选框，全部选中 则表头显示为全部选中。<template> <div> <div class="top"> 是否全选： <span v-if="isCheck" style="color:red">是</span> <span v-else>否</span>

原创 Element表单验证规则

Element表单验证规则一、简单的逻辑验证使用方法：方法步骤：1、在html中给el-form增加 :rules=“rules”2、html中在el-form-item 中增加属性 prop=“名称”3、js中直接在data中定义rules:{}在template标签中的写法：<el-form ref="formData" :rules="rules" :model="formData" label-width="500px"> <el-form-item lab

原创 ES6新语法及vue基础

https://www.angularjs.net.cn/es6新语法:(多看多用)1 字符串方法 //字符串方法 includes包含 // let str="ijahsdjkhasd"; // console.log(str.includes("jjj"));//false // console.log(str.includes("ij"));//true // console.log(str.includes("asd"));//true //字符串方法 rep

原创 解析完整的url

解析完整的url可以一打开终端,使用url.parse进行解析一个完整的url;键入node回车.显示如下然后键入一个完整的url,比如:1 http 协议 protocol（ 有多种协议:https超文本加密传输协议 , http 超文本传输协议, file 文件协议,ftp 文件传输协议,）这代表网页使用的是HTTP协议。在"HTTP"后面的“//”为分隔符2 www.baidu.com 为主机名 hostname3 www.baidu.com:80 主机 host

原创 JavaScript高级笔记01

JavaScript高级学习笔记11.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函

原创 JAVAScript 数组的几个常用的方法

1--Filter过滤数组是另一个具有许多用例的基本功能。你必须为它提供一个函数。如果某个元素通过了该测试，则将其包含在新数组中，否则不包含在新数组中。function isAdult(value) { return value >= 18;}var filtered = [12, 5, 8, 34, 44].filter(isAdult);// -> [34, 44]2--ForEach除了使用for 循环，你还可以使用内置于数组中的 forEach 函数。它将为

原创 JAVAScript-数组去重+排序

<script> var arr=[1,2,100,1,4,1,2,4,5,99]; var arr2=[]; //先去重 for(let i=0;i<arr.length;i++){ if(arr2.includes(arr[i])==false){ arr2.push(arr[i]); } } //排序 f.

原创 JAVAScript-增删改查案例

<!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=1.0"> <title>...

原创 JAVAScript--左右穿梭框

<!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=1.0"> <title>左-.

原创 JAVAScript--增删改查案例2

html代码如下:<!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=1.0"> <

原创 javaScript基础学习--数组+DOM之增删改查-综合案例

html部分:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0">&...

原创 JAVAScript基础学习--dom节点操作

节点属性1.childNodes 返回包含被选节点的子节点的 NodeList​ 如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。​ 如需循环子节点列表，使用 nextSibling 属性，要比使用父对象的 childNodes 列表效率更高。2.firstChild 返回被选节点的第一个子节点,如果选定的节点没有子节点，则该属性返回 NULL。​ 获取指定元素的第一个子节点，可以是元素节点，也可以是文本节点。3.lastC...

原创 JAVAScript基础学习--对象

原创 JAVAScript基础学习--字符串

原创 JAVAScript基础学习--基础语法

原创 JAVAScript基础学习--函数