- 博客(15)
- 收藏
- 关注
RSS订阅原创 node-sass安装太难，替换为dart-sass
node-sass简直就是噩梦，太难安装了，还各种nodejs版本问题，有的时候几天都装不好替换为dart-sass后，好多了，但是有部分语法还是有细微区别的vue项目用dart-sass替换node-sass很简单先删除项目中node-sassyarn remove node-sass再安装dart-sassyarn add sass -D将项目中sass的，/deep/修改为 ::v-deep/* 修改前 */.a { /deep/ { .b {
2021-08-13 11:51:24
2862
原创 React16最新源码架构
React16架构可以分为三层：Scheduler（调度器）—— 调度任务的优先级，高优任务优先进入Reconciler Reconciler（协调器）—— 负责找出变化的组件 Renderer（渲染器）—— 负责将变化的组件渲染到页面上...
2021-06-28 15:15:57
205
原创 react16之后新增和即将废弃的生命周期
组件每次被rerender的时候，包括在组件构建之后(虚拟dom之后，实际dom挂载之前)，每次获取新的props或state之后；每次接收新的props之后都会返回一个对象作为新的state，返回null则说明不需要更新state；配合componentDidUpdate，可以覆盖componentWillReceiveProps的所有用法
2021-06-28 14:08:51
802
原创 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
124
原创 nodejs使用sequelize-auto自动生成数据库关系模型文件
上篇说到我虽然使用了sequelize，但是感觉我一个后台没写完，人就累死了。所以我就找了下有没有可以自动生成模型文件的，听说他们JAVA就有的。然后就找到了这个sequelize-auto。1，安装npm install -g sequelize-auto mysql2，生成model文件sequelize-auto -o "./mysqltest" -d ips ...
2020-04-28 18:28:42
2668
2
原创 eggjs对象关系映射ORM实践 - sequelize
我就是个NODEJS初学者，eggjs本来有简单的数据库查询egg-mysql插件，配置和使用起来也很简单，但是有很大权限，配置不了数据库对应关系。比如后台存储的字段是下划线规范写法，前端接口需要的是驼峰写法。当然修改其一使其对应也是可以的。但是我懒得改了，因为前端是我以前写的项目COPY过来的，后端以前是JAVA，我要给他全部改成NODEJS，然后就想到了如果能把字段全部转成驼峰...
2020-04-28 17:47:00
749
原创 javascript底层学习笔记（1）：堆栈和队列
一，栈（stack）特点：栈是一种LIFO（Last-In-First-Out，后进先出）的数据结构，也就是最新添加的项最早被移除比如说，我们在一个箱子中放了很多本书，如果你要拿出第二书，那么你要先把第一本书拿出来，才能拿第二本书出来；拿出第二本书之后，再把第一本书放进去函数调用形成一个栈帧：fucntion tur(b){ var a = 4; return a...
2019-05-11 16:59:40
255
原创 vue动态修改生成
1.方法其实很简单，网上绝大多数文章都是在路由文件router/index.js上的meta中加入//router/index.js{path: '/patrolShop/index',name: 'PatrolShop',meta:{title:'产品详情'}}然后再app.vue中加入监听路由变动//app.vueexport default { name: 'A...
2019-05-11 16:24:50
681
原创 vue拦截路由回退弹窗
一，拦截路由回退弹层功能出现的原因：为了增加用户体验在移动端用户容易误操作回退按键或者左滑，导致页面回退，特别是大表单页面填写未提交时，如果出现了这种误操作会导致浪费用户大量精力和时间。二，由产品提出要求，回退时是否可以增加弹窗拦截我在网上找了一下，文案极少。思路就是在页面组件生命周期钩子beforeRouteLeave时进行拦截，确定后改变inter。三，...
2019-04-28 14:38:35
2250
原创 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
5465
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
1826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人