- 博客(18)
- 收藏
- 关注
RSS订阅
原创 vue+webpack搭建项目及那些错误
搭建项目:1.vue-loader + wepack项目配置:1)新建一个项目文件夹并初始化npm init2)下载相关配置:npm i webpack vue vue-loader css-loader vue-template-compiler --save-dev3)在根目录下新建一个src文件夹在src中新建webpack.config.js 和app.vue...
2018-08-05 21:34:12
1520
原创 vue2和vue3的区别
目录创建一个template建立数据dataVue2对比vue3的methods编写生命周期钩子 --- Lifecyle Hooks计算属性 - Computed Properties接收props事件 - Emitting Eventsvue3.2更新了什么vue3多个根节点vue3支持碎片（Fragements），组件可以拥有多个根节点。减少很多组件之间的div元素包裹建立数据datavue2使用选项类型api(Options API),vue3为合成型
2022-03-23 16:25:26
534
原创 原型链与继承
当谈到继承时，javascript只有一种结构：对象。每个实例对象（object）都有一个私有属性（__proto__）指向它的构造函数
2021-06-04 11:06:10
95
原创 解决跨域的方法
1、如何解决跨域问题？跨域问题是因为同源策略导致的同源策略是一个重要的安全策略，它用于限制 origin的文档或它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介 --- MDN同源的定义两个 url 的协议（protocol）、域名（host）、端口（port）一致的才是同源解决方法1、corescores...
2021-04-11 13:56:33
135
原创 new操作符做了什么
一、new做了什么？1. 创建一个空对象{}；2. 链接该对象（设置该对象的构造函数）到另一个对象；3. 将步骤1新创建到对象作为this的上下文4. 如果该函数没有返回对象，则返回this二、手写new实现function myNewObj() { let obj = {} // 创建一个新对象 let conObj = [].shift.call(arguments) // 获取构造函数 obj._proto_ = conObj.prototype //
2021-03-31 16:39:38
78
原创 常见的CSS面试
一、CSS1.盒子模型盒子模型分为标准盒子模型和怪异盒子模型(w3c)标准盒子模型：设置的宽高就是盒子的内容（content），盒子总宽/高 = width/height+ padding + border + margin(IE)怪异盒子模型：设置的宽高包括盒子的内容（content）、padding、border，盒子总宽/高 = 设置的宽/高 + margin = content + padding + border + marginbox-sizing指定盒子模型类型，cont.
2021-03-26 14:35:00
63
原创 iview实现国际化
一、下载vue-i18n插件npm install vue-i18n二、在lang文件夹新建index.js、zh-cn.js和en-us.js文件。 index.js安装配置i18n国际化，zh-cn.js存储中文数据，en-us.js存储英文数据1、index.js文件import Vue from "vue"import iView from "iview"import VueI18n from "vue-i18n"import zhCN from "./z...
2020-06-03 17:47:55
804
原创 vue使用iview组件，Chrome浏览器与360浏览器避免表单自动填充方法
浏览器保存密码后，form表单若有type为password的输入框，就会出现表单自动填充密码，并且密码输入框上方临近的输入框会默认自动填充账号，如何避免自动填充嘞。方法如下：使用autocomplete="off",但经过测试在360浏览器并没有达到效果 在password输入框上方增加一个type为password的和type为text的输入框，将其隐藏 将密码输入框type属性定义为text，点击输入框时再改为password如果方法2或方法3不行可以结合方法2和3一起用，百分...
2020-06-03 10:51:58
1242
2
原创 vue组件库的编写和发布到npm
本篇文章主要以vue-cli3搭建项目，将开发的组件库发布到npm中。让更多的人或同事使用到自己所开发的组件库。公司也能更好的维护相关组件。一）流程1）使用vue-cli3搭建项目，组件库文件夹存放位置2）全局注册组件库3）修改编辑package.json，准备发布npm4) 注册并登录npm，发布二）组件库存放与编辑vue-cli3搭建项目参考文档https://cl...
2019-11-04 14:42:16
257
原创 左右滑动开启关闭
近期实现了向右滑动开启，向左滑动关闭的功能。最初想采用vue插件实现，但功能总也有些不尽如意，因而自己手动用js来实现。效果如图：代码如下：vue代码： <div class="btn" ref='remove'> <span :style="slideBg" class="slide-bg"> <span ref='bt...
2019-07-08 16:06:46
1027
原创 h5唤醒app
最近公司有个需求要在h5页面能跳转到银行app。这也是我第一次接触这样的业务，因而一开始碰到很多的困难，还好后面也解决了。h5页面跳转app，一般通过URL Scheme进行跳转。1、URL Scheme是什么？我们先看下url的组成：[scheme:][//authority][path][?query][#fragment]例如百度网址：http:www.baid...
2019-05-18 15:46:46
4274
原创 工作中常用到的git命令
1、配置用户名git config --global user.name "linying1223"2、初始为本地仓库git init3、本地代码传送到远程仓库的文件中3.1、将文件放入到暂缓区git add . （.代表全部文件或文件夹，也可以具体到某个文件 git add readme.txt）3.2、将缓存区 内容添加到仓库中git comm...
2019-01-29 11:50:10
130
原创 函数声明，函数表达式，形参和变量赋值引发的一些事
1、在JavaScript中，函数会首先被提升，然后才是变量的提升；2、在编译阶段，后面的变量遇到前面有冲突的变量声明或者函数声明，都会忽略；3、根据js在执行前所做的准备工作（执行上下文那节讲过）：（函数将声明并赋值，变量和函数表达式只声明，值为undefined，this对象指向window对象）4、填充变量对象的顺序是：函数的形参 --> 函数声明 --> 变量声明5、当函数声...
2018-05-31 18:14:35
886
原创 执行上下文
1) console.log(a); //undefined var a;2）console.log(a); //undefinedvar a = 10;3） f2(); //报错 ：f2 is not a function var f2 = function(){}; //函数表达式4）console.log(this); //widow5）console.log(f1); ...
2018-05-31 17:49:06
187
原创 路由vue-router
一、路由的配置环境步骤：1）、vuejs中的路由需要载入vue-router在创建项目的时候，vue-router未下载，则需要用dos命令下载vue-routerdos命令为 npm install vue-router --save-dev2）在js中引入路由import VueRouter from 'vue-router'3）启动路由 Vue.use(VueRouter);4）创建路由...
2018-05-31 11:10:28
112
原创 vue相关指令
一、v-bind绑定某个属性,可以省略，1.1、例如：v-bind:class == ：class1.2、v-bind:class的作用1.2.1、我们可以向v-bind:class传入一个对象，从而动态地切换class样式。v-bind:class="{active:isActive}",上述语法意味着，active 这个 class 的存在与否，取决于 isActive 这个 data 属...
2018-05-31 10:38:57
113
原创 组件之间的那些事
一、如何引入组件1.1、在需要引入组件中文件中导入组件的路径1.2、引入之后注册组件组件中的名字形式可以为：changpic(给的组件名称):changpic(组件)1.3、注册之后可直接在模板中使用<template><changpic></changpic></template>二、父组件的数据如何传给子组件中2.1、采用props属性传给子组件...
2018-05-31 10:23:07
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人