- 博客(35)
- 收藏
- 关注
RSS订阅
原创 记录我的大大小小的问题，待续ing...
遇到的问题：1、webstorm在修改时出现下面情况：造成的原因：文件没有编辑权限，因为该项目我是用root用户创建的，结果换了个普通用户就没有编辑权限了。解决办法：sudo chown -R $USER 项目路径（R 必须大写）...
2019-04-22 18:57:21
499
原创 scripty妙用
在monorepo项目中，随着子模块增多， 每个子项目都需要配置各自的package.json,并且大同小异，为了进一步提高配置效率，引入了scripty，自己写脚本，直接就可以用哦。
2023-12-11 19:28:33
513
1
原创 前端项目的代码管理方式---monorepo
Lerna 是一个用来优化托管在git\npm上的多package代码库工作流的一个管理工具,可以让你在主项目下管理多个子项目，从而解决了多个包互相依赖，且发布时需要手动维护多个包的问题。幽灵依赖：在使用npm i 安装依赖时，有一些包的依赖包也会同时安装，但是这些包并未在package.json 中声明，这显然是不安全的，这种情况也被称为幽灵依赖。pnpm 有个根目录，一般都是保存在 user/.pnpm-store 下，pnpm 通过硬链接的方式保证了相同的包不会被重复下载。并且有4个相同的硬链接。
2023-12-11 17:50:43
1563
原创 前端打印的相关实践
在前端开发过程中，遇到打印相关的需求时，该如何选择打印方式？目前支持的打印方式多种多样，例如说浏览器本身支持的print方法，还有第三方的付费打印软件，当然在公司内部也有功能完整的sdk支持。那么问题就接踵而至，该如何选择哪种打印方式来匹配实际需求呢？下面本文介绍了几种打印方式，会通过其使用方式、接入成本、打印呈现样式等方面来评估各打印方式的优劣，基于此，再通过与实际需求的对比，应该就能快速选择一种打印方案了吧～
2023-12-11 17:21:44
959
原创 浅尝大菠萝Pinia
Pinia（发音为 /piːnjʌ/，类似于英语中的“peenya”）是最接近有效包名piña（西班牙语中的_pineapple_）的词。Pinia 是由 Vue.js 团队成员开发，新一代的状态管理器，即Vuex5.x。对 Vue 2 和 Vue 3 都有效完整的 typescript 的支持只有 state, getter 和 action ，去掉了mutations，简化状态管理库actions 支持同步和异步方法修改 state 状态。
2022-11-01 11:38:50
1919
1
原创 vue源码之模板编译
抽象语法树（AbstractSyntaxTree，AST）：简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它可以将编程语言以树的形式表示出来，树中的每个节点都是源代码中的一种结构。之所以说语法是“抽象”的，是因为这里的语法并不会表示出真实语法中出现的每个细节。比如，嵌套括号被隐含在树的结构中，并没有以节点的形式呈现；而类似于if-condition-then这样的条件跳转语句，可以使用带有两个分支的节点来表示。——来自百度百科
2021-06-30 21:16:41
499
1
原创 Vue：三种情况下的生命周期执行顺序
生命周期：在创建一个vue实例时，会经历一系列的初始化过程（Vue实例从创建到销毁的过程），这个过程就是vue的生命周期。Vue提供给开发者的一系列的回调函数,方便我们添加自定义的逻辑,Vue的生命周期从创建到销毁,重要的节点挂载数据更新。创建阶段 beforeCreate、created挂载渲染页面阶段 beforeMount、mounted更新阶段 beforeUpdate、updated卸载阶段 beforeDestory、destoryed1、单页面下生命周期顺序献上一波代码，看下.
2021-04-09 16:56:27
2156
原创 引入iframe页面之后，如何更改顶层的跳转链接？
最近做了个需求，要上线的时候发现了个大坑，跳都跳不出来的那种！一定要把经验写下来，别再掉进坑了，丢人～～～事情是这样的：我们这个项目吧：主要是分为壳子和子系统们，子系统的页面通过iframe的形式进行展示，其他的功能都还好，就是跳转路由时有些一言难尽，vue的router.push是无法改变跳转链接举个????：列表页-点击查看–查看页列表页的路由：***/***/list查看页路由：***/***/list/view?id=1075实际上呢，跳转到查看页路由并没有改变，依旧是列表页的路由，
2020-05-20 11:45:35
1463
原创 小记：vuejs的devtools的安装（源码安装）
1、下载代码git clone https://github.com/vuejs/vue-devtools.git2、用webstorm/vscode打开源码3、安装依赖+运行编译代码npm run dev之后可以再npm run build一下，因为我之后的步骤中出现错误了，所以回头又操作了一波npm run build4、更改文件属性4、打开浏览器-扩展程序将源码shel...
2019-11-13 17:09:09
452
原创 小记：iview的Datepicker设置不可编辑的方式
我的错误代码： <DatePicker v-model="time" format="yyyy.MM.dd" type="daterange" style="width: 50%" editable="false" ...
2019-11-11 15:59:17
1460
原创 js设计模式读书笔记-----面向对象编程
面向对象编程1、封装函数类var Book = function(id,bookname,price){ this.id = id this.bookname = bookname this.price = price}类的原型1）为原型对象属性赋值Book.prototype.display = function(){}2）将对象赋值给类的原型对象Boo...
2019-10-30 18:12:37
132
原创 深入浅出vuejs读书笔记----------2、Array的变化侦测
1、如何追踪变化如上图，使用拦截器将array.prototype覆盖。当使用array原型中的方法时，其实使用的是拦截器中的方法。通过拦截器，就可以侦听Array的变化。2、拦截器拦截器：和array.prototype一样的object，里面的属性一样，只不过可改变数组自身的方法是处理过的。array原型中可改变自身的方法有7个：push, pop, shift, unshift, ...
2019-10-30 17:57:11
155
原创 leetcode:48. 旋转图像
1、题目描述Given input matrix = [ [1,2,3], [4,5,6], [7,8,9] ], rotate the input matrix in-place such that it becomes: [ [7,4,1], [8,5,2], [9,6,3] ]https://leetcode.com/problems/rotate-image/2、我的代码/** ...
2019-09-25 16:48:51
127
原创 eslint自定义配置
一、eslint介绍ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言，在开发中比较容易出错。因为没有编译程序，为了寻找 ...
2019-09-25 16:41:27
1111
原创 深入浅出vuejs读书笔记----------1、object的变化侦测
（1）变化侦测变化侦测一般分为两种类型：拉（pull）和推（push）拉：状态发生变化时，并不知道是哪个状态变了，只是知道状态可能发生变化了，然后发送信号给框架，框架收到信号后，通过暴力对比找出哪些DOM需要重写渲染（Angular:脏检查流程，react：虚拟DOM）推：当状态发生变化时，他立刻就知道了，而且一定程度上知道哪些状态发生了变化。（vue）通过两种变化侦测类型可以看出，‘...
2019-09-25 16:25:47
323
1
原创 深入浅出Nodejs 读书笔记
1、node模块机制commonJS-----让js在任何地方运行模块定义：模块引用、模块定义、模块标识模块：（1）核心模块——Node提供 （2）文件模块——用户编写1、模块引用：在CommonJS规范中，存在require()方法，这个方法接受模块标识，以此引入一个模块的API到当前上下文中。2、模块定义：对应引入的功能，上下文提供了exports对象用于导出当前模块的方法或者变量，...
2019-09-25 16:15:49
216
原创 leetcode: 912. 排序数组
题目描述：给定一个整数数组 nums，将该数组升序排列。示例 1：输入：[5,2,3,1]输出：[1,2,3,5]示例 2：输入：[5,1,1,2,0,0]输出：[0,0,1,1,2,5]我的答案：var sortArray = function(nums) { if (nums.length < 2) { return nums } ...
2019-08-15 17:50:04
179
原创 小记：eslint开发，从入门到还好我没放弃！
第一步，你得有个自己的文件夹----- 一定要以‘eslint-config-* 为前缀比如 我的就是 ‘eslint-config-test’第二步，创建个测试文件 test.jsfunction te() { var a = [1,2,3,4,5] var sum = 0 for(var i = 0; i < a.length;i++){ ...
2019-05-08 14:37:03
149
原创 webpack的思维导图
PS：在尚硅谷看了webpack的视频，了解了一下。它是做什么的我清楚了，但是内部原理我还是晕晕的。下载了它的思维导图，没事理解理解哈。
2019-04-29 16:47:01
730
1
原创 Git使用
1、在所选择的地方创建空目录$ mkdir my_repository$ cd my_repository$ pwd/users/renlingling/my_repository2、将创建的目录变成git可管理的仓库$ git initInitialized empty Git repository in /Users/renlingling/my_repository/.git...
2019-04-23 16:29:54
184
原创 Nginx配置
、启动Nginx. 命令：sudo nginx2、检查nginx配置文件是否正确 命令：nginx -t3、命令：sudo nginx 启动nginx4、查看nginx是否启动成功 命令：sudo lsof -i:805、查看nginx 配置文件 命令：cat /usr/local/etc/nginx/nginx.conf6、修改文件 命令：vi /usr/l...
2018-09-14 11:57:09
143
原创 本地启动SOP
1、下载并安装WebStorm 下载链接：https://www.jetbrains.com/webstorm/2、下载并安装PyCharm (专业版) 下载链接：https://www.jetbrains.com/pycharm/download/#section=mac3、下载并安装python3 下载链接：https://www.python.org/downloads/...
2018-09-14 11:55:35
541
原创 关于前端的面试题归纳总结！
美团点评：1、简单介绍css盒模型 链接：https://www.cnblogs.com/chengzp/p/cssbox.html盒模型的组成：content、padding、border、margin标准以及设置方法：1⃣️标准模型：盒模型的宽高=内容（content）的宽高 /*标准模型*/box-sizing:content-box;2⃣️IE模型：盒模型的宽...
2018-08-24 19:27:37
778
原创 小记：破解ItelliJ
1、IntelliJ IDEA官网下载https://www.jetbrains.com/idea/download/2、安装IntelliJ IDEA3、永久破解 下载破解jar包:JetbrainsCrack-2.6.10-release-enc.jar 资源：链接地址:https://pan.baidu.com/s/1nvZKJu5 密码:u63s 将J...
2018-08-02 14:26:22
177
原创 小记：关于nginx配置出现错误 [emerg] open() "/usr/local/var/run/nginx.pid" failed (13: Permission denied)
在配置nginx的时候，开启nginx有错误。如图：这导致我在切换URL的时候获取不到后台的数据，还一直报错404.我的解决方案：sudo nginx -c /usr/local/etc/nginx/nginx.conf然后重启一下：sudo nginx -s reload最后就好用了。。 常用的nginx命令：nginx -t 开启nginx服务s...
2018-07-23 14:52:12
14688
原创 小记：如何将后台的数据映射为简单明了的汉字（内容）
在做项目的过程中，遇到了一个新问题，就是要将后台数据映射为特定的内容，应该算是内容转换吧。。比如说性别，后台存储的数据可能为0，1，分别表示为男生，女生。那么在前端就不能直接显示0，1，而是要依据你所存储的数据进行显示可以让用户明白的内容。 那这个该如何做呢？ 我用的是vue框架，里边有一个filter的过滤函数。可以直接在vue的单文件组件里使用。但在做项目的时候为了代...
2018-07-20 15:16:51
673
原创 Q：页面跳转成功，但是url却不变化？！
搜了很多的博客和帖子，发现大多数都是URL成功跳转，但是页面不显示。和我的问题相反。 我的问题：页面跳转成功，但是url却不变化 具体看图：后退了一下，就显示出了正确的URL。。什么鬼？ 问题就是这么个问题，还不知道该如何解决。。...
2018-07-20 15:01:48
2935
1
原创 小记：介绍vue.js
vue.js是目前比较热门的前端框架之一。它具有易用，灵活，高效等特点。它也提供一种帮助我们快速构建饼开发前端项目的模式。本次分享主要就是介绍vuejs，了解vuejs的基本知识，以及开发流程，进一步了解如何通过vuejs构建一个前端项目。 主要通过四个部分讲解，介绍vue,vue的实例，以及vue的技术栈，最后是vue插件的使用。 什么是vue?vue就是一个渐进式的...
2018-07-17 12:23:05
9928
原创 小记：如何修改muse-ui中的默认样式
muse-ui 2.0里的样式总体来说可以满足大多数需求。我是第一次使用，一边使用已有的，一边探索新功能。因为给的已有样式颜色不能苟同，所以不会使用原有的，颜色大小以及标题都会有所更改。以下是我总结的两种更改muse-ui基本样式的方法：（ps:之前在修改的时候在网上找了挺久，东拼西凑总算改了，特此小记）1、修改背景颜色、标题、大小等样式第一种很简单的，主要就是通过css对background、t...
2018-06-26 13:11:26
4694
原创 小记：vue中实现table的分页功能
首先声明一下：我用了muse-ui里的组件<mu-pagination :total="this.searched_list.length" :current="current" @pageChange="f_page_count" style="float: right;margin-bottom: -8px"></mu-pagination>searched_lis
2018-06-25 16:58:27
8245
1
原创 小记：vue的表单查询
表单的查询：通过输入多条内容，过滤出想查询出的数据其中，数据是假数据：test2_list: [ { "external_id": '123',"behavior_type":'0',"user_id":'13844418773',"uuid":'0111111','partner':'meituan','order_id':'3823','product_name':'barbeque',...
2018-06-21 16:41:49
2400
原创 小记：vue的表单清除
最近做了一个表单查询的页面，需要实现查询功能的清空功能，将查询的所有信息置空。<div id="show-list"> <div id="query-condition"> <div style="margin: 10px 0 10px 84px"> <b>事件行为：</b>
2018-06-21 14:39:50
6245
2
原创 小记：去除浮动的方法
1、给父级div添加高度 height原理：父级手动定义height，解决了父级元素无法获取高度的问题优点：简单、代码少、容易掌握 缺点：父级div高度固定，不灵活。如果高度设定与父元素高度设定不一致（高出设定高度）就会出现问题。（不建议使用该方法）2、overflow:hidden原理：先找到浮动盒子的父元素，再在父元素中添加一个属性：overflow:hidden,清除这个父元素中的子元素浮动...
2018-06-21 11:02:20
596
1
原创 小记：input框不可编辑的三种方法
今天做页面的时候，用到了input，但是属于查询页面，不可以更改页面中的信息，所以input框不可以进行编辑。找了一些资料，总结一下。1、最常用的disabled。被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。EP：<input type="text" disabled="disabled" />*disabl...
2018-06-20 10:46:11
17663
原创 函数的prototype解析
1、函数的prototype属性 （1） 每个函数都有一个prototype属性，它默认指向一个Object空对象。（称为原型对象） 例1：console.log(typeof Date.prototype,Date.prototype); 运行结果显示: 例2：定义一个新的函数：function Fun(){ } console.log(Fun.prototype...
2018-02-19 22:11:01
3275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人