- 博客(15)
- 收藏
- 关注
RSS订阅原创 node-sass安装太难，替换为dart-sass
node-sass简直就是噩梦，太难安装了，还各种nodejs版本问题，有的时候几天都装不好 替换为dart-sass后，好多了，但是有部分语法还是有细微区别的 vue项目用dart-sass替换node-sass很简单 先删除项目中node-sass yarn remove node-sass 再安装dart-sass yarn add sass -D 将项目中sass的，/deep/修改为 ::v-deep /* 修改前 */ .a { /deep/ { .b {
2021-08-13 11:51:24
2859
原创 React16最新源码架构
React16架构可以分为三层： Scheduler（调度器）—— 调度任务的优先级，高优任务优先进入Reconciler Reconciler（协调器）—— 负责找出变化的组件 Renderer（渲染器）—— 负责将变化的组件渲染到页面上 ...
2021-06-28 15:15:57
204
原创 react16之后新增和即将废弃的生命周期
组件每次被rerender的时候，包括在组件构建之后(虚拟dom之后，实际dom挂载之前)，每次获取新的props或state之后；每次接收新的props之后都会返回一个对象作为新的state，返回null则说明不需要更新state；配合componentDidUpdate，可以覆盖componentWillReceiveProps的所有用法
2021-06-28 14:08:51
801
原创 defineProperty 和 getOwnPropertyDescriptor
Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）
2021-05-31 16:43:05
225
原创 前端-浏览器，H5
1. 怎么优化h5加载速度 1、使用免费 cdn 加载第三方资源 2、合并压缩js,css,减少请求次数以及减少流量的消耗 3、代码优化：CSS放在页面头部，JS文件放在页面底部 4、动画效果尽量使用CSS3动画，减少使用JS动画 5、使用字体图标，雪碧图，图片地图 6、懒加载图片 7、预加载下个页面 ...
2021-04-19 22:37:00
123
原创 nodejs使用sequelize-auto自动生成数据库关系模型文件
上篇说到我虽然使用了sequelize，但是感觉我一个后台没写完，人就累死了。 所以我就找了下有没有可以自动生成模型文件的，听说他们JAVA就有的。 然后就找到了这个sequelize-auto。 1，安装 npm install -g sequelize-auto mysql 2，生成model文件 sequelize-auto -o "./mysqltest" -d ips ...
2020-04-28 18:28:42
2664
2
原创 eggjs对象关系映射ORM实践 - sequelize
我就是个NODEJS初学者， eggjs本来有简单的数据库查询egg-mysql插件， 配置和使用起来也很简单，但是有很大权限，配置不了数据库对应关系。 比如后台存储的字段是下划线规范写法，前端接口需要的是驼峰写法。 当然修改其一使其对应也是可以的。但是我懒得改了，因为前端是我以前写的项目COPY过来的，后端以前是JAVA，我要给他全部改成NODEJS，然后就想到了如果能把字段全部转成驼峰...
2020-04-28 17:47:00
747
原创 javascript底层学习笔记（1）：堆栈和队列
一，栈（stack） 特点：栈是一种LIFO（Last-In-First-Out，后进先出）的数据结构，也就是最新添加的项最早被移除 比如说，我们在一个箱子中放了很多本书，如果你要拿出第二书，那么你要先把第一本书拿出来，才能拿第二本书出来；拿出第二本书之后，再把第一本书放进去 函数调用形成一个栈帧： fucntion tur(b){ var a = 4; return a...
2019-05-11 16:59:40
254
原创 vue动态修改生成
1.方法其实很简单，网上绝大多数文章都是在路由文件router/index.js上的meta中加入 //router/index.js {path: '/patrolShop/index',name: 'PatrolShop',meta:{title:'产品详情'}} 然后再app.vue中加入监听路由变动 //app.vue export default { name: 'A...
2019-05-11 16:24:50
680
原创 vue拦截路由回退弹窗
一，拦截路由回退弹层功能出现的原因：为了增加用户体验 在移动端用户容易误操作回退按键或者左滑，导致页面回退， 特别是大表单页面填写未提交时， 如果出现了这种误操作会导致浪费用户大量精力和时间。 二，由产品提出要求，回退时是否可以增加弹窗拦截 我在网上找了一下，文案极少。 思路就是在页面组件生命周期钩子beforeRouteLeave时进行拦截，确定后改变inter。 三，...
2019-04-28 14:38:35
2248
原创 redux学习笔记（2）- 使用react，redux加react-redux
看过网上有很多用的文章，都是分在不同文件里用的。然后各个文件间跳来跳去的，也搞不清楚代码顺序，不知道从哪开始，看也看不懂。我这里特意放在同一文件里，然后就很容易理清头绪。下次再拆分到不同文件里去。使用react-redux有很多区别的地方。1，首先要多引入react-redux.import React from 'react' import { render } from 'react-do...
2018-03-22 18:03:24
231
原创 redux学习笔记（1）- 初学，单纯的用react和redux
1，引入react + react-dom + reduximport React from 'react' import { render } from 'react-dom' import { createStore,combineReducers} from 'redux'2，创建一个状态处理机reducer函数(reducer是纯函数，专门用于处理state)，并用combine链接起...
2018-03-22 16:58:40
313
原创 electron+react刨坑笔记（2）- 在react中调入渲染进程ipcRenderer
在react中调用渲染进程时，必须要用不能用import引入进来，也不能直接用require，以下三种方法都会导致报错：查其原因，查是因为：require/exports 和 import/export 形式不一样，遵循的模块化也不一样。require/exports是一种野生的规范。require/exports 的用法只有以下三种简单的写法：const fs = require('fs') e...
2018-03-21 18:01:28
5461
9
原创 electron+react刨坑笔记（1）
本人对于react还算是比较精通的。但是由于最近看到某条招聘react+electron的前端开发，因而对electron产生了深厚的兴趣。今天开始学习：首先搭建环境，我用的是react-create-app脚手架来搭建react环境安装react-create-app脚手架npm install -g create-react-app 创建项目$ create-react-app myapp ...
2018-03-21 17:13:28
1824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人