![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术分享
锋小张
talk is cheap, show me the code!
展开
-
vue打包后,查看git分支等信息
vue打包 生产git分支信息原创 2023-02-06 14:38:41 · 874 阅读 · 0 评论 -
echarts 渲染航线图
echarts + vue原创 2023-01-15 15:07:52 · 1018 阅读 · 1 评论 -
js 递归获取数组总共有几层子集
js 查看树状层级原创 2022-12-12 14:15:07 · 1194 阅读 · 0 评论 -
antv g6绘制时间轴 ,时间线可根据数据量进行缩放
该写法为vue2.0版本,其中template中的挂在元素为div id=‘container’ ,该组件可以随数据缩放。原创 2022-12-09 22:34:46 · 1062 阅读 · 0 评论 -
vue3.0 父子组件通信
vue3.0不再支持this,所以this.$emit()方法不在被支持。以下为VUE3.0新写法子组件:<script>import { defineComponent,ref } from 'vue'export default defineComponent({ name:'', setup(prop,context){ const data = ref(0) //在子组件的方法中调用父组件的方法原创 2022-01-10 18:05:01 · 932 阅读 · 0 评论 -
npm清除缓存
大家npm安装包的时候,有时候会遭遇报错,但是在此安装的时候,怎么都安装不上,此时需要清除缓存运行命令npmcacheclean -f 或者 npm cache clean --force- f 之间不能有空格!原创 2021-04-12 14:14:35 · 3316 阅读 · 0 评论 -
动态修改浏览器地址栏,并保持页面不刷新
需求:浏览器地址栏跟随输入框的变化而变化。需求背景:客户A需要将地址和查询条件一起分享给客户B。如下图第一种方式:vue技术栈的话,使用路由的小技巧router.push方法中只push一个query既可以实现,但是会更新表单组件,不会更新父组件可以在各组件的生命周期函数中观察更新效果。去实现:// 表单数据data(){ return { formData:{ name:'', sex:''原创 2021-04-09 09:32:25 · 2010 阅读 · 0 评论 -
js实现图片压缩上传
javascript 处理图片压缩和上传最近在研究H5前端图片处理相关技术,方向有图片压缩、裁切、旋转、模糊等,现在已经整理成对应的demo,上传至github。下载即用,欢迎大家参考和指导。一:js脚本实现图片压缩 -CompressImageUtiles特点:1 体积小,4kb;2 支持blob格式上传和base64格式上传原图 5.4MB ...原创 2021-04-02 16:15:20 · 5316 阅读 · 4 评论 -
看一遍 记住 a++与++a
let a = 1; a++; console.log(a) // a = 2 let b = 1; ++b; console.log(b) // b = 2 let c = 1; let _c = c++; //此时是先赋值在运算,即先执行表达式在运算 。速记:谁在前先执行谁 如c在前就先算 c赋值 _c = c,再计算 c++ con...原创 2021-02-27 17:15:50 · 242 阅读 · 0 评论 -
js浏览器消息通知接口Notification
HTML:<el-buttontype="primary"icon="el-icon-plus"@click="chromeMessageBtn">浏览器消息测试</el-button>Js: //浏览器消息推送 chromeMessageBtn(){ this.createNotify('测试通知',{body:'您收到一条新信息!',sticky:'true'}) }, createNot...原创 2020-11-19 16:00:58 · 1342 阅读 · 0 评论 -
vue项目搭建连载教程+全家桶详解----第一节:环境配置
初衷:鉴于很多从事前端的伙伴们对于vue技术理解不是很透彻,特增加这个vue教程连载,希望帮助更多的前端奋斗者!( 后期会将项目上传到github 欢迎大家来捣乱!)第一篇:从零搭建vue项目1、nodeJS环境的安装,下载地址:https://nodejs.org/en/下载成功后 ,傻瓜式安装即可。2、安装成功后,环境变量配置2-1 回到桌面 右键我的电脑2-2 单击‘...原创 2019-10-29 16:05:12 · 306 阅读 · 0 评论 -
jquery实现单选与多选
前言相信做前端的小伙伴们,多多少少都会遇到关于单选或者多选的问题,选择框大家也都不会陌生,无非就是radio和chechkbox,但是input的这两个属性都无法更改默认样式,有时候无法满足Ui设计出的高大上,真逼格的选择框样式,这时候就需要label标签来帮忙了。将label与input绑定一起来实现各种各样的优美选择框。上代码单选 .choose_r原创 2018-01-04 13:22:50 · 15172 阅读 · 6 评论 -
关于input在ios上调起软键盘,字体不显示问题 的总结
最近刚接手一个新项目,在做手机适配测试时候发现input 调起ios系统软键盘后,软键盘上面打不出来字体!很是纳闷!一开始就把IOS不兼容input及软键盘的可能性排除,然后一顿排查!终于发现问题所在了!原来是common.css里面加了这句话:* {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:...原创 2018-03-22 17:56:13 · 3519 阅读 · 0 评论 -
rem自适应布局用法及详解
对于很多新同学来说,rem还是比较熟悉而又陌生的, 熟悉呢是因为rem时常出现在耳边,陌生呢是因为又搞不清原理。今天咱们一起来弄清楚rem到底是怎么一回事!原理:css3规定:1rem的大小就是根元素<html>的font-size的值。通过设置 根元素<html>的font-size的大小,来控制整个html文档内的字体大小、元素宽高、内外边距等, ...原创 2018-04-26 19:44:28 · 14357 阅读 · 7 评论 -
一个关于ul 及 li 横向滚动的故事!
哎!最近笨人又遇到了关于使用css3实现ul 横向滚动的问题了,知道很简单,突然间想不起来!灰常苦恼,就写下这篇文章来加深记忆!(当然我也在度娘上搜了一波,发现没有满意的答案,就把这篇文章分享给 同我一样奋斗在前端岗位上的各位同仁吧!)来来来!上干货!结构部分先写一个包裹层 div 在写一个包裹li的ul 最后写很多licss部分用到 文本不换行 white-space...原创 2019-03-08 23:24:13 · 2598 阅读 · 0 评论 -
css flex弹性盒布局 实现一个左右宽度固定,中间自动撑开的布局
这种布局其实是挺常见的,今天也稍作总结。上代码<!DOCTYPE html><html lang="en"><head> <meta charset="gb2312"> <title>Title</title> <style>原创 2019-03-08 23:44:11 · 10020 阅读 · 0 评论 -
git 操作大全
git 基本操作git add . --------添加文件至本地仓库git commit -m'本次提交代码注释' -------增加注释git pull ------拉取远程仓库最新的代码git push -----将本地仓库代码提交至远程仓库git 查看操作git status --------查看状态git branch ---...原创 2019-04-09 13:03:06 · 923 阅读 · 0 评论 -
onload和ready的区别
window.onload :1、须等到页面、图片‘外引资源 全部 加载完毕后才能执行2、window.onload不能同时编写多个,只能执行一个$(document).ready()1、DOM结构绘制完毕后立即执行2、同一个文档可以写多个$(document).ready()理解:document对象是Window对象的一个属性,所以window整个对象的加载时...原创 2019-04-22 18:22:29 · 1767 阅读 · 0 评论