- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 配置nginx ssl 开启站点https请求，真的把我坑惨啦！
就是浏览器缓存问题，导致一直访问https的地址没有正常显示。没有对应文件夹的话可以新建，与nginx的路径一致即可。一般放在服务器的/etc/nginx/ssl/路径下。xxx 替换为你的域名 并修改你的域名后缀。得到crt、key后缀文件。一定要清下浏览器缓存！
2024-08-28 14:43:27
277
原创 WordPress后台地址被改导致无法登陆后台的简单解决方法
可以看到option_value这个属性值，如果WordPress地址（URL）修改错误，这个option_value就会变成那个错误的地址而无法再从后台更改，我们可以在数据库中对齐更改。更改完，就可以正常登陆网站主页和WordPress后台了。
2024-06-13 11:50:37
916
原创 前端问题整理
重绘与重排： 当页面的样式或布局发生变化时，浏览器会触发重绘（Repaint）和重排（Reflow），其中重排会引起布局的重新计算，性能开销较大，应尽量避免。：计算属性会缓存它的计算结果，只有当依赖的响应式数据发生变化时，才会重新计算。：当依赖的响应式数据发生变化时，与之相关的计算属性会自动重新计算其值，并确保界面上相应的数据也会更新。：计算属性只在实际需要时才会计算，这意味着只有当计算属性被访问时，它才会执行计算逻辑。：当你在 Vue 实例中定义一个 watch 属性，你可以指定要监听的响应式数据。
2024-06-13 11:13:42
789
原创 高级前端开发工程师面试知识点梳理-终极篇
JavaScript1. 基础数据类型JavaScript中的基础数据类型包括数字（Number）、字符串（String）、布尔（Boolean）、数组（Array）、对象（Object）、空（Null）和未定义（Undefined）。// 数字let num = 10;// 字符串let str = "Hello, world!";// 布尔let bool = true;// 数组let arr = [1, 2, 3];// 对象let obj = { name: "Jo
2024-04-07 15:09:12
1032
原创 前端自测.
交互宽度1200px表单校验（长度、敏感词汇）初始化、loading、结果（空）表单重复提交(loading),请求拦截(限流)数字（大数据）千分位文本长度（省略号）数据查询结果校验（按条件查询结果是否正确）空数据传参 ?xx=''参数头尾有空格表单最后一项是输入框 应该支持enter提交分页切换后滚动条移动到内容区顶部删除等操作是否有二次确认列表翻页是否正常批量操作是否正常文件上传时是否做了类型、大小、数量限制表单编辑时，数据回显是否正确。
2023-03-13 11:22:18
547
原创 批量给文件添加前缀的方法
在需要操作的文件所在文件夹创建txt文件，将上边的一行代码复制到txt文件中，将1替换为想要替换的前缀，保存，将txt文件设置为bat后缀，双击运行即可。
2022-08-03 14:56:38
5391
2
原创 Js判定移动端是否安装app,若已安装，则打开，未安装则跳转到下载页面或者提示
代码】Js判定移动端是否安装app,若已安装，则打开，未安装则跳转到下载页面或者提示。
2022-07-15 11:15:46
957
1
原创 isFinite() 如果参数是 NaN，正无穷大或者负无穷大，会返回 false，其他返回 true
isFinite() 函数用于检查其参数是否是无穷大，也可以理解为是否为一个有限数值（finite number）。提示： 如果参数是 NaN，正无穷大或者负无穷大，会返回 false，其他返回 true。
2022-04-08 14:19:41
268
原创 vue ts demo
<template> <div>TsDemo</div></template><script lang="ts">import { Component, Vue } from 'vue-property-decorator';@Component({ components: {},})export default class TsDemo extends Vue {}</script><style l
2022-02-09 16:52:01
483
原创 vue 将vuex数据实时储存至sessionStorage
import Vue from ‘vue’;import Vuex from ‘vuex’;import createPersistedState from ‘vuex-persistedstate’;Vue.use(Vuex);export default new Vuex.Store({state: { // 存储状态,也就是变量token: '',},mutations: { // 必须是同步函数 提交状态修改。也就是set、get中的set. 外部调用：store.commit(‘
2022-02-08 17:13:25
1230
原创 css 渐变字体
background-image: -webkit-linear-gradient(top, red, rgb(20, 11, 255)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
2021-10-12 16:14:46
99
原创 wangEditor 富文本 angular
<wang-Editor *ngIf='show' #wangEditor [editorData]="editorData" ></wang-Editor>import { Component, OnInit,ViewChild } from '@angular/core';import { Router, ActivatedRoute } from '@angular/router';import { FormBuilder, FormGroup} from '@angu
2021-09-27 16:40:44
715
原创 js深度合并对象
/** * @description 深度合并对象 * @param target 目标对象 * @param source 源对象 * @returns 目标对象 */export const deepObjectMerge = (target, source) => { for (const key in source) { if (key.hasOwnProperty) { target[key] = target[key] &&
2021-09-27 15:12:51
727
1
原创 数据处理2
const names = ['A级', 'B级', 'C级', 'D级', 'E级']; res.forEach(r => { r.name = r.name + '级' }) const getDatas = (key: string) => { const list = res.filter(v => v.hy === key) console.log(list); return names.map(name
2021-09-27 14:47:24
67
原创 数据处理1
/** * 数组去重*/export function removeDuplicate<T>(nums: T[], key: string) { const set = new Set(); const ret = []; for (let i = 0; i < nums.length; i += 1) { if (!set.has(nums[i][key])) { set.add(nums[i][key]); ret.push(nums
2021-09-27 14:46:52
98
原创 js数组去重
let arr=[1,2,3,4];function chengeRepeat(arr){ var obj={}; //把数组的元素变成对象的属性 for(let i in arr){ if(obj[arr[i]]){ return true; } //给对象的属性赋值 用于检测相同属性时判断条件 obj[arr[i]]=true; } return false;}let i
2021-09-26 09:00:18
369
原创 数组 树形结构递归循环
getCheckedNode(jsonObj, r) { // 循环所有键 // console.log(jsonObj, r); for (var v in jsonObj) { var element = jsonObj[v] // 1.判断是对象或者数组 if (typeof (element) == 'object') { this.getCheckedNode(element, r) } else {
2021-09-26 08:59:20
295
原创 Angular通过指令创建在指定文件夹下，模块中如果想包含模块也是一样的
ng g component mapDailyPatrol --module=daily-patrol
2021-09-06 08:50:45
413
原创 js方法合集
JavaScript 数据类型基本数据类型： 字符串值，数值，布尔值，数组，对象。复杂数据类型： function object字符串转换成大写：toUpperCase()转换成小写：toLowerCase()数组toString() 把数组转换为数组值（逗号分隔）的字符串。join() 方法也可将所有数组元素结合为一个字符串。pop() 方法从数组中删除最后一个元素：返回最后一项，原数组改变。push() 方法（在数组结尾处）向数组添加一个新的元素：返回新数组的长度。shi
2021-08-06 09:48:09
102
原创 js中终止foreach循环
try { this.form.forEach((item, index) => { if(!item.name){ throw new Error('姓名不能为空！') } }) } catch (err) { this.message.error(err.message); // 提示 return };...
2021-07-27 09:28:34
296
原创 纯前端通过dom导出excel
插件file-savernpm i file-saverjs部分（要求列表html有常规的table完整标签）例如：<table> <thead> <tr> <th>姓名</th> </tr> </thead> <tbody> <tr> <td>张三</td> </tr> </t
2021-07-16 14:47:56
471
1
原创 angular8 html转pdf
安装 依赖import { Component, OnInit, Input, ElementRef } from '@angular/core';//引入生成pdf的插件import jsPdf from 'jspdf'import html2canvas from 'html2canvas'@Component({ selector: 'app-exportPdf', template: ` <div class="exportPdf-box"> <
2021-07-02 14:34:18
522
原创 对象数组嵌套数组循环展示为表格 列合并/行合并
<table class="partnerTable"> <thead> <tr> <th>设施大类</th> <th>设施小类</th> <th>配置数量</th> </tr> </thead> <tbody v
2021-06-02 14:21:52
474
原创 数组转这种格式 county_list:{ 110101: “东城区“, 110102: “西城区“, 110105: “朝阳区“, 110106: “丰台区“,
数组转这种格式county_list:{110101: “东城区”,110102: “西城区”,110105: “朝阳区”,110106: “丰台区”,}let province_temp = {};let province = msg.row_data.record；province.forEach(item => { province_temp[item.i] = item.n;//属性名 = 属性值})this.areaList['province_list
2021-05-25 08:37:03
157
原创 ES6基础之——new Set去重
Set 对象存储的值总是唯一的Set 对象方法方法描述add添加某个值，返回Set对象本身。clear删除所有的键/值对，没有返回值。delete删除某个键，返回true。如果删除失败，返回false。forEach对每个元素执行指定操作。has返回一个布尔值，表示某个键是否在当前 Set 对象之中。Set 对象作用数组去重var arr = [1,2,3,3,1,4];[...new Set(arr)]; // [1, 2, 3,
2021-05-10 14:31:46
559
转载 JavaScript 中 call()、apply()、bind() 的用法
JavaScript 中 call()、apply()、bind() 的用法其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！先看明白下面：例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；1，call()、apply()、bind()
2021-05-10 10:23:57
78
转载 前端开发应知网站(强烈推荐！)
1.基础学习类网站MDN开发者文档：https://developer.mozilla.org/zh-CN/菜鸟教程：https://www.runoob.com/W3CSchool：http://www.w3school.com.cn/JavaScript教程网：https://zh.javascript.info/谷歌开发者工具教程：https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2L
2021-04-09 16:56:04
1546
原创 移动端vue项目px自动转换成rem 针对webpack创建的项目
移动端vue项目px自动转换成rem1.安装： npm install px2rem-loader lib-flexible --save2.在入口文件main.js中引入lib-flexible： import "lib-flexible/flexible.js"3.在build文件夹下的utils.js中,找到cssLoaders方法，在所示图片蓝色框框的位置添加红框内的代码即可。const px2remLoader = { loader: 'px2rem-loader',
2021-03-31 17:27:36
122
原创 基于Vue+element-ui实现后台管理系统 菜单权限控制+按钮权限控制
路由配置import Vue from "vue";import Router from "vue-router";Vue.use(Router);/* Layout */import Layout from "@/layout";/** * Note: sub-menu only appear when route children.length >= 1 * Detail see: https://panjiachen.github.io/vue-element-admin-
2021-03-31 16:39:07
2680
原创 vue+vant 实现手机号 获取验证码页面
vue+vant 实现手机号 获取验证码页面html <van-field label="手机号" v-model="phone" center required placeholder="请输入手机号" :border="true" /> <
2021-03-25 14:49:15
3117
原创 vue 导出xls
//导出记录 let _this = this const padata = { pageNum: this.pageNum, pageSize: this.pageSize, startTime: this.startTime, endTime: this.endTime, keywords: this.nameOrPhoneNumber, appId: localStorage.get
2021-03-24 14:10:51
322
1
原创 vue 指令大全
1.安装vue-clinpm install --global vue-cli2.创建一个基于 webpack 模板的新项目vue init webpack 项目名称3. 安装依赖：npm install4.运行：npm run dev5.卸载npm uninstall -g <Module Name>i 就是 install的简写-S就是 --save的简写 存入dependencies-D就是–save-dev 名称版本号存入package.json的de
2021-03-24 10:48:31
111
原创 vue 管理后台keep-alive 查询条件保留 页面不刷新
APP.vue页面<template> <div class=""> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router
2021-03-24 09:54:25
925
1
转载 分享 前端开发 常用代码片段
原文：segmentfault.com/a/1190000014700549一、预加载图像如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。二、检查图像是否加载有时为了继续脚本，你可能需要检查图像是否全部加载完毕。你也可以使用 ID 或 CLASS 替换 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的图像链接是非常痛苦的。不过，下面这段简单的代码可以帮助你。四、悬停切换当用户鼠标悬停在可点击的元素上时，可添加类到元素中
2021-03-12 14:38:55
173
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人