- 博客(44)
- 收藏
- 关注
RSS订阅原创 纯前端低代码平台demo，vue框架，nodejs，简单的pm2纯前端部署实践
纯前端低代码平台demo，vue框架，nodejs，简单的pm2纯前端部署实践。
2024-02-18 11:00:10
1556
原创 微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例
文章目录qiankun 微前端 demo 说明1. 路由说明：1.1 hash 路由：1.2 history 路由：路由切换2. LifeCycles:3. 父子通讯3.1主应用与微应用的通信3.2微应用之间的通信3. 手动加载微应用4. css隔离5. js隔离Trouble Shootingqiankun 微前端 demo 说明demo传送门 启动：$ npm start项目文件说明见 ProjectTree.md。通过npm-run-all包启动所有应用，主应用 main-app 采用动
2021-08-17 17:00:08
1603
原创 @mdf/refer
mdf视觉驱动框架 （Model Drive Frame）mdf/refer是该框架mdf中的参照refer《refer 参照常用扩展梳理》安装ynpmynpm已被废弃，ynpm-tool是官方的ynpmnpm uninstall ynpm -gnpm uninstall ynpmnpm i ynpm-tool -g安装mdfynpm install @mdf/refer --save注：这里引用的mdf和钉耙引用的mdf不同 tinper-bee引用mdf APIAPIhttp:
2021-05-17 10:00:20
422
原创 牛课网 - 错题集
文章目录CSSJShtmlCSSJSeval：返回字符串表达式中的值unEscape：返回字符串ASCI码escape：返回字符的编码unescape() 函数可对通过 escape() 编码的字符串进行解码parseFloat：返回实数htmlHTML XHTML 辨析文档类型DTD（文档类型定义），三种DTD类型的作用说明：Strict : 干净的标记，免于表现层的混乱，与层叠样式表（CSS）配合使用。Transitional :包含 W3C 所期望移入样式表的呈现属性和
2021-05-16 17:46:14
165
原创 React 执行setState、updateState后，组件不更新，通过深拷贝解决
在更新数据时，尤其是引用数据类型的数据，如：数组、对象等。直接更新原数据后不会触发render。例如：如果直接将props中的数据解构出来进行修改，修改后直接更新状态，会出现组件不更新的情况。可以考虑如下写法：先将解构出来的数据神拷贝后，在进行操作。// import deepClone from 'xxxxxx';onSave=()=>{ let { gridList } = this.props; let _list = deepClone(gridList); ... //
2021-02-24 14:24:35
1918
原创 面试整理 - JS篇（二）
JSAjax核心API手写ajaxconst xhr = new XMLHttpRequest();// get请求xhr.open("GET", "/data.json", true); // true表示异步// 状态改变时xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { alert(xhr.responseText);
2021-01-24 09:44:17
251
原创 面试整理 - JS篇（一）
文章目录JS值类型 vs 引用类型typeof可以判断哪些类型深拷贝强制类型转换原型和继承instanceof判断属于哪个构造函数/class手写简易的jQuery考虑插件和扩展性作用域和闭包闭包两种场景：this几种场景：手写bind闭包的应用异步和单线程同步和异步的区别手写promise加载图片异步进阶event loop（事件循环/事件轮询）promise进阶async/await微任务/宏任务JS值类型 vs 引用类型队列 FIFO，堆栈 FILO内存地址分布如下：栈在上，堆在下，一般
2021-01-22 22:17:40
405
原创 Handsontable 表头的合并、导出、小计合计等设置，内含github实例以及包连接
背景：vue项目中使用了handsontable做报表，表格比较复杂。后端返回表格数据，在前端整理成handsontable需要的数据格式后展示。涉及到了查询、根绝查询结果动态渲染表头、导出等功能。因为当时搞了好久，所以这里详细记录下遇到的问题。写了一个handsontable的小demo放在github上了 【传送门】，包含以上功能，项目启动后的访问地址：http://localhost:8080/#/hotTableComp。handson介绍handsontable引用方式：cdn or
2020-08-25 13:58:12
6501
2
原创 一次服务器部署的Linux命令整理
最近做app需要将打好的包部署到客户环境，学习了一下，做个记录。常用命令如下rz =>上传本地文件unzip + 文件全名称 => 解压.zip文件rm -rf 文件名称 => 删除当前目录下的所有文件docker ps => 查看docker运行中的容器docker stop 容器名称 => 停容器docker start 容器名称 => 启动容器ls => 查看目录下文件ll => 查
2020-08-22 12:15:08
218
原创 点击按钮，在input框在光标位置插入文字，系列问题待解决
想制作一个公式设计器，需要在文字的对应位置插入按钮对应的文字，效果如下：遇到的问题：1. 如何获取光标位置，并在对应位置插入内容两种情况：（1）用户点击位置后，在光标位置插入内容（2）用户选中几个字之后点击按钮进行文字替换解决：selectionStart和selectionEnd可以获取到当前元素光标的起始位置。 //对应光标位置插入文字 insert(val) ...
2020-03-01 21:11:05
2694
2
原创 Vue React实现Anchor锚点组件
Vue实现// 使用： // 页面引入 `import Anchor from './../../../components/common/Anchor'`// <Anchor :title="title" v-if="title.t0"/><template> <div class="anchor-container"> <div c...
2020-02-09 22:30:11
1900
原创 window.scrollTo滚动
window.scrollTo()和window.scroll()是同一个方法，参考MDN。window.scrollTo()在window对象上实现滚动效果//可以直接调用window.scrollTo(0, 1000);//也可以加window.scrollTo({ top: 100, left: 100, behavior: 'smooth'});在具体的元素...
2020-02-09 22:11:40
2946
1
原创 iconfont用变量动态替换unicode编码，react vue文本转译
项目上的iconfont采用的是unicode，现需要通过动态替换unicode值来改变icon图标但是以下写法是不对的：icon={<i className="iconfont">{item.iconType}</i>}因为这里的item.iconType是字符串形式，想要达到效果还需要转译成html文本才可以：react写法icon={<i classN...
2019-12-12 14:03:14
2219
原创 hover一个div时显示另一个div不生效/抖动/闪屏问题
hover一个div时显示另一个div不生效/抖动/闪屏问题参考大神博客，这里做个记录 https://www.cnblogs.com/don-yang/p/9468958.html两个div之间的关系存在三种情况：父子关系兄弟关系兄弟的子孙关系实现办法父子关系 /* 情景一：两个是兄弟元素 */ .box:hover+.change { colo...
2019-12-05 10:57:12
1290
2
原创 vue-awesome-swiper整理
使用引入import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css"; //直接影响滑动样式<swiper v-show="contractList.length" class="swiper-content-boss sw...
2019-11-16 18:48:39
689
原创 git 报错信息：SSL certificate problem: certificate has expired 解决方案
git pull时出现这个报错，如下：unable to access 'https:/xxxxxxx.git/': SSL certificate problem: certificate has expired后来尝试直接clone项目也出现了这个问题百度之后看到有的可以通过git config –global http.sslVerify false命令解决，但是我的报错：我的...
2019-09-18 15:10:07
21371
5
原创 mac安装WebBench
压力测试工具WebBench安装HomebrewYoyodeMacBook-Pro:ifbp-ubpm yoyo$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安装yumYoyodeMacBook-Pro:ifbp-ubpm yoyo$ ...
2019-04-14 00:56:51
854
原创 正则表达式
g i mg - 全局匹配i - 大小写不区分m -^ $^ - 表示开始$ - 表示结束整个正则表达式写在/ /中例子手机号/^1[34578][0-9]{9}$/色值（十六进制）var color = /^#[0-9a-fA-F]{6}/日期/^\d{4}[/-]\d{2}[/-]\d{2}$/...
2018-12-27 15:18:31
167
原创 GoJS去水印， v1.7 v1.8.29 两个go.js版本
GoJS 去水印只需注释掉以下部分GoJS v1.7 无水印版本GoJS v1.8.29只需注释掉以下部分在go.js文件中将这个方法中的代码注释掉即可 w.om = function() { var a = window.document.createElement("canvas"), b = a.getContext("2d"); /...
2018-09-18 16:23:57
1326
1
原创 基于Java的图片点选汉字验证码的实现，以及Js配置
前端运行效果如下： 代码片 Jsp&lt;!-- 图片点选汉字验证码 --&gt; &lt;section id="captcha_sec" class="input-container" style="display: none;" &gt; &lt;spring:mes
2018-08-27 19:27:04
3163
原创 Jenkins的简单部署方法
选择要部署的项目选择Build with parameters下拉，选择“开始构建” 构建成功/失败 如果构建失败，依次点击： 就可以在右侧看到日志了: ...
2018-08-22 14:57:38
192
原创 重要的鸡毛蒜皮
持续更新……问题一： 关于右键浏览器的“检查”有哪些看点？对于一些函数是自带参数的，例如一些绑定的事件，接收到的参数是scope 应该是scope对象，此时在函数里操作scope的属性如何查看和调用呢？ 例如 组件如下： 先写出函数和接收的参数scope，然后console.log(scope); 将scope打印出来，如下：handleUpClick(scope){ ...
2018-08-08 19:50:53
288
原创 vue各模块功能范围，webpack属性配置
app.js 项目的入口模块，一切的请求o都要先进入这里进行处理。调用router.js进行路由分发处理。 router.js 只负责分发路由，不负责业务逻辑处理。调用controller进行业务逻辑处理。 controller 只负责处理业务，不负责处理数据的CRUD。调用model层处理数据的CRUD。 model层 ...
2018-07-31 16:29:43
1073
原创 vue的一些易混淆事件整理 - @change | trigger: 'blur' |
部分总结参考 简书 HTML DOM事件（一） onchange onpropertychange 和 oninput 事件的区别1、onchange 事件与 onpropertychange 事件的区别： onchange 事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。 onpropertychange 事件却是实时触发，即每增加或删除一个字符就会触发，...
2018-07-23 15:09:29
30390
3
原创 浏览器报错信息整理及解决方案
Uncaught ReferenceError: methods is not defined由于是工程化项目，只要有一个vue页面有问题，即使路由到别的页面也会报错，导致整个工程不可用。 methods is not defined：（报错如图） 选择source，查看报错文件，发现有method没有写完： ...
2018-07-23 12:35:11
2703
原创 eclipse中安装JDK，导入jar以及一些小问题的解决方案
这两天鼓捣了eclipse，需要找一个图片点选汉字的验证码。鉴于刚换了新的电脑，需要重新装java环境了。 甩一个百度网盘链接（eclipse安装及JDK环境）： 安装的顺序应该是：JDK -&gt; 安装eclipse -&gt; 安装tomcat首先安装JDK：双击运行之后，配置路径path： 系统环境变量： 变量名为:JAVA_HOME 变量值为:E:\...
2018-07-20 17:47:50
1052
原创 vue 配置路由(router-vue)
配置路由vue项目运行时首先找到main.js文件，通过main.js文件中的el找到App.vue：new Vue({ el: '#app', router, components: { App }, template: '&amp;amp;amp;lt;App/&amp;amp;amp;gt;'})要往index.js文件中import进来一个目标文件，例如我需要给test.vue文件加一个路由，那么我首...
2018-07-18 14:51:04
463
原创 初次新建一个vue项目
安装node.js和npm(npm依赖于node.js所以要先安装node)安装完成后打开cmd 输入 node -v 输入 npm -v 可以看到版本号表示安装成功开始在cmd中新建项目：(1)安装脚手架工具： npm install -g vue-cli –registry=https://registry.npm.taobao.org (—淘宝镜像比较快)(2)安装完成...
2018-07-12 14:52:24
295
原创 Html5第六章_2
6-36 css边框元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性： border 简写属性，用于把针对四个边的属性设置在一个声明。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。常用单位为像素(px)、em thin细的边框。/medium 默认/thick 定义粗的边框。 border: 2px red solid; ...
2018-07-12 13:04:15
702
原创 常用git命令，及各种吃“后悔药”的场景实例
Git 常用命令整理： //查看分支$ git branch -a //选择分支$ git checkout &amp;amp;amp;amp;amp;amp;lt;name&amp;amp;amp;amp;amp;amp;gt; //撤销所有更改$ git checkout -- . //撤销所有更改$ git checkout -- text.txt //撤销本文件更改$ git rm text.txt
2018-07-12 13:02:06
386
原创 前端等工具安装以及一些依赖
首先安装VSCode，我安装了一下插件： 下面是在安装好VSCode之后，如果发现找不到git的情况，需要重新配置一下git的path：安装npm依赖时(首先要安装node.js，因为npm依赖于node.js)，先去淘宝镜像里（https://npm.taobao.org/）找到：$ npm install -g cnpm --registry=https://regi...
2018-07-11 16:59:18
987
原创 模态框
&amp;amp;lt;!--模态框 弹出框--&amp;amp;gt; &amp;amp;lt;div role=&amp;quot;dialog&amp;quot; class=&amp;quot;modal fade bs-example-modal-sm&amp;quot; id=&amp;quot;layer&amp;quot;&a
2018-07-09 16:17:59
255
原创 BOM - 浏览器对象
7-44 浏览器对象基本概念 BOM是Browser Object Model的缩写，简称浏览器对象模型BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性基本的BOM体系结构图(https://blog.csdn.net/avon520/article/details/2685331) 能利用BOM做什么？BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口...
2018-05-22 10:43:09
252
原创 JS基础
7-1嵌入JavaScript代码的三种方式写在 script 标签中 直接放在HTML标签中<script> document.write('djhfjdf');</script>以外部文档的方式连接到当前HTML文档中<script type="text/javascript" src="7-1.js"></script>注意事项： 区...
2018-05-22 10:38:48
448
原创 CSS - 2
6-36 css边框元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性： border 简写属性，用于把针对四个边的属性设置在一个声明。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。常用单位为像素(px)、em thin细的边框。/medium 默认/thick 定义粗的边框。 border: 2px red solid; ...
2018-05-22 10:25:16
229
原创 轮播模型
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">*{ margin:
2018-04-23 23:00:41
232
原创 CSS - 1
6-1<linkrel="stylesheet" type="text/css" href="">rel 要参照外部文档type 文档类型 离文本越近的的样式，优先级越高。<link >如果放在<style>下面，则会优先显示<link>中的内容。如果此时<pstytle="">，则显示&
2018-04-23 17:37:15
439
原创 Html5第五章 canvas
=======矩形=========canvas路径方法： 属性 其他函数 =======圆弧==========
2018-04-23 17:09:45
532
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人