- 博客(55)
- 收藏
- 关注
RSS订阅原创 【vue+antd】上传图片 - 使用customRequest方法自定义上传
基于antdv 1.7版本，实现图片墙UI，图片的base64格式上传、删除、回显及进度条等功能。
2022-11-18 11:52:46
2221
原创 【VScode】解决 VScode 命令行执行时报错：因为在此系统上禁止运行脚本
【VScode】解决 VScode 命令行执行时报错：因为在此系统上禁止运行脚本
2022-08-23 14:59:10
663
原创 笔记_HTML+CSS精选
我在工作中，经常使用gulp中有一个插件叫做gulp-csso，可以智能合并相同的样式，比如div p{font-size:10px;【脱标】浮动的元素脱离标准文档流，【贴边】左浮动就会贴左边，又浮动贴右边，贴上一个兄弟元素的边，【字围】字会环绕这个浮动元素，【收缩】不区分行内元素和块级元素了，原来的行内元素现在可以设置宽度、高度，原来的块级元素如果不写width现在会自动缩减为内容宽度。浮动脱离标准文档流，通常用于制作并排显示的元素，通常用于大的布局，或者无序列表比如图片的并排。...
2022-08-08 17:35:48
366
原创 JavaScript面向对象精要
JavaScript面向对象精要JavaScript面向对象精要1.原始类型和引用类型1.1 什么是类型1.2 原始类型鉴别原始类型原始方法1.3 引用类型创建对象对象引用解除添加删除属性1.4 内建类型实例化字面形式1.5 访问属性1.6 鉴别引用类型1.8 原始封装类型1.9 总结2. 函数2.1 声明还是表达式2.2 函数就是值2.3 参数2.4 重载2.5 对象方法2.5.1 this 对象2.5.2 改变 this2.6 总结3.理解对象3.1 定义属性3.2 属性探测3.3 删除属性3.4 属性
2022-01-22 16:36:55
300
原创 修复报错Mixed Content: The page at “https://“ was loaded over HTTPS, but requested an insecure “http://“
当浏览器出现“was loaded over HTTPS, but requested an insecure resource/frame”这种错误是，一般都是因为网站是HTTPS的，而对方的链接是HTTP协议的，因此在Ajax或者javascript请求时，就会报如下这种错误，iframe加载不出来：Mixed Content: The page at "https://www.xxx.html" was loaded over HTTPS, but requested an insecure fr
2022-01-17 18:26:49
13626
6
原创 如何提出高质量的BUG？
为了更高效的解决问题，在提BUG(缺陷时)尽量遵照如下说明:1.项目涉及到多客户场景（如Vista/Veezi），确认问题前请与相关人员沟通了解情况，确定提BUG时务必做初步调研，附上能够代表当时问题的资料，包括但不限于：截图、日志、数据等；2.研发同学将依据BUG严重程度和优先级介入处理，但如果所有BUG都是紧急和优先，那将使得所有问题都无法得到及时处理，严重浪费资源。对此做如下约定；严重程度致命：影响核心交易完成，发生系统崩溃，数据库死锁等情况，如无法POS售票，网售失败等严
2022-01-12 17:47:53
543
原创 统招非全日制研究生就业受歧视的回应文件
根据教育部办公厅等五部门《关于进一步做好非全日制研究生就业工作的通知》(教研厅函〔2019〕1号)以及教育部办公厅印发《关于统筹全日制和非全日制研究生管理工作的通知》(教研厅函〔2016〕2号)文件，明确自2017年起，全日制和非全日制研究生由国家统一下达招生计划，考试招生执行相同的政策和标准，培养质量坚持同一要求，学历学位证书具有同等法律地位和相同效力。附1 - 教研厅函〔2019〕1号文件地址：http://www.moe.gov.cn/srcsite/A22/s7065/202002/t20200
2022-01-12 09:52:07
279
原创 解决flex元素超出父元素的样式问题
flex布局，左边是label，右边是input。设置父级为display:flex; input为flex:1;然后label 为 white-space: nowrap; 这时input就有可能超出父级。解决方法是把input设置为width:0; 即可
2022-01-11 11:26:32
1357
原创 nodejs基本原理
一. nodejs背景先来说说nodejs最常被提到的几个关键词，“单线程”，“非阻塞异步IO”，“事件循环”。接下来主要来通过这几个关键字总结一下nodejs的内在原理，以及引申出的一些问题。二. nodejs是单线程吗？如果说nodejs是单线程语言，可以想象一下，一个单实例的nodejs的服务器同时接受100个用户请求时，第100个用户的请求要等前面99的用户处理完成才能得到处理，如果每个用户的请求要0.3秒，第100个用户需要30秒的等待，这显然和我们的实际情况并不符合，所以
2021-12-17 17:13:22
185
原创 前端学习工作常用网站
一、技术社区1 CSDN博客：https://www.csdn.net/2 稀土掘金：https://juejin.cn/3 博客园：https://www.cnblogs.com/二、学习平台1 B站（视频）：https://search.bilibili.com/2 慕课网（视频）：https://www.imooc.com/3 W3Cschool（视频）：https://www.w3cschool.cn/4 MDN（文档）：https://developer.mozilla.org/z
2021-12-09 13:43:26
207
原创 Angular 合并table单元格
效果：html:<table class="table table-striped"> <thead> <tr> <th>影片名称</th> <th>影厅</th> <th>放映时间（{{tableDataDate}}）</th> </tr> </thead&
2021-12-08 17:17:19
897
原创 Vuex 的哲学及常见面试题
Vuex 的哲学 Vuex是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。 其中vuex类似的 还是有Redux,Redux大多用于React,针对Redux后续在做补充，现在就让我们好好了解下Vuex到底是个啥东西？概念理解性（必读）Vuex采用MVC模式中的Model层，规定所有的数据必须通过action--->mutaion--->state这个流程进行来改变状态的...
2021-12-08 14:31:55
137
原创 Angular 在调试的时候抓取作用域的方法
作用域对象是与指令或控制器等Angular元素所在的DOM节点相关联的，也就是说，其实DOM节点上是可以抓取到作用域这个对象的（当然，为了调试偶尔会用，一般不用）。 而对于 $rootScope 在哪里抓呢？它藏在 ng-app 指令所在的那个DOM节点之中。通常，ng-app 放在 <html> 标签中, 当然，如果你的应用中只是视图的某一部分想要用Angular控制，那你可以把它放在想要控制的元素的最外层。Angular 在调试的时候抓取作用域的方法是：1 右键选去你想审查的元素，调
2021-12-08 14:18:29
586
原创 uni-app 常用的页面间通讯方式
uni-app 是一个使用 vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。一、利用url传参进行通讯A页面向B页面传递参数uni.navigateTo({ url: 'test/test?id=1&url=' + encodeURIComponent('https://dcloud.io') });B页面接收A页面传递的参数
2021-12-08 14:08:24
808
原创 React Native 的哲学
一、React Native 是干嘛的？React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。二、React Native基本原理？React Native = JavaScriptCore + React + BridgesJavaScriptCore负责JS代码解释执行。React负责
2021-12-08 13:35:24
2058
原创 HTTP跨域和调试技巧
HTTP基础前端需要关心URL、headers和data，接下来围绕它们展开。1.了解URLURL比较简单，就简单介绍一下，将URL分为主要的3部分：router，路由。路由地址可不能错，这就跟收件地址一样，填错收货的就不是既定的那个人了。 search，查询字符串，就是?后面的字符串，以键值对的形式通过“&”连接，例如：“?key1=value1&key2=value2”。查询字符串就是发送到后台的数据，跟普通的post请求相比，get请求以明文的形式存储在访问历...
2021-12-08 11:54:08
611
原创 强基02-JavaScript闭包的9大经典使用场景
1.返回值（最常用）//1.返回值最常用的functionfn(){varname="hello";returnfunction(){returnname;}}varfnc=fn();console.log(fnc())//hello这个很好理解就是以闭包的形式将 name 返回。2.函数赋值varfn2;functionfn(){varname="hello";//将函数赋值给...
2021-12-08 11:14:06
62
原创 强基01-JavaScript的作用域知识
作用域的概念现代编程语言的最基本功能之一就是能够存储变量当中的值，以便于之后的使用于修改。也正是这个功能将状态带给了程序。在JavaScript中，作用域就是一套设计良好的规则来存储变量。简述编译原理通常我们会将JavaScript归类为“动态”或“解释执行“语言，但它实际上是一门编译语言。与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统中进行移植。例如V8引擎，为了提高JavaScript代码的运行性能，在运行之前会先将其编译为本地的机器码，然后再去执行机器码，达到提
2021-12-08 11:11:11
51
原创 Vue制作表单按钮编辑页
vueFormSetting.html:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="../../build/common/base.css?v=1116" rel="stylesheet"> <script type="text/javascript" src="../../buil.
2021-12-08 10:15:07
381
原创 angular1.x指令校验与vue2.x校验在项目中的对比
angular1.x指令：/** * 页面表单通用指令。 */var directive = angular.module("baseDirective", ["base"]) /** * 校验指令. 用法： <input type="text" ng-model="user.name" * ab-validate="{require:true}" /> * * 具体的规则： /js/common/CustomValid.js 的rule
2021-12-07 16:41:05
97
原创 React 高阶组件
高阶组件：高阶组件就是一个接收一个组件并返回另外一个新组件的函数！ 高阶组件总共分为两大类 一、代理方式（1、操纵 prop 2、抽取状态 3、包装组件） 1、操纵 prop 增加prop import React from 'react' const HocAddProp = (WrappedComponent，uid) => class extends React.Component { render() {
2021-12-07 16:30:58
714
原创 React v16.3新生命周期
为了更好的支持异步渲染（Async Rendering），解决一些生命周期滥用可能导致的问题，React 从 V16.3 开始， 对生命周期进行渐进式调整，还对生命周期加入了错误处理。 React 16.3 新增的生命周期方法 1. static getDerivedStateFromProps() 2. getSnapshotBeforeUpdate() 3. componentDidCatch() 逐渐废弃的生命周期方法： 1. componentWillMoun
2021-12-07 16:09:33
291
原创 ECharts，一个基于Javascript的数据可视化库
一个基于Javascript的数据可视化库EChartsEcharts 由百度的前端技术部开发，是一款难得的由国内厂商开源的JS代码库，相比同类产品如 highcharts，google charts 都有着相当的竞争力。并且用的人不少，说明文档较容易找到，上手简单。现有的网页端数据可视化实现方式大多分为两种，一种是基于SVG以矢量图形显示，另一种是以canvas画布的方式实现。一些库的实现完全使用svg实现，如highcharts，优点是兼容性较好，由于svg是一项比较成熟的标准，...
2021-12-07 15:56:12
1577
原创 用Node手写一个mock数据服务器--mockServer
对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动web服务器），因此本文所要描述的，便是javascript在服务端的应用。我将介绍如何使用nodeJS来搭建一个mock服务器，方便前端自定义mock数据请求，提高前端开发的主观能动性和对项目健壮性的探索。目录koa基本使用 koa-router的基本用法 koa-logger的使用 glob支持文件遍历查寻 node几个核心
2021-12-07 15:28:13
365
原创 Node起本地服务
要给project目录下的osgh-h5项目起本地服务，在project目录下新建一个文件夹server：server/package.json:{ "name": "server", "version": "1.0.0", "main": "index.js", "license": "MIT", "devDependencies": { "gulp": "^3.9.1", "gulp-connect": "^5.7.0" }, "scripts": {
2021-12-07 15:23:19
339
原创 前端异常埋点问题
开发者有时会面临上线的生产环境包出现了异常bug，在长期生产bug并修复bug的循环中总结出以下几个痛点： 无法快速定位到发生错误的代码位置，因为脚手架构建时会用webapck自动帮我们压缩代码，而上线版本又通常不会保留source map（开源贡献者除外） 无法第一时间通知开发人员异常发生 不知道用户OS与浏览器版本、请求参数（如页面ID）；而对于页面逻辑是否错误问题，通常除了用户OS与浏览器版本外，需要的是报错的堆栈信息及具体报错位置。 错误埋点追踪系统的出现就是为了应.
2021-12-07 15:14:32
626
原创 jQuery-UI draggable在移动端浏览器不起作用解决方案
遇到jQuery-UI draggable微软平板Surface浏览器下不起作用，可用此方法解决。// 扩展jQuery-UI功能，draggable在移动端浏览器不起作用解决方案，同时支持点击// This is a fix for mobile devicesvar moveFlag = 0;// 判断是不是iPad|iPhone|Android，判断是不是微软平板Surface(/iPad|iPhone|Android/.test(navigator.userAgent) || window
2021-12-07 15:00:23
1013
原创 Web用户体验优化总结
原文地址：https://mp.weixin.qq.com/s/Dg5AVUgLJYYiw3z8q_zkJA本文略长，耐下心好好读读，应该会有所收获~其实标题应该叫，Web用户体验设计提升指南。一个Web页面，一个 APP，想让别人用的爽，也就是所谓的良好的用户体验，我觉得他可能包括但不限于： 急速的打开速度 眼前一亮的 UI 设计 酷炫的动画效果 丰富的个性化设置 便捷的操作 贴心的细节 关注残障人士，良好的可访问性 ...
2021-12-07 11:56:40
1242
原创 总结常用的前端JavaScript方法封装
1 输⼊⼀个值，返回其数据类型function type(para) {return Object.prototype.toString.call(para)}2 数组去重function unique1(arr) {return [...new Set(arr)]}function unique2(arr) {var obj = {};return arr.filter(ele => {if (!obj[ele]) { obj[ele] = true;return tru
2021-12-06 19:23:13
287
原创 JavaScript深拷贝和浅拷贝
深拷⻉ 浅拷⻉⾸先说下堆栈，基本数据类型与引⽤数据类型，深拷⻉与浅拷⻉与此相关。⼀、基本数据类型 和 引⽤数据类型1.变量类型分为两类: 基本数据类型： number ， string ， boolean ， null ， undefined ， symbol引⽤数据类型：统称为 Object 类型，细分的话，有： Object ， Array ， Date ， Function 等。2.存储⽅式:a.基本数据类型保存在 栈 内存，形式如下：栈内存中分别存储着变量的标识符以及变量的 值。例：
2021-12-06 16:41:38
208
原创 ES2020中Javascript 的10个新功能
ES2020中Javascript 的10个新功能链接: https://mp.weixin.qq.com/s/LC94pLmfZ-2Ofhhjtmrr3A.
2021-12-06 16:05:29
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人