- 博客(16)
- 收藏
- 关注
RSS订阅原创 JavaScript数组迭代方法以及原生js
/map方法function myMap(arr,callback){if(!arr.length || !Array.isArray(arr) ||typeof callback !“function”){return []}else{const result =[]for(let i=0;i<arr.length;i++){const item = arr[i]result.push(callback(item))}return result;}}let arr = [1
2021-04-20 12:40:47
128
原创 VUE
transition组件.v-enter,.v-leave-to {opacity: 0;transform: translateY(150px);}/* v-enter-active 【入场动画的时间段】 *//* v-leave-active 【离场动画的时间段】 */.v-enter-active,.v-leave-active{ transition: all 0.8s ease;}
2021-03-28 15:14:53
113
原创 v-if和v-show的区别
v-if是如果false，就不会渲染，但是如果是true的话，就会渲染v-show都会渲染，但是如果是false的话，就会对元素进行隐藏
2021-03-28 14:40:18
124
原创 js经典案例思路
发送短信后的3s禁用按钮(5s中后跳转也是一样的，使用location.href）1.使用定时器，参数为1000，设置时间为3秒2.在定时器里面，如果时间等于0，那么按钮disabled等于false，否则的话，时间减一模拟京东按键输入1.对输入框添加keyup监听事件，如果输入的值不为空，就显示上面的条条，如果不为空，就隐藏条条。2.如果失去焦点，也需要隐藏条条跟随鼠标的天使1.获取pagex和pagey的值2.添加document的mousemove，把上面获取的值给图片的style.l
2021-03-27 12:45:42
252
原创 同步和异步
1.先直性完主线程2.再执行异步任务(先是微事件，再宏事件)promise和process是微事件定时器是宏事件，如果微事件在定时器里面的话，那么微事件外面的，为主线程
2021-03-27 12:29:56
44
原创 前端案例联系
css动画1.两面翻转案例2.3D导航栏3.旋转木马品优购项目开发.模块化开发：1.将一个项目按照功能划分，一个功能一个模块，互不影响，具有重复性使用，易于更换的特点2.有些样式和结构在很多的页面中都会出现，比如头部和底部，大部分页面都会有，可以把这些结构和样式单独作为一个模块，然后重复使用3.最典型的应用就是common.js了，写好一个样式，其余的页面用到这些相同的样式网站的favicon图标favicon.ico一般作为缩略的网站标志，它显示在浏览器头部上面在页面中html页面里
2021-03-26 08:23:04
138
1
原创 动画的有关问题
3D转换三维坐标系其实就是指立体空间，立体空间就是由三个轴共同组成的x轴：水平向右，右边是正值Y轴：垂直向下，y下面是正值Z轴：垂直屏幕，往外面是正值，往里面是负值3D位移和3D旋转3D移动就是在2D移动的基础上多加了一个可以移动的方向，就是Z轴方向transform:translate(x,y,z)而且x,y,z是不可以省略的，如果没有就写03D转换perspective在2D平面产生近大远小视觉立体，但是效果是二维的，透视的单位是px透视写在被观察元素的父盒子上面d:就是视距，
2021-03-25 12:27:44
48
原创 webpack5详细配置与介绍
webpack的基本概念：微博pack时一种前端资源构建工具，一个静态模块打包器，再webpack看来，前端的所有资源，都会当作一个模块来处理，它将会根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle)entry:入口指示，以哪个文件为入口七点开始打包，分析构建内部依赖图output：输出指示，webpack打包后的资源bundles输出到哪里去，还有如何命名loader：让微博pack可以处理那些非js文件plugins:做一些功能更加强大的活，插件的范围包括，从打包优化和压缩
2021-03-24 14:51:58
2293
原创 HTML和CSS相关点
1.text-index属性是用来指定文本的第一行缩进，通常是将段落的首行缩进通过这只该属性，所有元素的第一行都可以缩进为一个给定的长度，甚至可以是负值有两种写法，一种是text-index：10px另外一种是,em是一个相对单位，是当前元素1个文字的大小，如果当前元素没有设置字体的大小，就会按照父元素的1个文字大小text-index:2em2.line-height属性，文字行与行之间的距离line-height由上间距和下间距，还有文本高度组成3.css选择器有哪些基础选择器：标
2021-03-24 09:19:39
284
原创 页面布局相关问题
页面布局思路1.确认页面的版心（可视区）2.分析页面中的行模块，以及每个行模块的列模块3.每一行的列模块经常浮动布局，先确定没格列的大小，之后确定列的位置4.制作HTML页面，是先有结构，后有样式，结构永远是最重要的导航栏注意：实际开发中我们不会直接用链接a，而是用li包含链接的做法用处：li+a的结构更加的清晰如果直接用a的话，搜索引擎容易辨别为有堆砌关键字的嫌疑，有被搜索引擎降权的风险，从而影响网站排名导航栏可以不给宽度，后面可以加其他的文字，因为文字不一样多，最好给链接左右加padd
2021-03-23 22:12:33
215
原创 2021-03-23
webpack生产环境webpack开发环境更适用于本地调试，生产环境可以线上运行提取CSS成单独文件好处：使用link标签引入，而不是style标签，不会导致屏幕闪动需要引入插件，下面是下载指令npm i mini-css-extract-plugin -Dconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlu
2021-03-23 19:15:11
111
原创 webpack相关错误以及相关代码解释
webpack相关错误以及代码解释打包样式资源相关包只要在上一级下载，下一级，就会自动往上面找loader下载使用 npm i css-loader style-loader less-loader less -D坑(如果在代码中需要使用到相关资源都需要下载，否则就会报错，不同文件必需配置不同loader配置）plugins下载使用（配置）npm i html-webpack-plugin -D功能：默认会创建一个空的HTML,自动打包输出的所有资源需求：需要有结构的HTML文件//
2021-03-22 23:04:17
166
原创 webpack5.0安装及使用
webpack5.0安装及使用写在前面的话，因为版本的不同，安装方式和相关的指令书写方式也会有所不同，现在最新的版本是1.下载node.js2.cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中npm install webpack -g3.cmd cd命令使当前目录转到当前项目的目录下, 然后输入下面这段命令，生成package.json的文件npm init这样子就完成了“坑一”JS文件打包命令为webpack ./src/main.js -o ./dist/
2021-03-22 15:34:25
1278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人