2 Cao_Mary

尚未进行身份认证

暂无相关简介

等级
TA的排名 7w+

Vue父子组件数据传递方式

使用Vue的同学,本文一、二两个小结必须掌握。Vue父子组件数据传递方式一*、父组件给子组件传递数据二*、父组件给子组件传递方法三、子组件给父组件传递数据四、组件数据多级传递五、组件方法多级传递一*、父组件给子组件传递数据1在父组件中通过v-bind传递数据传递格式 v-bind:自定义接收名称 = "要传递数据"2在注册组件的子组件中通过props接收数据接收格式 props: [“自定义接收名称”]<!DOCTYPE html><html lang="en">

2020-05-12 18:49:13

Vue常用指令

指令:即Vue内部提供的自定义属性,其封装了Vue内部实现的一些功能。v-once:界面不跟数据变化,只渲染一次。v-cloak:数据渲染后自动显示元素。 [v-cloak]:{display: none}默认先隐藏未渲染的界面等到生成HTML渲染之后再重新显示。Vue数据绑定过程:1.会先将未绑定数据的界面展示给用户2.然后再根据模型中的数据和控制的区域生成绑定数据之后的HTML...

2020-04-22 13:00:33

webpack中常用loader及plugins(插件)

本文主要简单讲解常用loader及plugins的作用,方便快速查找。具体使用方法见官网或github一、loader同plugins是什么loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。插件是 webpack 的支柱功能。webpack 自身也是构建于,你在 webpack 配置中用到的相同的插件系统之上!插件目的在于解决 l...

2020-03-02 15:05:51

ES6模块化使用方式

ES6之前javascript比较怂巴巴,没有模块化的概念,是ES6的新特性。本文主要介绍js模块化的使用。ES6模块化一、ES6模块化的第一种方式:1.1 使用方法1.2.注意点:注意点1的案例:解构赋值案例:注意点2案例:通过as修改接收的变量名称二、ES6模块化的第二种方式:2.1 使用方法2.2 注意点:三、两种方式混合使用一、ES6模块化的第一种方式:1.1 使用方法导出数据:...

2020-03-02 14:00:36

webpack的了解,安装及打包文件方法

webpack安装,打包文件方法一、为什么要使用webpack二、什么是webpack?三、为什么要分模块?四、如何解决上述问题——使用webpack五、如何通过webpack来打包JS模块1. 安装webpack2. 编写模块化代码3. 在终端中输入打包的指令:npx webpack index.js4.在html文件中引入打包之后的文件main.js即可一、为什么要使用webpack因为要...

2019-12-06 19:03:39

webpack配置文件写法

1.什么是webpack配置文件?我们在打包JS文件的时候需要输入: npx webpack index.js这句指令的含义是: 利用webpack将index.js和它依赖的模块打包到一个文件中其实在webpack指令中除了可以通过命令行(终端)的方式告诉webpack需要打包哪个文件以外,还可以通过配置文件的方式告诉webpack需要打包哪个文件2.webpack常见配置在htt...

2019-12-06 19:02:49

NodeJS自定义全局包

NodeJ自定义全局包什么是全局包:全局包(工具包)特点:查看全局包安装地址(prefix):查看不同包的指令:全局包实现步骤:什么是全局包:一般全局包都是工具包,例如:nrm,yarn,cnpm全局包(工具包)特点:需要自定义指令查看全局包安装地址(prefix):npm config ls查看不同包的指令:nrm回车 yarn回车全局包实现步骤:打开文件夹:F:\学习...

2019-12-05 18:01:09

使用、注册npm网站

在https://www.npmjs.com/注册账号注意:注册过程中需要邮箱验证在终端 包所在的文件夹(F:\学习\front-end\14.手写Node模块系统\12\node_modules\ggjj)中输入npm addUser输入注册npm的用户名,密码,邮箱注意:nrm ls查看资源上传下载网址,需要切换到npm官网:https://registry.npmjs.org/...

2019-12-05 18:00:04

package.json各字段含义

package.json字段分析(了解)name:包的名称,必须是唯一的,由小写英文字母、数字和下划线组成,不能包含空格version:符合语义化版本识别规范的版本字符串主版本号:当你做了不兼容的 API 修改子版本号:当你做了向下兼容的功能性新增修订号:当你做了向下兼容的问题修正description:包的简要说明keywords:关键字数组,通常用于搜索...

2019-12-05 17:52:38

NodeJS之nrm/cnpm的安装

一、nrm(推荐使用)由于npm默认去国外下载资源, 所以对于国内开发者来说下载会比较慢nrm工具作用: 允许将资源下载地址从国外切换到国内安装方法:1.npm install -g nrm 使用npm安装NRM2.nrm --version 查看是否安装成功3.nrm ls 查看允许切换的资源地址4...

2019-10-31 12:00:58

NodeJS环境下,使用NPM管理包

本文主要讲解,使用NPM工具管理包。注意想使用NPM需要安装NodeJS哈。NodeJS安装方法见:NodeJS环境搭建。一般安装的NodeJS环境中会自带npm,若安装npm失败,解决办法详见node下载安装后,npm安装失败解决方案主要涉及的NPM安装包方式:全局安装和本地安装。npm官网:https://www.npmjs.com/一、全局安装全局安装 (一般用于安装全局使...

2019-10-31 10:55:10

NodeJS模块

一、什么是模块1.1、浏览器开发中的模块在浏览器开发中为了避免命名冲突, 方便维护等等我们采用类或者立即执行函数的方式来封装JS代码,来避免命名冲突和提升代码的维护性其实这里的一个类或者一个立即执行函数就是浏览器开发中一个模块存在的问题:没有标准没有规范(有人用类,有人用函数定义模块,未规定模块中哪些可以暴露给外界)1.2、NodeJS开发中的模块NodeJS采用CommonJ...

2019-10-27 21:26:31

node下载安装后,npm安装失败解决方案。

node -v 没有显示版本号,npm显示无法下载解决办法1.按照控制台提示github地址下载npm文件(不同node版本对应不同npm版本)https://github.com/npm/cli/archive/v6.12.0.zip2.下载完成后,解压文件,并将文件夹改名为npm,放入nodejs\node_modules\文件夹下。3.再将npm文件夹中的bin文件夹下的npm...

2019-10-24 17:13:05

NodeJS环境搭建

一、NodeJS基本介绍什么是Node.js?Node.js 是一个基于"Chrome V8 引擎" 的JavaScript “运行环境”.V8引擎?V8引擎是一款专门解释和执行JS代码的虚拟机, 任何程序只要集成了V8引擎都可以执行JS代码也就是说只要将V8引擎嵌入到不同的宿主环境中, 就可以在不同的宿主环境下执行JS代码运行环境?运行环境的特点: 可以运行"特定编程语言"编写的"...

2019-10-23 17:37:44

javascript判断对象是否是空对象

使用javascript判断对象是否是空对象

2019-10-17 17:27:24

H5存储方案——cookie、session、SessionStorage和LocalStorage

1.简述浏览器端存储网页中的数据有三种存储方案:cookie、SessionStorage和LocalStorage。其中:SessionStorage和LocalStorage是H5新增的存储方案。而cookie经常同session一并提起,它们的主要区别:cookie:会话跟踪技术 客户端(浏览器)session;会话跟踪技术 服务端也就是说session一般用于服务器端进行会...

2019-09-20 13:23:30

适配移动端解决思路

阅读本文前,先了解一篇文章 移动端视口1.适配移动端方法一:PC+ 移动端使用媒体查询PC端,移动端使用媒体查询,使用同一套代码html头部添加<meta name="viewport" content="width=device-width, initial-scale=1.0">内容区域:采用媒体查询的方式布局页面。主要是通过查询设备的宽度来执行不同的css代码,最终达...

2019-09-16 12:18:44

移动端视口

1.什么是视口?视口简单理解就是可视区域大小我们称之为视口在PC端,视口大小就是浏览器窗口可视区域的大小(窗口多大,可视区域/视口就多大)在移动端, 视口大小并不等于窗口大小, 移动端视口宽度被人为定义为了9802.为什么是980而不是其他的值?因为过去网页的版心都是980乔布斯为了能够让网页在移动端完美的展示, 所以将iOS手机视口的大小定义为了980后来谷歌也觉得这是一个非常牛...

2019-09-16 12:11:18

前端页面适配移动端常用方案

本文写作顺序是按照实际编写移动端适配的顺序编写的。想要充分理解,需要童鞋们有rem,像素,媒体查询,的基础知识。若顺序阅读理解较为困难。可以按照标题3、2、1的顺序阅读。理解困难,可留言。1.js添加如下三行代码——解决设备像素同逻辑像素不同的问题let scale = 1.0 / window.devicePixelRatio;let text = `<meta name="v...

2019-09-16 11:05:59

设备(物理)像素和CSS(逻辑)像素

1.什么是设备像素和CSS像素?1.1、设备像素又称为物理像素, 是"物理屏幕"上真实存在的发光点,只有屏幕一经出厂就固定不会改变1.2、CSS像素又称为逻辑像素,是编程世界中虚拟的东西, 我们通过代码设置的像素都是逻辑像素例如:iPhone3G/iPhone3GS3.5英寸逻辑像素320*480设备像素320*480iPhone4/4S3.5英寸逻辑像素3...

2019-09-16 11:39:48

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取