![](https://img-blog.csdnimg.cn/20210408172512469.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
H5 /css /jquery
乐乐呀168
你好,很高兴认识你
展开
-
vue 点击切换导航标签,并左右滚动
vue做的导航栏,左右各有按钮,点击向左右滚动vue做的导航栏,左右各有按钮,点击向左右滚动Vue - 点击导航栏当前标签后变色功能(导航栏当前hover样式)Vue - 点击导航栏当前标签后变色功能(导航栏当前hover样式)...原创 2021-08-30 09:37:42 · 1177 阅读 · 0 评论 -
实现瀑布流布局
什么情况下会用到瀑布流:需求:1.图片不变形2.展示区域不留白(满屏)要么要求图片大小,要么使用瀑布流如何合理展示:思路分析:等宽不等高定位:脱离文档流第二排:图片不多可以使用绝对定位,一张一张来栅格:借助第三方插件如果图片加载不出来,就会影响高度$(function(){waterFall();});//等到页面结构加载完,就会加载js和$(window...原创 2021-06-29 17:08:58 · 131 阅读 · 0 评论 -
vue cli 遇到的问题
问题一: cmd 输入 vue ui 没有反应解决办法:卸载旧版本的vue-cli命令:npm uninstall vue-cli -g然后在重新安装npm install @vue/cli -g安装成功后问题二:未能从错误中获取响应:JAVA_HOME设置不正确。请更新F:\hadoop\hadoop-2.7.1\conf\hadoop-环境命令/vue-cli版本标记...原创 2021-06-29 17:06:17 · 184 阅读 · 0 评论 -
【解决】BaseClient.jsUncaught TypeError: Cannot assign to read only property ‘exports‘ of object
项目场景:SpringBoot项目实战 谷粒学院后台管理系统跟着做哔哩哔哩上谷粒商城的项目,项目前端页面时,运行对应的vue-adim-template 页面空白问题描述:运行 npm run dev, 命令行没有报错。打开浏览器,控制台报错原因分析:原因:根据字面意思,猜测是解析JS的时候不认识 exports解决方案:解决:/build/webpack.base.conf.js 中替换为 { test: /\.js$/, load原创 2021-02-14 11:39:33 · 1262 阅读 · 2 评论 -
解决Unexpected end of JSON input while parsing near
执行npm install命令的时候报错Unexpected end of JSON input while parsing near解决:终端执行命令npm cache clean --force完成后再执行命令npm install原创 2021-02-14 10:54:23 · 252 阅读 · 0 评论 -
npm 安装 babel 没有版本号
之前电脑安装过babel,今天运行babel --version 没有效果看了几篇博客,都是要删除重新安装,就又安装了一下,结果一直报错npm install --global babel-cli结果一直报,已经安装过,无奈,删除后,重新安装,依旧如此。PS D:\谷粒商城\guliqiandaun> babel --versionbabel : 无法加载文件 C:\Users\windows\AppData\Roaming\npm\babel.ps1,因为在此系统上禁止运行脚本。有关详原创 2020-11-14 22:03:22 · 744 阅读 · 3 评论 -
小程序 引入 封装js
小程序 引入封装的 js举了两个例子:1.时间戳格式化2.对多余的字符串进行截取,并加...省略原创 2020-07-16 09:34:14 · 405 阅读 · 0 评论 -
html如何引入公共布局header、footer
如何实现多个.html静态页,引用同一个header.html 和footer.html 文件公共头文件当前方法:通过load()函数,引入公共头部和尾部文件;.原创 2020-06-12 12:00:41 · 9182 阅读 · 7 评论 -
解决npm下载出错问题
由于一开始没有联网,后来连好网,在输入命令就出现下面错误。F:\web\node\node_code\express>npm install expressnpm ERR! code ENOSELFnpm ERR! Refusing to install package with name "express" under a packagenpm ERR! also called "...原创 2020-04-18 22:13:16 · 1390 阅读 · 1 评论 -
ES6 各种新语法
1.ES6怎么来的2.ES6兼容性3.变量 let 和 常量 const4.函数-箭头函数5.函数-参数6.解构赋值7.数组8.字符串9.面向对象-基础10.面向对象应用11.json12.Promise13.generator-认识生成器函数14.generator-yield是啥15.generator-实例16.ES7 预览原创 2020-04-18 13:18:49 · 211 阅读 · 0 评论 -
canvas除了画图还能怎么用?
canvas飘动的爱心心形动画特效效果如下图:点击链接查看效果http://www.zhulele.online/%E9%BC%A0%E6%A0%87/canvas_love.html代码如下:原创 2020-04-09 11:56:41 · 230 阅读 · 0 评论 -
手机端自适应响应式框架,移动端响应式布局代码
开拓眼界的方式有两种,一是读书,二是花钱。读书,花最少的钱买别人的财富,你把孙子兵法背下来,孙子便跟你一辈子。花钱,行万里路,阅人无数,毕竟对于人生来说,任何经验都是有用的。那,既然没有钱,就好好读书吧,哈哈制作的网页除了在PC端浏览,在现在移动端量巨大的时代下,如何做好PC端与移动端的自适应,是每个程序必须要需要考虑的事情。原创 2020-04-09 09:20:45 · 2018 阅读 · 0 评论 -
表单标签+CSS:页面美化和布局控制
今日内容:HTML标签:表单标签CSS:页面美化和布局控制HTML标签:表单标签表单: * 概念:用于采集用户输入的数据的。用于和服务器进行交互。 *form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围* 属性:* action:指定提交数据的URL* method:指定提交方式* 分类:一共7种,2种比较常用* get:1. ...原创 2020-04-06 20:41:14 · 1294 阅读 · 0 评论 -
前端H5笔记---五、javascript基础+canvas画布
使用canvas绘制图形的基本步骤:a) 创建画布:b) 准备画笔(获取上下文对象):canvas.getContext(‘2d’);c) 开始路径规划 :context.beginPath();d) 移动起始点 :context.moveTo(x, y);e) 绘制线(矩形、圆形、图片…) :context.lineTo(x, y);f) 闭合路径:context.closePath...原创 2020-04-05 22:15:00 · 1178 阅读 · 0 评论 -
h5学习笔记——四、表单的应用
1、介绍表单 2、新增的表单属性 3、<input>标签 4、其他表单标签5、表单验证...原创 2020-03-27 14:42:20 · 871 阅读 · 0 评论 -
html5学习笔记——三、图文展示网页设计
常用图像标签css阴影和渐变border-radius属性css transitionscss transform2D转换元素变形原点3D转换css 精灵技术标签用于定义网页中的图像,语法格式如下:标签和标签当需要在网页中添加一个插图时 ,就可以使用标签来实现原创 2020-03-26 21:06:06 · 1403 阅读 · 0 评论 -
html5学习笔记 —— 二、文本类网页设计
html5 中常用的文本标签css的字体样式属性用于定义文本的字体css文本外观属性css的层叠性、继承性和重要性css优先级web 字体图标链接属性原创 2020-03-26 11:52:54 · 633 阅读 · 0 评论 -
H5学习笔记 —— 一、响应式 和html5+css3初体验
1.浏览器私有前缀2.html5语义化标签3.常用的css选择器4.盒子模型5.css定位原创 2020-03-25 12:37:04 · 6396 阅读 · 0 评论 -
CSS初始化示例代码
雅虎工程师提供的CSS初始化示例代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; font...原创 2020-03-10 08:45:28 · 138 阅读 · 0 评论 -
layui在线引用地址
2.4.3版本layui在线引用地址(永久有效)layui.js:https://heerey525.github.io/layui-v2.4.3/layui/layui.jslayui.css:https://heerey525.github.io/layui-v2.4.3/layui/css/layui.css2.4.4版本layui在线引用地址(永久有效)layui.js: http...转载 2020-03-10 07:38:29 · 2726 阅读 · 0 评论 -
在微信开发者工具中,使用WeUI前端美化框架,微信小程序
这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用网上有很多的方法,我绝大多数都没看懂,这里就是最简单的将文件导入项目中,然后引用一、先下载WeUI这个是下载的GitHub地址:https://github.com/weui/weui-wxss/下载完后解压是这个样子的然后打开src==>style,找到weui.wxss文件然后复制...转载 2020-03-09 22:49:28 · 1563 阅读 · 0 评论 -
微信小程序使用weui设计界面
微信小程序使用weui设计界面刚入门微信小程序开发,使用微信web开发者工具,对界面的设计有时会有按钮等的位置大小不好设置,但是微信web开发者工具有一个很好的工具是weui,WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一,包含button、cell、dialog、toast、article、icon等各式元素。weui 我们只需要...转载 2020-03-09 22:43:25 · 2882 阅读 · 0 评论 -
boostrap和jquery的网上链接版本
boostrap和jquery的网上链接版本<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"><script src="http://code.jquery.com/jquery-3.2.0.min.js"></script>...转载 2020-03-08 09:20:55 · 150 阅读 · 0 评论