web前端
关注
分享
扫一扫
文章平均质量分 51
爱上的云
很帅！
展开
-
第1课|React框架背后的核心机理(webpack安装和使用)
步骤：1.新建文件夹toy-react，打开VSCode 运行和调试，创建launch.json运行环境，选chrome；2.终端命令行npm init，一路回车；3.npm install webpack webpack-cli --save-dev 安装webpack并加到package.json中的devDependencies中；4.npx webpack执行打包；5.创建webpack.config.js，使用module.exports标准写法加入entry；设置入口为mai原创 2021-03-21 16:55:50 · 301 阅读 · 0 评论 -
React快速配置环境+搭建项目
一、安装node.js到http://nodejs.cn/download/下载安装最新版本的node.js。默认安装即可。（npm是node的模块管理工具，由node附带安装）安装完成后，使用node -v检查nodejs是否安装成功：二、安装淘宝镜像的包命令行管理工具cnpm1.看一下npm仓库地址：npm get registry得到 https://registry.npmjs.org/2.替换地址npm config set registry http:/原创 2021-03-11 00:32:36 · 207 阅读 · 0 评论 -
【js插件】VS Code自动生成函数注释和文件头部注释
1.下载插件koroFileHeader详细配置见Github：https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE2.添加函数注释要添加函数注释时，将光标移动到函数上方，按下 ctrl+alt+m 组合键/** * @description: * @param {*} type * @param {*} value * @return {*} */init (type, value) {原创 2021-01-17 00:09:45 · 3472 阅读 · 1 评论 -
编程实践：以class的方式实现小球运动动画
编程实践：以class的方式实现小球随机运动动画实现效果1.可以设置初始化，屏幕内的小球个数2.小球随机运动，动画效果3.小球颜色值随机生成：https://www.cnblogs.com/xiaobaiv/p/9503653.html4.鼠标轨迹跟随5.小球的碰撞检测，撞到墙壁反弹6.在四边生成的小球能完全显示代码如下：<!DOCTYPE html><html><head> <me...原创 2021-01-09 22:55:57 · 385 阅读 · 1 评论 -
React
目录1.虚拟DOM2.JSX3.组件3.1自定义的 React 类名以大写字母开头3.2组件封装3.3组件的数据3.4组件的生命周期3.4.1装载过程3.4.2更新过程1.虚拟DOMReact通过重复渲染来实现动态更新效果，但是借助Virtual DOM技术，实际上这个过程并不涉及太多的DOM操作，所以渲染效率很高。渲染React组件时，会对比这一次产生的Virtual DOM和上一次渲染的Virtual DOM，修改真正的DOM树时只需要触及差别中的部分就行原创 2020-12-19 20:51:58 · 155 阅读 · 1 评论 -
lodash库的一点了解
官方中文文档https://www.lodashjs.com/Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率，提高JS原生方法性能的JS库。很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了。总结一句话就是：偷懒少写方法的路子。（详细介绍可参考文章https://www.jianshu.com/p/d46abfa4ddc9）Lodash使用了一个简单的 _ 符号，就像Jquery的 $ 一样。兼容性：3.x：..原创 2020-12-19 10:38:23 · 319 阅读 · 2 评论 -
JQuery常用语法
1.关于jQuery的一些使用技巧（1）网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：从jquery.com下载 jQuery 库 从 CDN （内容分发网络）中载入 jQuery, 如从 Google 中加载 jQuery（2）辨别网站是否使用了jQuery在网站按F12，Console中输入一个$，按下回车，大部分还是会返回一个"function(a，b){return new r.fn.init(a,b,h)}"【以京东为例】（..原创 2020-12-09 20:51:27 · 162 阅读 · 0 评论 -
JQuery了解-简洁API设计思想
目录前言1.jQuery 提供了一个简单而又经典的范例供大家学习2.jQuery 对事件监听的简化3.jQuery 对元素选择的简化4.jQuery当时能迅速的风靡全球的原因无外乎下面三条5.jQuery能支持IE8以下版本6.jQuery与Javascript入口函数的区别前言jQuery已过时，新项目不会使用，但大量网站仍旧在使用jQuery（在网站按F12，Console中输入一个$，按下回车，大部分还是会返回一个"function(a，b){return...原创 2020-12-08 21:27:58 · 116 阅读 · 0 评论 -
Electron环境搭建&打包桌面应用exe
目录一、安装node.js二、安装淘宝镜像的包命令行管理工具cnpm三、安装electron四、安装打包工具electron-packager五、使用electron-packager打包成exe一、安装node.js到http://nodejs.cn/download/下载安装最新版本的node.js。默认安装即可。（npm是node的模块管理工具，由node附带安装）安装完成后，使用node -v检查nodejs是否安装成功：二、安装淘宝镜像的包命令行管理.原创 2020-12-05 10:44:47 · 470 阅读 · 1 评论 -
Javascript的单线程与多线程
目录一、浏览器的线程和进程1.浏览器的线程2.浏览器是多进程的二、Javascript是单线程的1.异步Ajax也是单线程的2.setInterval和setTimeout本质上并不是多线程三、Web Worker支持多线程1.多线程间数据交互2.Web Worker的兼容性3.Web Worker的使用限制3.1同源限制3.2访问限制总结一、浏览器的线程和进程1.浏览器的线程一个浏览器通常由以下几个线程：渲染引擎线程...原创 2020-12-02 22:59:34 · 3200 阅读 · 0 评论 -
Javascript一些难懂的基础语法和概念（适合初学者）
目录1.原生Javascript2.!!的用法3.JavaScript 可以通过不同的方式来输出数据4.在 JavaScript 中，用分号来结束语句是可选的5.JavaScript 拥有动态类型6.如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量7.全局变量在页面关闭后销毁8.===(类型和值都相等)、!== 和 ==、!= 的区别9.switch 语句会使用恒等计算符(===)进行比较。10.js document.write()换行方式原创 2020-12-02 22:39:19 · 422 阅读 · 0 评论 -
深入了解Javascript的this
this实际上是在函数被调用时发生的绑定，它指向什么完全取决于函数的调用方式。（）=>箭头函数中使用的this，其实是直接包含它的那个函数或函数表达式中的this。转载 2020-12-01 21:50:01 · 121 阅读 · 0 评论