- 博客(502)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 中父子组件传递通信（看图就会了，皮卡皮卡）
1. props （父传子，传递数据，不传递属性和方法）2.ref , $refs(和props差不多传递属性和方法，不传递数据）3.$emit （子传父）
2021-11-23 16:16:52
424
原创 图片压缩在线 很好用
看的搜狐网站过来的 ，方便自己查找第一：Tinypng地址：https://tinypng.com/这款工具我实在是太喜欢了，经常用到，最大限度的做到对画质无损的进行压缩这个工具他同时支持对Jpg和Png的压缩。Tinypng也支持Wordpress和magento的使用。Wordpress插件下载：https://wordpress.org/plugins/tiny-compress-images/Magento的拓展工具：http://suo.im/2oZEMl第二：比第
2021-10-11 18:05:09
295
原创 error: pathspec ‘main‘ did not match any file(s) known to git
git 如果报这种错误的话1. 首先 先看一下总共的分支情况$ git branch -a2.如果如果没有看到你想要的分支,先获取所有分支:$ git fetch3.切换到远程你想切换的那个分支:（比如我想切换的是main分支为例 其他的你可以origin/XXX）$ git checkout origin/main4.现在可以看到自己的分支是一串数字字母：5.这时新建并切换到你想看的那个分支：...
2021-09-28 10:52:05
2991
原创 js日常总结
1.事件和属性：事件指的是在与用户交互中发生某种状态的改变的过程。如，你移动了一下鼠标，鼠标的位置和指向的元素发生了改变，这样就发生了一个关于鼠标的move事件。属性指的是事件所引发的状态以及事件本身特有的一些性质。2.普通对象和json对象json是一种数据格式，就是{"key":200,"key2":"value"}这样的就是json形式的js对象，json主要的特征就是key用双引号,如果value是字符串也要使用双引号,js对象的key则不需要双引号，js...
2021-09-27 19:48:15
56
转载 图片优化方法 网站
转自：浅谈Web图像优化 - 知乎前端优化有很多，图像优化也是其中的一部分。无论是渐进增强还是优雅降级，图像优化成为了开发上不可忽视的一部分。知其然，须知其所以然图像优化的前提是需要了解图像的基本原理。常规的图像格式分为矢量图和位图。原理：矢量图形使用线、点和多边形来表示图像。 光栅图形，也可以成为位图，通过对矩形格栅内的每个像素的值进行编码表示图像。矢量格式适用于简单形状图形，并且变换颜色方便，仅通过 CSS 中的 fill 属性便可以改变颜色。并且在多大的缩放下都
2021-09-14 17:44:56
171
原创 svn学习
看别人整理的svn的学习培训 觉得很好很有用 豁然开朗~安装说明开发人员强烈建议使用IDE中的SVN插件更加智能与人性化。首先安装SVN客户端，windows一般选择乌龟客户端https://tortoisesvn.net/downloads.html。根据系统位数选择相应客户端进行安装。如果你喜欢用命令行操作，请务必记得勾选command line client tool为will be install on local hard driver,不用命令行的跳过这一
2021-09-09 15:07:51
296
原创 我们的苦瓜
2021年8月17号 晚上 在小区大门口给菜包捡了一个童养媳 本来名叫豆沙包 但是她长得还小 眼睛还没睁开完全 一脸苦瓜像 就叫了苦瓜 ！！！ 哈哈 看他年龄不大 应该1个多月 为了方便好记 就算是她2个月了 6月15号生日 和菜包刚好相差2个月 在家里养了半个月 眼睛也长开了 一开始以为是缅因 后来又觉得是银渐层 最后确定了是拿破仑矮脚猫 很小 尾巴有身子那么宽大 很漂亮的小奶猫...
2021-09-02 15:02:14
46
原创 数组去重复
转自：http://www.jb51.net/article/118657.htm方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组?123456789101112131415161718Array.prototype.distinct =function(){var arr =this,result = [],i,j,len = a...
2021-09-02 14:51:37
91
原创 ng面试题
1.ng-show/ng-hide 与 ng-if的区别？ ng-show/ng-hide是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话，那么ng-if的性能好过ng-show.2.解释下什么是$rootScope以及和$scope的区别？ 通俗的说$rootScope 页面所有...
2021-09-02 14:50:44
269
原创 taro 多端框架理解与使用 知识点
1.taro是一套遵循react语法规范的多端开发的解决方案；2.使用taro，只书写一套代码，再通过taro的编译工具，将源代码分别编译出可以在不同端（微信小程序，h5，RN等）运行的代码；3.taro安装：安装taro开发工具@tarojs/cli；使用npm或者yarn全局安装，或者直接使用npx；$ npm install -g @tarojs/cli (常用）；$ yarn global add @tarojs/cli;4.taro使用： 使用命令创建模...
2021-09-02 13:54:10
563
原创 打开taro项目
1.在此项目按shift+ctrl+右键打开命令行“在此处打开powershell 命令；小插曲：更新Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖更新 Taro CLI 工具 # taro $ taro update self # npm npm i -g @tarojs/cli@latest # yarn yarn global add @tarojs/cli@latest 更新项目.
2021-09-02 13:50:02
769
转载 css制作多边形的方法111111
css3完成多边形1、正方形最终效果：CSS代码如下：#square {width: 100px;height: 100px;background: red;}2、长方形最终效果：CSS代码如下：#rectangle {width: 200px;height: 100px;background: red;}3、圆形最终效果：CSS代码如下：#circle {width: 10...
2021-06-08 13:41:00
3216
原创 element ui 对tab的lable设置样式的方法
<el-tab-pane label="网游(14)" name="first" color=" red"> <searchLi></searchLi> </el-tab-pane>方法 ：类名前面加/deep/eg：/deep/ .el-tabs__item.is-active{ @extend .classfont; font-weight: bold;}...
2021-05-26 19:19:25
775
原创 vue 双重for循环
<ul class="appList"> <li v-for="(item,key) in appList" :key="key"> <img :src="item.icon" :alt="item.name" /> <p>{{item.name}}</p> <div> <span v-for="(tagItem,key) in item.tags" :.
2021-05-26 13:39:28
1154
原创 如何下载一个网站的ico
在当前网址url后面添加/favicon.ico即可比如：https://blog.csdn.net/favicon.ico
2021-05-13 15:24:28
250
原创 wx小程序探索
利用事件冒泡，父子元素的点击事件分别触发login和getUserProfile，把结果分别放到data上，再watch这两个值，都不为空的情况下，请求接口，把加密信息和code传给后端
2021-04-29 20:26:58
125
转载 taro 1.3.4配置 config的index配置文件
复制代码 dev.js // NOTE H5 端使用 devServer 实现跨域，需要修改 package.json 的运行命令，加入环境变量 const isH5 = process.env.CLIENT_ENV === 'h5' const HOST = '"https://min"' const HOST_M = '"https://"' module.exports = { env: { NODE_ENV: '"d...
2021-04-28 16:16:31
1812
转载 seo 优化 以及网站地图 很透彻
一、什么是搜索引擎搜索引擎是一个帮助用户搜索他们需要内容的计算机程序。换一种说法，搜索引擎把计算机中存储的信息与用户的信息需求相匹配，并把匹配的结果展示出来。举个例子：你想买iPhone12，想了解"iPhone12"的配置或者价格等信息，就在浏览器搜索框里输入了 "iPhone12"，点击搜索按钮。这里关键词 "iPhone12" 就是你的信息需求。浏览器在展示出搜索结果的那零点几秒之间，它的程序在巨大的数据库里按照关键字进行了查找，终于计算出所有关于"iPhone12"的网页。二、搜索引擎工.
2021-04-28 13:49:30
1001
转载 yarn 理解
一、官网指引英文官网：Yarn英文官网中文文档：Yarn中文文档二、Yarn 介绍Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。 你可以通过它使用全世界开发者的代码，或者分享自己的代码。代码通过包（package）（或者称为模块（module））的方式来共享。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为package.json。它的优点是更快、更安全、更可靠。它的主要特性有离线模式、确定性
2021-04-28 11:56:24
146
原创 git lijie
直接上手看最后命令行！！！！！！！！！！！版本控制系统（Version Control System）是一类用于追踪源代码改动的工具，这些工具可以帮助我们管理代码的历史记录，不仅如此，还可以让协作编码变得轻而易举。VCS 通过一系列的快照（Snapshots）将某个文件夹以及内容保存起来，每个快照都包含了文件夹的完整状态。同时，VCS 还维护者快照的创建者信息以及其他相关信息。大家都知道，版本控制系统非常重要！！！！！！即便你只是一个人在编码，它也可以帮助你创建项目的快照、记录每个改动、创建不同
2021-04-23 17:12:51
110
转载 web开发规范
前端的开发规范本文主要从以下的几个方面来概述前端的开发规范目录的构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则简洁明了（如下：）src 源代码img 图片资源js JavaScript脚本dep 第三方依赖包不使用复数（如下：）不使用 imgs docs1.2 根目录（root）结构按职能划分src 源代码（逻辑）doc 文档dep 第三方依赖包test 测试1.3 根据
2021-04-16 10:38:03
279
原创 ‘font-weight’属性
字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始： normal适用于： 所有元素继承： 是百分比： （不适用）媒介： 视觉计算值： 详见描述动画： -‘font-weight’属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。其值的意义如下：100至900...
2021-04-09 15:10:23
6889
原创 iOS兼容111
1.box-shadowbox-shadow: 1px 1px 5px #909090;-moz-box-shadow: 1px 1px 5px #909090;/*firefox*/-webkit-box-shadow: 1px 1px 5px #909090;/*safari或chrome*/border-radius:1px;（方法）2.在IOS中select下拉框会出现黑背景-webkit-appearance:none;background:url() no-repeat righ
2021-04-09 13:44:03
61
原创 图片404解决办法
以下方法治标不治本 还得后台来控制 请求得时候过滤最好！！！！！！方法一：onerror = "this.onerror = ''; this.src = './img/nrank.jpg'"onerror= "$(this).attr('src', './img/nrank.jpg')"方法二： function CheckImgExists(imgurl) { return new Promise(function(resolve, ...
2021-04-07 12:03:28
1672
原创 防页面抖动html
两行css代码搞定：html, body {height:100%;overflow:auto;margin: 0;}html{overflow-y:scroll;}
2021-02-23 10:05:43
223
原创 我们的菜包
2021年1月10号 来到我家 菜包生日是8月3号 从他上个姐姐那里过来的 他上个姐姐对他很好 给她买了好多好吃的玩的 都很好 关键是他会‘拜拜’ 很奇特的技能 是个矮脚蓝白 估计因为脚矮所以看不到东西的时候总是立着身子看 身高不够立正来凑 菜包很可爱 和肉包长得很像 颜值很高 和肉包完全不一样的是 太粘人了 非得把前脚扒拉到人身上 非得在身上睡觉 还特别亲昵 每次回家都亲的很 不会像肉包那么高冷 俩者各有千秋 都很聪明...
2021-02-20 10:00:38
61
原创 我们结婚啦
9月5号 拍了婚纱照 10月5号 我们结婚啦 十年 相识相知十年 爱情收获满满 我们结婚啦 一切都那么的激动人心 一切都那么的井然有序 一切都那么的顺气自然 一切都那么的平淡幸福 在亲友的的见证下 我们举行完了仪式 回到属于我们的新房 一切都那么的欣喜 一切都那么的喜庆 一直都合不拢嘴 甚是开心 幸福ing~希望大家都能幸福~...
2020-12-21 19:32:10
119
1
原创 img在div中垂直居中的方法
html中<div> <img src="" /></div>方法：1.将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。<style type="text/css">*{margin: 0;padding: 0;}div{width:150px;height: 100px;display: table-cell;ve
2020-10-26 17:26:35
7359
原创 渐变！！！兼容各个网站；
header>p{position: relative;width:100%;height:300px;bottom:240px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgba(241,242,243,0)',endColorStr='rgba(241,242,243,1)',gradientType='0');background-image: linear-gradient(0deg, rgba(2.
2020-10-23 15:14:22
73
原创 浏览器的缓存机制的学习
什么是浏览器缓存Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。比较常见的就是浏览器会缓存访问过网站的网页，当再次访问这个URL地址的时候，如果网页没有更新，就不会再次下载网页，而是直接使用本地缓存的网页。只有当网站明确标识资源已经更新，浏览器才会再次下载网页。浏览器和网站服务器
2020-10-15 14:37:37
143
转载 php falsh 用h5替换上传文件
引入资源使用Web Uploader文件上传需要引入三种资源：JS, CSS, SWF。<!--引入CSS--><link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploader.css"><!--引入JS--><script type="text/javascript" src="webuploader文件夹/webuploader.js"></s...
2020-10-09 16:46:41
597
原创 找到img父级得元素替换
同事写的替换父级元素：$(document).ready(function(){$("h3:has(img)").each(function() {$(this).replaceWith( "<p style='text-align: center'>" + $(this).html() + "</p >" );});});
2020-09-28 10:56:39
219
原创 关于箭头函数的一些注意事项
箭头函数没有自己的this，而是会继承上层作用域的this，就像其他普通的变量一样 箭头函数不支持动态改变this值，所以不可以通过.call()、.apply()、.bind()方法来重新绑定它的this值 箭头函数没有arguments对象 过度追求箭头函数的“单行代码”写法可能会降低代码可读性 箭头函数虽然表面上看是匿名的，但它可以根据前面的变量名和属性名自动推断出同名的name属性 箭头函数不可以被new，也不会像普通函数一样自动拥有prototype属性...
2020-09-17 10:35:25
747
转载 节流和防抖
事件的触发权很多时候都属于用户，有些情况下会产生问题：向后台发送数据，用户频繁触发，对服务器造成压力 一些浏览器事件:window.onresize、window.mousemove等，触发的频率非常高，会造成浏览器性能问题如果你碰到这些问题，那就需要用到函数节流和防抖了。一、函数节流(throttle)函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次。有个需要频繁触发函数，出于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效。1.如何实现其原理
2020-08-19 19:53:03
119
转载 深浅拷贝理解~
浅拷贝的实现方式1.Object.assign()Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。let obj1 = { person: {name: "kobe", age: 41},sports:'basketball' };let obj2 = Object.assign({}, obj1);obj2.person.name = "wade";obj2.sports = 'football'console.log(..
2020-08-14 17:18:24
186
转载 git任务管理
阅读目录一. 项目版本规范(或API组件开发) 二：版本控制系统规范(GitFlow) 三：github Issue 任务管理回到顶部一. 项目版本规范(或API组件开发)项目的版本号推荐使用语义化版本规范(https://semver.org/lang/zh-CN/), 其基本规则如下:版本号定义:<主版本号>.<次版本号>.<修订版本号>;比如 1.0.0，采用 X.Y.Z的格式规范，且X, Y 和 Z 为非负的整数。 其中 X 为主版本号,..
2020-08-05 15:20:38
706
转载 git详细步骤解读：
Git使用教程一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就纳闷了。 Git是分布式版本控制系统，那么...
2020-08-05 15:11:17
168
原创 高性能网站建设的优化
1.（javascript)理解ajax性能，便些搞笑的javascript，创建快速响应的应用程序，无阻塞加载脚本；（网络）跨域共享资源，无损压缩图片大小，使用块编码加快网页渲染；（浏览器）避免或取代iframe的方法，简化css选择符以及其他技术；2.尽量减少http请求； 使用csn； 添加expires头； 菜用gzip压缩组件； 将样式表放在顶部； 将脚本放在低部； 避免css表达式； 使用外部的JavaScript和css； 减少DNS查询； 精简Ja.
2020-08-04 15:02:55
202
原创 git ------- fatal: Authentication failed for ‘http://XXXX‘ 的这种错误 的解决办法
1.查看自己的账户名与密码$ git config --global user.name$ git config --global user.email没有的话就添加然后修改账户名与密码$ git config --global user.name “gxl"$ git config --global user.email "[email protected].修改过之后还报错 是因为你的电脑--”凭据管理器“--的”windows 凭据“ 进行编辑修改即可：...
2020-07-13 14:57:35
1116
图片压缩工具.rar
2019-07-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人