- 博客(129)
- 收藏
- 关注
RSS订阅原创 前端中级开发：突破瓶颈，迈向更高峰
通过持续学习和积累经验、参与开源项目和技术社区、注重代码质量和可维护性以及培养良好的沟通和协作能力等途径，你可以不断提升自己的技术水平和综合素质。积极倾听各方需求和意见，理解项目整体架构和流程，确保团队间的顺畅沟通和高效协作。采用最佳实践和规范编写代码，使用适当的命名规范和文档注释，确保代码的可读性和可维护性。同时，回馈社区可以让你感受到自己的价值和成就感。通过阅读和理解其他开发者的代码，你可以学习到新的技术和编程思路。前端技术不断发展，作为一名中级开发者，你需要保持持续学习的态度，关注新技术和新趋势。
2023-11-30 14:29:04
863
原创 前端开发实用技巧与经验分享
本文分享了一些前端开发的实用技巧和经验，包括使用开发者工具进行调试和优化、使用版本控制进行团队协作、优化代码质量和可维护性、提升页面性能和用户体验、跨浏览器兼容性和响应式设计以及使用前端框架和库提高开发效率等方面的内容。熟练掌握浏览器开发者工具的使用，如Elements、Console、Sources等面板，方便进行HTML、CSS和JavaScript的调试和优化。遵循代码规范和最佳实践，如命名规范、缩进、注释等，确保代码的可读性和可维护性。关注框架或库的社区和生态系统，了解最新的发展和最佳实践。
2023-11-30 14:26:49
813
原创 【前端技术前沿】探索2023年最值得关注的五大前端新技术！
以上是2023年最值得关注的五大前端新技术，它们分别是响应式设计、前端框架、人工智能与机器学习、WebAssembly技术和Serverless技术。WebAssembly是一种高效的、可扩展的、安全的二进制代码格式，可以在浏览器中运行，并且可以提供接近原生性能的网页应用。例如，在游戏、金融、医疗等领域，WebAssembly技术可以提供更加高效、稳定、安全的应用体验。在2023年，前端开发人员将更加注重利用人工智能和机器学习的技术来实现智能化、自动化的网页应用。五、WebAssembly技术。
2023-11-23 09:28:25
1151
原创 基于qiankun实现微前端React18接入子应用Vue3
以React18为主应用，vue3为子应用。在src下增加public-path.js。增加一个页面，点击到这个页面去注册子应用。在html中增加子应用挂在的节点。在main.js中配置。
2023-04-14 17:07:15
645
原创 快速实现全站或自定义模块黑白背景
可以通过引入灰度js脚本grayscale.js：一 实现灰色背景需两步：1.引用grayscale.js2.利用CSS将grayscale的应用到特定的类其中，grayscale(.95)指的是脚本遮罩度。比如设置为.50，那么就会叠加50%灰色。
2022-12-05 15:43:57
276
原创 开发必备神器，你值得拥有！
1.ShowMore：一款简洁实用的高清在线录屏工具，支持Windows、mac，只需一个浏览器，即可免费录制电脑屏幕上一切活动。访问ShowMore网站（网站地址），第一次使用时需要安装一个小启动器，安装成功后，点击“开始录制”，即可快速启动。在录制之前，可先进行视频设置，输出格式多样：MP4/FLV/WMV/AVI等；也可设置视频的比特率、帧速率、模式等，设置完成后，进行高清录屏就OK啦。...
2019-10-30 14:41:38
269
原创 小程序中点击二维码图片预览、长按转发、保存、识别图中二维码
随着小程序的发展微信小程序中为了更加方便用户体验，在小程序中添加图片预览、长按转发、保存、收藏、识别图中二维码等。注：小程序中只支持预览后长按识别小程序二维码，其他的不支持！前端代码：<view wx:for="{{imgalist}}"wx:for-item="image"class="previewimg"> <image src="{{image}}" ...
2019-10-30 14:30:54
4983
原创 vue中刷新input复选框保持之前的状态
关注小编微信公众号公众号【前端基础教程从0开始】可以添加小编微信，免费为您解答问题，回复“1”，拉你进程序员技术讨论群，群内有大神，可以免费提供问题解答。公众号回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。公众号回复“领取资源”，领取300G前端，Java，产品经理，微信小程序，Python等资源合集大放送，让我们一起学前端。 ...
2019-10-30 13:59:58
1165
原创 js抽奖
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> &...
2019-10-30 13:41:29
292
原创 vue中微信公众号使用jssdk添加卡券等功能
Demo:<template> <div> <div class="card-box" @click="card_add">添加卡券</div> </div></template><script>export default { name:'Card', da...
2019-10-30 13:41:17
726
原创 原生js 虚拟键盘
Demo:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>虚拟键盘</title> <style> @charset "utf-8";*{margin:0;padding:0;font-family: 'Microsoft...
2019-10-30 13:41:00
471
原创 移动前端—H5实现图片先压缩再上传
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="view...
2019-10-30 13:40:42
386
原创 JavaScript实现计算器
Demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js计算器</title></head><style> *{ border: none; ma...
2019-10-30 13:40:13
382
原创 墨水按钮Demo
Demo:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>ink_button</title> <style> * {margin: 0; padding: 0;} body { width: 100%...
2019-10-30 13:38:22
172
原创 js推箱子
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><center> <h3>请自定义上下左右键...
2019-10-30 13:38:03
288
原创 使用node.js自定义封装node_modules里的包
一、Node.js模块封装1.创建一个名为censorify的文件夹2.在censorify下创建3个文件censortext.js、package.json、README.md文件1)、在censortext.js下输入一个过滤特定单词并用星号代替的函数。var censoredWorlds=["sad","bad","mad"];var custormCensoredWords=[...
2019-10-30 13:37:54
1740
原创 原生select框
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0; }...
2019-10-30 13:37:37
1260
原创 vue滚动到底部加载数据并且防止触发多次
源码Demo：<template> <div> <ul class="list"> <li v-for="(item,index) in listData" :key="index" :v-if="listData">{{item.album_title}}</li> </...
2019-10-30 13:37:06
5706
2
原创 vue实现录音跟读功能
使用方式script方式直接引入dist下的recorder.js即可let recorder = new Recorder();npm方式安装：npm i js-audio-recorder调用：在需要录音的地方引入import Recorder from ‘js-audio-recorder’let recorder = new Recorder()API// 开始录音r...
2019-10-30 13:36:36
1136
原创 js滚动页面底部时函数加载多次解决办法
//防止滚动到底部触发多次var isbool=true;//滚动条到底部弹出评价窗口var minAwayBtm = 50; // 距离页面底部的最小距离$(window).scroll(function() {var awayBtm = $(document).height() - $(window).scrollTop() - $(window).height();if (aw...
2019-10-30 13:36:27
371
原创 使用hBuilder打包成app扫一扫
参考地址：https://www.cnblogs.com/huanhuan55/p/11541683.htmlhttps://www.cnblogs.com/e0yu/p/7843505.htmlhttps://blog.youkuaiyun.com/qq_39816586/article/details/90700002http://blog.sina.com.cn/s/blog_60b5e13e0...
2019-10-30 13:36:19
647
原创 vue项目在ie、360兼容模式页面显示空白问题
vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下：控制台报main.js中语法错误~上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。原因在...
2019-10-30 13:34:41
2031
原创 vue单页面背景颜色设置
有时我们会遇到单独改变某个组件的背景填充色，而我们已经在index.html中引入了公用的css样式（body中设置了背景色），由于单个组件没有body标签，于是要修改单个组件的背景色只需添加如下代码即可。beforeCreate () {document.querySelector(‘body’).setAttribute(‘style’, ‘margin: 0 auto; width: 1...
2019-10-30 13:34:33
9128
原创 vue输入支付密码调起键盘功能
<template> <div class="pay-tool"> <div class="pay-tool-title border-bottom"> <span class="icon icon-back" @click="backHandle"></span><strong>请输入交易密码<...
2019-10-30 13:34:22
900
原创 vue中使用canvas实现移动端手写板、电子签名功能
<template> <div class="hello"> <button type v-on:click="clear">清除</button> <button v-on:click="save">保存</button> <canvas id="canvas" width="375" he...
2019-10-30 13:33:39
2260
6
原创 avue
关闭严格模式参考地址：https://blog.youkuaiyun.com/shangyadongze/article/details/80565068avue学习参考地址：https://www.awesomes.cn/repo/nmxiaowei/avuehttps://www.kancloud.cn/smallwei/avue/583295https://www.cnblogs.com/che...
2019-10-30 13:32:34
3011
4
原创 html+css实现自定义图片上传按钮
普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮：思路为：用定位将自定义的按钮遮住原来的选择文件按钮，再让点击自定义按钮时触发原来的选择文件按钮的事件即可（对此，label可实现）效果图：<!DOCTYPE html><html lang="en"><head> <meta charset=...
2019-10-30 13:32:26
2437
原创 jQuery每日秒杀商品倒计时
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">...
2019-10-30 12:01:23
334
原创 鼠标悬停下划线显示特效，html鼠标悬停显示下划线
<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>鼠标悬停下划线</title> <style>body { display: flex; justify-content: center; align-it...
2019-10-30 12:01:13
6067
原创 html+jQuery实现拖动滑块图片拼图验证码插件，移动端适用
一、index.html<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" conten...
2019-10-30 12:00:38
3196
原创 Vue背景图片打包上线后出错问题解决
在Vue项目开发中我们经常要向页面中添加背景图片，可是当我们在样式中添加了背景图片后，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式：background:url("…/…/assets/head.jpg");这个时候我们就要考虑使用其他的方式了，node中提供了一种比较有效的方式来解决这个问题：1、在data中定义如下： export def...
2019-10-30 12:00:00
417
原创 axios封装简单有效
一、新建一个axios文件夹新建一个fetch.js文件：import axios from 'axios';const TENANT_ID='0'const ENCRYPT_KEY='shrewshrewshrews'export function fetch(url,method,params={}){ //判断obj中的投放范围、类型、状态是否为空 let ne...
2019-10-30 11:58:50
1360
原创 vue 实现验证码倒计时60s发送
<template> <div> <div class="input-div" v-show="formData.phone"> <input type="text" class="input code" name="code" v-model.trim="formData.code" placeholder...
2019-10-30 11:57:21
1003
原创 vue富文本使用详解
一、cnpm 安装 vue-quill-editorcnpm install vue-quill-editor二、在main.js中引入import VueQuillEditor from ‘vue-quill-editor’// require styles 引入样式import ‘quill/dist/quill.core.css’import ‘quill/dist/quill...
2019-10-30 11:55:43
12190
2
原创 父元素添加点击事件找到子元素
<template> <div class="container"> <div class="title">{{getData.title}}</div> <div class="text" @click="imgs"></div> <big-img v-if="s...
2019-10-30 11:55:27
937
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人