前端
buyue__
这个作者很懒,什么都没留下…
展开
-
Javascript剪贴板-Clipboard API
https://blog.csdn.net/qq_36380426/article/details/130757892转载 2023-12-06 14:57:35 · 118 阅读 · 0 评论 -
网站HTML5灯笼新年快乐特效
【代码】网站HTML5灯笼新年快乐特效。原创 2023-01-04 14:34:55 · 314 阅读 · 0 评论 -
手机app通用模板蓝色系用户登录页面
手机app通用模板蓝色系用户登录页面。原创 2022-07-19 10:35:51 · 1093 阅读 · 0 评论 -
React使用css module设置className多类名
import globals from '../../public/styles/globals.module.scss'单类名设置<div className={globals.channelLink}>联系我们</div>多类名设置方式1:<div className={[`${globals.link}`,`${globals.width20}`].join(' ')}>方式2:<div className={`${globals.link原创 2022-03-21 17:03:39 · 2527 阅读 · 0 评论 -
React中的有状态与无状态函数组件
无状态函数组件:使用方便,代码简短有状态函数组件:功能全面,有生命周期https://blog.csdn.net/qq_41579104/article/details/98654935有状态、生命周期或有初始数据的函数组件React中的有状态与无状态函数组件...原创 2022-03-18 15:56:02 · 1025 阅读 · 0 评论 -
next.js 目录结构规划
pages 具体的单个页面pages/api 或者 services 后端接口服务public 静态资源public/js 项目自身的js,如main.js,order.jspublic/less 项目自身的less,如main.less,order.lesspublic/lib 项目用到第三方库,如jquery,目录为public/lib/jquery,jquery目录放置jquery所有文件view 或者 viewComponent 视图目录view/wid原创 2022-02-24 17:23:47 · 1401 阅读 · 0 评论 -
npm -i 与npm install -s与-d的区别
npm i module_name -S => npm install module_name --save 写入到 dependencies 对象npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象npm i module_name -g 全局安装i 是install 的简写-S就是–save的简写-D就是–save-dev 这样安装的包的名原创 2022-02-18 14:09:23 · 384 阅读 · 0 评论 -
理解JS中的(function(){})()
<script>!function(){ var t = 1; console.log(t);}()</script>这种写法,是一种立即执行函数的写法,即IIFE等设计模式。这种函数在函数定义的地方就直接执行了。理解IIFE设计模式的关键是要认识到,在ES6之前,JavaScript仅具有函数作用域(因此缺少块作用域),并通过闭包内部的引用传递值。ES6之后情况已不再如此,因为JavaScript的ES6版本使用let和const关键字实现了块作用域。原创 2022-02-17 17:02:05 · 1111 阅读 · 0 评论 -
JavaScript 使用input type=“file“ 无法上传相同文件的问题
使用<input type = "file">标签上传文件时,若两次上传的是同一个文件,查看浏览器网络面板发现没有出发网络请求。【问题原因】两次上传同一个文件时,的value是一样的,所以不会触发onchagne事件。【解决方案】每次上传完成后,将所需信息保存,再将input的value值进行清空。document.getElementById('the_inputfile').value = ''; 或者重新赋值var the_inputfile = document.getE原创 2022-01-04 15:52:54 · 1705 阅读 · 0 评论 -
CSS3彩色文字滚动效果
CSS3彩色文字滚动效果原创 2021-11-08 11:02:39 · 186 阅读 · 0 评论 -
CSS使用背景动画实现图片正在加载效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS使用背景动画实现图片正在加载效果</title> </head>原创 2021-04-09 12:00:51 · 686 阅读 · 0 评论 -
记一次text-align: center在手机浏览器中失效
简单示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>居中无效</title> <style> .footer { width: 100%;原创 2021-01-07 17:15:39 · 553 阅读 · 0 评论 -
JavaScript原生代码实现页面楼层切换
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2020-08-11 11:31:06 · 622 阅读 · 0 评论 -
fish.js实现页面底部小鱼跳跃动画
fish.js:用于绘制小鱼跳跃相关动画,依赖jquery.jsvar RENDERER = { POINT_INTERVAL : 5, FISH_COUNT : 3, MAX_INTERVAL_COUNT : 50, INIT_HEIGHT_RATE : 0.5, THRESHOLD : 50, init : function(){ this.setParameters(); this.reconstructMethods(); this.setup(); this.bi原创 2020-08-11 11:23:53 · 2712 阅读 · 1 评论 -
前端项目目录结构规范
src+ |- /tpl+ |- /js+ |- /css+ |- /img+ |- /font+ |- /docsrc为源代码目录,代码编写目录tpl:html等视图文件js:javascript文件css:样式文件img:图片font:字体文件doc:文档文件asset+ |- /tpl+ |- /js+ |- /csssrc为构建工具生成后的目录,也就...原创 2019-12-21 10:33:16 · 2457 阅读 · 0 评论 -
css3文字渐变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .world { font-size:16px; animation: worldAni...原创 2019-11-29 14:55:26 · 158 阅读 · 0 评论 -
CSS3 制作的彩虹条纹渐变文字
<!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-U...原创 2019-11-29 09:57:57 · 532 阅读 · 0 评论 -
前端在线调试工具
codepenjsfiddle原创 2017-10-14 09:34:59 · 544 阅读 · 0 评论 -
浏览器标签tab窗口切换时事件状态侦听
<script>document.addEventListener('visibilitychange',function(){ //浏览器切换事件 if(document.visibilityState=='hidden') { //状态判断 //normal_title=document.title; document.title = '标题二';原创 2017-11-30 23:34:08 · 7396 阅读 · 0 评论 -
网页设计
简洁麦田守望摩拜单车原创 2017-05-26 15:54:24 · 375 阅读 · 0 评论 -
jQuery和SVG炫酷弹射纸飞机动画特效
http://demo.htmleaf.com/1506/201506261811/index.html原创 2017-12-12 12:42:14 · 924 阅读 · 0 评论 -
国外建站平台wix多模板选用
https://www.wix.com/website/templateshttps://www.wix.com/website-template/view/html/1911?originUrl=https%3A%2F%2Fwww.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fall%2F1&bookName=create-master-new&g原创 2017-11-01 09:18:58 · 2285 阅读 · 0 评论 -
图片上传本地显示,多浏览器兼容
图片上传本地显示,不上传到服务器<html><head> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <style type="text/css"> img {width: 400px;height: 300px;}原创 2017-12-15 15:36:42 · 407 阅读 · 0 评论 -
vuejs手把手教你写一个完整的购物车实例代码
http://www.jb51.net/article/118055.htm转载 2018-04-17 15:39:48 · 7013 阅读 · 0 评论 -
css3水平居中垂直居中
css3水平居中垂直居中原创 2018-05-23 10:33:10 · 809 阅读 · 0 评论 -
收藏一个很有爱的CSS背景设计
http://www.nowamagic.net/librarys/veda/detail/2328原创 2018-06-11 15:46:07 · 271 阅读 · 0 评论 -
centos下使用node.js ,npm,webpack相关
nodejs官网cd /wget https://nodejs.org/dist/v8.11.3/node-v8.11.3-linux-x64.tar.xztar xvJf node-v8.11.3-linux-x64.tar.xzcd node-v8.11.3-linux-x64/binls./node -v现在 node 和 npm 还不能全局使用,做个软链接即可l...原创 2018-06-28 14:08:30 · 1250 阅读 · 0 评论 -
IE不支持object key为变量的{}写法
var csrf_param = '_frontendCSRF';var csrf_token = '123';//火狐,谷歌均支持var data = {[csrf_param]:csrf_token};//IE需要这样写var data = {};data[csrf_param] = csrf_token;console.log(data);...原创 2018-07-12 13:33:08 · 1916 阅读 · 3 评论 -
webpack4.xx使用
假设已安装npm 全局安装webpacknpm i -g webpack到你的npm的目录的bin目录可以看到多了一个webpack 使用软连接ln -s /node-v8.11.3-linux-x64/bin/webpack /usr/local/bin/webpack至此可以使用webpack命令如打包show.js到dist.js,使用webpack sh...原创 2018-07-14 17:18:46 · 675 阅读 · 0 评论 -
vue-cli使用
npm i -g vue-cliln -s /node-v8.11.3-linux-x64/bin/vue /usr/local/bin/vuevue init webpack my-project会自动在当前目录生成一个名为my-project的文件夹,然后一直回车和yes,等待安装依赖 cd my-projectnpm run dev...原创 2018-07-15 10:23:31 · 264 阅读 · 0 评论 -
css实现优惠劵的锯齿边框效果
https://blog.csdn.net/holmofy/article/details/79648343https://blog.csdn.net/a576736858/article/details/80799485原创 2018-07-21 08:32:50 · 5379 阅读 · 0 评论 -
css标签箭头
<!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-U...原创 2019-07-19 17:14:59 · 714 阅读 · 0 评论 -
阿里巴巴iconfont使用方式
阿里巴巴iconfont使用方式转载 2017-05-05 15:49:46 · 866 阅读 · 0 评论