散人研博客 | 为梦想负重前行散人研

欢迎光临
我们一直在努力

【大前端基础】 关于width与height的百分比参照对象

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

打包工具

webpack Babel处理ES6语法

NEW

散人研阅读(14)评论(0)赞(0)

通过Babel可以处理ES6语法,将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...

打包工具

webpack source-map/webpack-dev-serve/HTM

NEW

散人研阅读(28)评论(0)赞(0)

devtool 配置 source-map 当打包完成并运行的时候报错了,但我们很难找到错误出在哪里,是不是很烦?使用devtool配置source-map可以解决该问题。配置好后,当我们代码出问题时,会把报错映射到原文件目录下的错误,这样...

打包工具

webpack 核心概念plugin

NEW

散人研阅读(59)评论(0)赞(1)

Plugin Plugins,即插件。通过plugins可以在webpack运行到某个时刻的时候,帮我们做一些事情。 HtmlWebpackPlugin HtmlWebpackPlugin可以为我们生成一个HTML文件,并将打包好的JS文件...

打包工具

webpack 核心概念loader

NEW

散人研阅读(21)评论(0)赞(0)

loader 简介 loader是一种打包方案。webpack默认只能识别和打包JS文件,对于诸如CSS/Sass/字体图标等其他文件需要借助loader。 loader 配置 我们可以在webpack.config.js中进行loader...

打包工具

webpack 核心概念与基础配置

散人研阅读(52)评论(0)赞(0)

webpack核心概念 entry: webpack开始构建的入口文件 output: 设置输出文件名称及输出文件目录 loaders: 把非JS文件解析成webpack能够处理的文件 plugins: 常用于优化,提取精华,压缩处理等,对...

服务器基础

Linux 常用命令学习

散人研阅读(34)评论(0)赞(0)

1、ls命令 就是 list 的缩写,通过 ls 命令不仅可以查看 linux 文件夹包含的文件,而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等。 常用参数搭配: ls -a 列出目录所有文件,包含以.开始的隐藏文件 ...

版本控制

Git 修改远程分支名称

散人研阅读(29)评论(0)赞(0)

简介 git 没办法直接修改远程分支名称,但我们可以创建一个新的分支来备份原来的分支并上传的远程仓库,最后删除原来的分支。这样也就可以达到手动修改分支名称的目的。 // 本地新建分支并切换至该分支 git checkout -b newNa...

CSS基础

关于width与height的百分比参照对象

散人研阅读(32)评论(0)赞(0)

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

前端框架VUE

Vue父子组件传值

散人研阅读(27)评论(0)赞(0)

父组件向子组件传值 思路:父组件引入子组件,并在子组件标签上使用v-bind绑定值,子组件通过props进行接收。 子组件向父组件传值 思路:在子组件中创建事件,通过$emit触发自定义事件并传值,该自定义事件绑定在父组件引入时的子组件标签...

前端框架VUE

Vue中的组件使用注意事项

散人研阅读(23)评论(0)赞(0)

HTML 规范 根据HTML5规范,tr外边必须包裹tbody,否则不能正常解析。因此当我们在一个组件中只写tr/td,他会自动包裹一个tbody,为了防止这种事情发生,我们可以通过is解决: 同样的,列表ul/ol/li,select等也...

前端框架VUE

Vue.set方法保持数组视图实时更新

散人研阅读(16)评论(0)赞(0)

简介 Vue开发会遇到一个问题,创建一个实例后,我们修改该实例中的数组的值,并不会触发视图更新,如: 通过set()方法修改: 参数1:要修改的对象 参数2:key 参数3:value 返回值:已经修改好的值 事实上,在Vue中有三种方法可...

前端框架VUE

template模板占位符与循环渲染

散人研阅读(24)评论(0)赞(0)

模板占位符不会渲染 有时,我们需要循环渲染多个元素,比如: 上边代码中,虽然我们把v-for放在了外层div上,达到了渲染里边元素的目的,但是外层div也会出现在DOM中,这通常是我们不希望看到的 这个时候,我们可以用template占位符...

JavaScript基础

JavaScript、ES5和ES6的介绍和区别

散人研阅读(21)评论(0)赞(0)

什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那...

前端框架VUE

计算属性与侦听属性

散人研阅读(23)评论(0)赞(0)

计算属性 当我们声明一个计算属性reverseMessage时,我们提供的函数将用作property vm.reversedMessage 的getter函数: 计算属性可以让我们像绑定普通的data property一样在模板中绑定计算属...