前端小知识
前端小知识点
独鹿DT
这个作者很懒,什么都没留下…
展开
-
input标签获取到的文件内容展示
input标签获取到的文件内容展示读取图片,文件名并展示<div class="img-box"> <img src="" alt="" id="showImgBox"> <div class="name-box"></div> <div class="input-box"><input type="file"></div> </div> <原创 2021-04-05 21:17:18 · 1507 阅读 · 0 评论 -
大聚会——CSS选择器
大聚会——CSS选择器通配符选择器标签选择器类选择器ID选择器交集选择器并集选择器(重点)后代选择器(重点)子元素选择器属性选择器结构伪类选择器`nth-child(n)` 和 `nth-of-type(n)` 参数详解`nth-child(n)` 和 `nth-of-type(n)` 的区别伪类选择器伪类选择器注意事项链接伪类选择器(重点)通配符选择器在CSS中,一个星号*就是一个通配选择器.它可以匹配任意类型的HTML元素.基本语法:* { 属性1:属性值1; 属性2:属性值2;...原创 2020-09-21 08:17:56 · 723 阅读 · 0 评论 -
textarea在光标处插入一段文本
textarea在光标处插入一段文本效果实现HTML:<!-- 点击字体图标在textarea中加入文本 --> <span @click="addPictureClic"> <i class="fa fa-image" title="添加图片"></i></span><!-- ref="editorbox" 在方法中筛选出textarea --> <textarea class='editor-text'原创 2021-04-02 09:59:01 · 1286 阅读 · 0 评论 -
textarea实现自适应高度
textarea实现自适应高度div属性contenteditable模拟textarea文本域轻松实现高度自适应 <div class='editor-text' contenteditable="true" //增加属性contenteditable @input="editorChange">{{content}} </div>存在问题:当在vue里使用时,进行相应式处理的时候实现v-model对应的操作时,在键盘上按下回删除的时候,失去在文章删除位置原创 2021-04-01 20:26:29 · 1082 阅读 · 0 评论 -
express框架基本使用
Express框架特性Express体验中间件app.get 、app.post中间件用法使用app.use中间件用法错误处理中间件捕获错误Express请求处理构建模块化路由GET参数的获取POST参数的获取Express路由参数静态资源的处理模板引擎app.locals对象Express是一个基于Node平台的web应用开发框架,提供了一系列的强大特性,可以帮助创建各种Web应用。下载命令:npm install express特性提供了方便简洁的路由定义方式对获取HTTP请求参数进行原创 2020-11-08 15:51:52 · 274 阅读 · 0 评论 -
MongoDB数据库使用详解
MongoDB数据库Mongoose第三方包数据库相关概念连接数据库创建集合插入文档创建文档mongoDB数据库导入数据MongoDB增删改查操作查询文档删除文档更新文档MongoDB增删改查操作集合关联Mongoose第三方包使用Node.js操作MongoDB数据库需要依赖Node.js第三方包mongoose使用npm install mongoose命令下载数据库相关概念术语解释说明database数据库,mongoDB数据库软件中可以建立多个数据库collec原创 2020-11-06 17:51:09 · 847 阅读 · 0 评论 -
Gulp基础看我就够了
第三方模块 Gulp基于node平台开发的前端构建工具把机械化操作编写成任务, 要执行机械化操作时执行一个命令行命令任务就能自动执行了Gulp: 我能干什么HTML、CSS、JS文件压缩合并语法转换(es6、less …)公共文件抽离修改文件浏览器自动刷新Gulp :我该怎么被使用1.使用npm install gulp下载gulp库文件2.在项目根目录下建立gulpfile.js文件3.重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建后文件4原创 2020-11-06 17:43:31 · 905 阅读 · 0 评论