- 博客(154)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端自己平时总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-02-24 23:06:42
981
原创 面试题 体坛2022.3.24
1.浏览器输入url获取页面的过程 DNS查找讲讲 获取数据之后如何渲染页面的2.进程和线程是啥有啥不同3.vue双向绑定原理讲讲 涉及那些类
2022-03-24 17:54:32
776
原创 使用http-server开启一个本地服务器
平时需要模拟启动一个本地服务器 请求静态文件可以使用http-server插件前端常使用的http服务器http-server,非常实用。可以做模拟数据,可以做静态资源服务器,也可以做调试、测试的前端服务器,可以不再依赖后端。可可以做代理转发等功能,解决平时开发大部分后端需求。1.下载命令:npm install http-server -g2.http-server使用:1.http-server 默认启动一个服务 默认一个端口号2.http-server './www/..
2022-03-01 11:11:52
1236
原创 clean-webpack-plugin使用
为了在每次打包发布时自动清理掉 dist 目录中的旧文件,可以安装并配置 clean-webpack-plugin 插件运行如下的命令,即可在项目中安装 clean-webpack-plugin插件:npm install clean-webpack-plugin -Dwebpack3.X需要下载指定版本的插件:npm install --save-dev clean-webpack-plugin@3.0.0"clean-webpack-plugin": "^3.0.0"...
2022-02-28 19:24:22
2105
原创 研究vue-cli脚手架实现过程-自己写一个demo
vue脚手架的使用过程如下:常用的命令1、安装vue脚手架vue-cli 命令:npm install -g vue-cli 安装成功后可以用vue -V查看vue版本2、cd到对应的目录下初始化vue项目 命令:vue init webpack my-project Project name 项目名 Project description 项目名描述 Author 作者邮箱 Use ESLint to lint your c...
2022-02-12 09:54:13
955
原创 实现二叉搜索树的结构数据
//实现二叉搜索树:特点 左侧的值小于父节点 右侧的值大于父节点 //创建的节点 class Node { constructor(value) { this.right = null; this.left = null; this.value = value } } //存放节点 class Bst { constructor() { .
2022-01-24 23:03:13
543
原创 前端设计模式
// 实现单例设计模式 利用闭包 缓存实例对象 只产生一个实例let single=(function(){ let singleObj=null; function getInstance(){ if(!singleObj){ singleObj=new dialogObj(); } return singleObj } function dialogObj(){ ...
2022-01-23 23:29:22
206
原创 构造函数实现单例模式 观察者模式面试题
请实现EventEmitter, 让打印输出符合预期const eventBus = new EventEmitter()const eventBus1 = new EventEmitter()console.log(eventBus === eventBus1) // 打印输出: truefunction handleClick(param1, param2) {console.log(param1, param2)}eventBus.on('click', handleClick)...
2022-01-01 19:26:56
281
原创 vue提问知识点总结
1.objece.definePrototype怎么劫持数组的?为什么重写这些数组方法?重写数组方法,为了更友好的操作数组并触发响应式检测,Vue 重写了对数组引起副作用(改变原数组)的方法。2.Vue.$set方法背后原理:手动触发更新对象数据 让数据加上拦截方法...
2021-12-26 21:55:11
307
原创 vue中引入sass全局函数
sass或者less都提供变量设置,在需求切换主题的项目中使用less或者sass变量,只要修改变量值,编译后所有用到该变量的样式都会被修改为你想要的效果,但是在vue-cli搭建的项目中,在main.js中全局引入一个scss文件,在其中定义变量在其他组件或者页面中引用报变量未定义错误,其他的样式可以正常显示,显然是编译的问题。傻瓜式引用在每个用到全局变量的组件都引入该全局样式文件@import 'path/fileName.scss'但是组件或者页面不在统一层目录下,引入...
2021-11-10 13:03:47
592
原创 adb安装
Mac安装adb,最简单的办法是用homebrewhomebrew是macOS的一个包管理工具1、安装homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2、安装adbbrew cask install android-platform-tools3、运行adbadb devices4.配置环境变量打开终端,入当前用户的home目录
2021-11-09 10:56:02
2540
原创 Vue3的优势
一、Vue 3.0 性能提升主要是通过哪几方面体现的?1、源码体积的优化重写了虚拟 dom2、响应式系统的升级用 Proxy 和 Reflect 来代替 vue2 中的 Object.definepeoperty()方法来重写响应式 vue3 中可以监听动态新增的属性 vue3 中可以监听删除的属性 vue3 中可以监听数组的索引和 length 属性3、代码编译优化使用了 组合 API 来代替 vue2 中的 Options API 组件内不需要根节点了,使用 fragment
2021-08-14 08:04:20
518
原创 自己写工具包发布到npm流程
把通用的功能开发成npm包,便用使用和维护,更重要的是可以分享给广大的开发者,是不是很激动人心!那么,步骤如下:1.创建项目创建项目目录,npm init ,根据需要输入配置信息(建完后也可以在package.json中自行修改)npm init控制台如图:生成一个package.json文件 如图:配置项name: 说明了npm包的名称,也就是publish后可以在npmjs中通过该名称搜索到version:版本号main:入口文件2.创建ind.
2021-07-28 19:42:16
322
原创 后台返回的数据有回车换行符号,前端也要进行相应的换行显示
解决方法:使用<pre>或<code>标签,它们会自动识别和处理后台返回的换行符号。此外,超出容器外的内容需要进行换行处理的话,可以使用样式:white-space:pre-wrap;
2021-07-05 18:55:41
990
原创 vue3学习
下载脚手架:npm install -g @vue/clivue create 搭建新项目:vue create <Project Name> //文件名 不支持驼峰(含大写字母)
2021-07-04 22:17:29
272
1
原创 Vue中使用swiper插件实现轮播图
Vue中集成使用swiper插件实现轮播图 集成vue-awesome-swiper组件支持vue的写法:终端输入如下命令下载vue-awesome-swiper和swiper
2021-06-23 14:36:25
2418
原创 iOS 模拟器设置输入中文
在IOS 模拟器中 输入中文模拟器默认的配置种没有“小地球”,只能输入英文。加入中文方法如下:找到模拟器的Settings--->General-->Keyboard-->International KeyBoards-->Add New Keyboard-->Chinese Simplified(PinYin) 即我们一般用的简体中文拼音输入法,配置好后,再输入文字时,点击弹出键盘上的“小地球”就可以输入中文了。...
2021-04-02 15:29:55
914
2
原创 vscode保存文档自动格式化配置
editor.formatOnSave上图片 一个图片胜过千言万语:在设置中搜索editor.formatOnSave之后勾线成对号就行了 每次保存文档都会自动格式化了
2021-03-28 16:20:43
968
原创 js 平级树变成树形结构
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></body>.
2021-01-01 23:10:46
766
2
原创 postMessage实现iframe和父页面之间的通信
postMessage的使用一、简介1、postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递2、postMessage(data,origin)方法接受两个参数:(1)data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版
2020-12-26 22:06:19
1600
原创 在vue项目中css或者less的定义全局的变量方法
1.首页在css中写入base.css:/* root选择器用匹配文档的根元素。在HTML中根元素始终是HTML元素。在根元素下自定义一些变量的样式 */:root{ border:1px solid blue;/* 设置样式 */ --bg-color:red;/* 设置自定义的样式 */ --font-size:30px; --height-min:100px;}2.在最外层的组件入口引入即可: @import './assets/css/base.css'
2020-12-26 21:42:26
2008
原创 vue响应式原理
//响应式原理 let obj = { name: 'yangedong', age: 12 } Object.keys(obj).forEach((key) => { let value = obj[key]; Object.defineProperty(obj, key, { set(newVal) { console.log('监听' + key + "的改变") value = newVal .
2020-12-21 23:08:40
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人