- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端复制内容到粘贴板实现方法
兼容各个版本浏览器拷贝函数// 前端拷贝函数webCopy = function(value){ if(window.clipboardData && window.clipboardData.setData){ return window.clipboardData.setData("Text", value) }else if(document.queryCommandSupported && document.queryCommand
2021-11-16 15:54:27
796
1
原创 vue知识概览（基础知识巩固）
vue.js用于构建用户界面的渐进式框架，双向数据绑定双向数据绑定原理：通过数据劫持和发布-订阅模式实现，数据劫持通过Object.defineProperty()实现，劫持属性的setter与getter，数据属性发生变动，发布消息给订阅，触发对应的监听回调const app = new Vue({ el:'#app', data:{ msg:'小猪皮' }});MVVMmodel：模型，数据对象（data）view：视图界面viewModel：视图模型（vue的实例）视图
2021-07-23 16:01:48
666
原创 react知识概览
react原理react->数据与模板相结合，生成虚拟dom，利用虚拟dom结构，生成真的dom。如果数据改变，通过diff算法，比较原始的虚拟dom和新的虚拟dom，找出之间的区别，将差异的地方重新渲染。减少对真实dom的创建和比对，提高性能react虚拟Domconst Dome = ( <div class='container'> <span>直接写入html标签</span> </div>)关于虚拟dom1.
2021-07-23 15:49:33
155
原创 HTML5与CSS3基础知识
HTML5超文本标记语言新增语义化标签：header、footer、main、nav等等新增多媒体功能：视频、音频新增画布功能canvas功能新增存储功能（本地存储、会话存储）新增移动端开发css3背景系列样式选择器新增动画功能（2D、3D）圆角、渐变、字体、文本效果、过渡语义化标签语义化标签便于浏览器底层解析，有助于网站优化页面结构清晰，便于代码维护与管理良好的html架构，利于搜索引擎建立索引和抓取HTML5 特性1.标签可省略type属性2.标签的属性值可省
2021-07-23 15:46:38
342
原创 TypeScript基础小知识
TypeScript安装npm install -g typescriptTypeScript介绍1.ts文件直接书写js语法代码，html文件可直接引用ts文件，谷歌浏览器可直接使用2.ts文件存在ts语法代码，需要编译ts文件->js文件，html引入js文件使用3.ts文件函数形参，需要某个类型进行修改->js文件中无改修饰类型4.ts文件let -> js文件var类型注解轻量级的为函数或者变量添加的约束不确定类型使用unknown基础类型定义func
2021-07-23 15:45:22
141
原创 ES6基础小知识
变量/常量声明变量let不存在变量提升，不影响作用域)常量const不可以修改，数组与对象可以（常量指向的是对象指针）变量解构赋值// 数组let [a,b,c] = arr;// 对象let {a = 0, b = 0} = obj;// 已声明变量({x} = obj)// 字符串const [ a, b ] = 'xzp';let { length:len } = 'xzp';// 函数参数解构赋值function add([x,y]){ return x + y }//
2021-07-13 11:40:58
111
原创 浏览器兼容小知识
浏览器兼容问题浏览器兼容问题屏幕分辨率兼容问题跨平台兼容问题1.不同浏览器默认标签的padding与margin不一致 选中标签统一重写样式 引入Normalize.css2.图片存在默认间距 使用浮动float3.清除浮动float .clearfix:after{ content:'.'; display:block; height:0; clear:both; visibility:hidden; }4.链接访问过后ho
2021-07-13 11:39:29
211
原创 git基本操作
版本控制工具分布式版本控制git bash：unix与linux风格的命令行git CMD：windows风格git GUI：图形界面的GITlinux命令：pwd：显示当前所在目录的路径touch：新建文件mkdir：新建文件夹rm：删除文件rm -r：删除文件夹mv：文件移动 mv src/js/index.css src/cssclear：清屏reset：清屏history：历史help：查看帮助exit：退出#：注释vim：修改文件，按i修改，按esc退出修改
2021-07-13 11:35:55
80
原创 webpack入门小知识
打包样式资源（css、less）下载包：style-loader，css-loader，less-loader，lesswebpack.config.js webpack的配置文件默认采用commonjsmodule.exports = { module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test:
2021-07-13 11:34:46
110
原创 JavaScript知识点
数据类型1.基础数据类型 Number String Boolean undefined Null2.引用对象类型 Object Function Array常用数组操作push、unshift、shift、pop、toString、sort、map、forEach、split，join（合并为字符串）数组splicesplice( start, delete, insert)start：开始删除delet：删除个数，不传则删除后面所有元素insert：插入内容判断数组a
2021-07-13 11:33:26
101
原创 vue实现展开收起
需求示例前端界面中存在展开收起功能，dome高度超过100px，前端展示展开收起功能。收起->100px，展开->自适应高度；dome高度小于100px，不展示操作按钮。dome高度存在动态变化的可能
2021-07-13 11:23:15
5691
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人