自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 资源 (1)
  • 问答 (3)
  • 收藏
  • 关注

原创 软考考前背过-软件设计师

今年5月份开始准备考,没想到会突然改革,还好刷题刷的多,也过了。跟着B站up主的视频学的,都学了一遍之后才开始刷题,平时要上班,也就下班和周末能学,时间可能拉的比较长,学完前面的内容已经忘的差不多了。下半年改成机考,上午题和下午题合在一起考,时间也缩短了一个小时。机考对于上午题来说没太大区别,就是题目打乱了,改动大的可能是考点,虽然考前把15年到23年的真题都刷了,然后近几年的又重复刷,熟悉的题目有,但是不多,考了挺多不认识的概念。下午题题型没有变化,就是那个软件是真的难用!!!

2023-12-10 11:37:35 902

原创 【笔记整理】软考-软件设计师

一、计算机系统计算机基本单位单位名称简称换算位bitb字节byteB1B=8b千字节KB1KB=1024B兆字节MB1MB=1024KB吉字节GB1GB=1024MB太字节TB1TB=1024GB带宽单位Mbps的b是指Bit(位)速度单位MB/s的B是指Byte(字节)1MB/s=8Mbps2的次方对照表2^0=12^1=22^2=42^3=82^4=162^5=322^6=642^7

2023-10-14 10:10:29 399

原创 Python新手入门爬虫练习——天天基金

点击我们搜素到的js,切换到Headers,这里有几个信息是我们需要的:General里的Request URL、Request Headers里的Cookie、Host、Referer、User-Agent。

2023-04-12 16:21:29 1034

原创 JS数组对象,通过指定字段进行分组

【代码】JS数组对象,通过指定字段进行分组。

2023-04-01 11:08:53 239

原创 移动端兼容问题

防止手机中页面放大和缩小<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />在iOS 10以前,iOS和Android都可以通过一行meta标签来禁止页面缩放但iOS 10开始,meta设置在Safari内无效了。 <script> window.onload=functio

2020-12-24 14:52:57 209

原创 JS阻止冒泡事件和默认事件的方法

阻止默认事件function stopDeFault(e){  if(e&&e.preventDefault){//非IE     e.preventDefault();  }else{//IE    window.event.returnValue=false;  }} 阻止事件冒泡function stopBubble(e){  if(e&&e.stopPropagation){//非IE    e.stopPropagat

2020-12-24 14:39:46 114

原创 JavaScript链式作用域

1.理解js的链式作用域的前提1)首先要知道js的变量作用域,js的变量作用域就两种:全局和局部2)js中当前作用域能访问其上层作用域的变量和函数2.js链式作用域的定义:JS权威指南的描述:JavaScript中的函数运行在他们被定义的作用域里,而不是他们被执行的作用域里。这句话很难理解,但是换做简单的描述,JS的链式作用域就是:JS中当遇到对变量名或者函数名的使用时,会首先在当前作用域查找变量或者函数,如果没有找到,就会到其上层作用域中寻找,并以此类推。下面这个例子在很多博文中引用:v

2020-12-15 10:15:37 225

原创 深拷贝和浅拷贝

深拷贝与浅拷贝的区别深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体,而不是引用。假设B复制了A,修改A的时候,看B是否发生变化:如果B跟着也变了,说明是浅拷贝,修改堆内存中的同一个值。如果B没有改变,说明是深拷贝,修改堆内存中的不同的值。浅拷贝(shallowCopy)只是增加了一个指针指向已存在的内存地址。深拷贝(deepCopy)是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存,使用深拷贝的情况下,释放内存的时候不会因为出现浅拷贝时释放同一个内存的错误。

2020-12-15 10:08:17 96

原创 1000-div问题

一次性插入1000个div,如何优化插入的性能使用Fragmentvar fragment = document.createDocumentFragment();fragment.appendChild(elem);向1000个并排的div元素中,插入一个平级的div元素,如何优化插入的性能先display:none 然后插入 再display:block赋予key,然后使用virtual-dom,先render,然后diff,最后patch脱离文档流,用GPU去渲染,开启硬件加速...

2020-10-30 21:12:44 730

原创 前端如何进行seo优化

合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可;description把页面内容高度概括,不可过分堆砌关键词;keywords列举出重要关键词。语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页。重要内容HTML代码放在最前:搜索引擎抓取HTML顺序是从上到下,保证重要内容一定会被抓取。重要内容不要用js输出:爬虫不会执行js获取内容。少用iframe:搜索引擎不会抓取iframe中的内容。非装饰性图片必须加al

2020-10-30 21:10:19 252

原创 Vue的性能优化

Vue的性能优化1、编码阶段尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcher如果需要使用v-for给每项元素绑定事件时使用事件代理SPA 页面采用keep-alive缓存组件在更多的情况下,使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载SEO优化预渲染服务端渲染SSR2、打包优化压缩代码Tree Shaking/Scope Hoist

2020-09-05 16:44:58 210

原创 Vue赋值后原数据随赋值后的数据的变化而变化

Vue赋值后原数据随赋值后的数据的变化而变化this.goodList = JSON.parse(JSON.stringify(this.list));

2020-08-30 12:38:41 856

原创 Vue利用crypto-js加密

先引入:npm install crypto-js创建secureUtil.js文件import CryptoJS from 'crypto-js'export default { encrypt(word, keyStr) { const keyHex = CryptoJS.enc.Utf8.parse(keyStr) // 秘钥 const srcs = CryptoJS.enc.Utf8.parse(word) const encrypted = CryptoJ

2020-07-31 18:55:51 613

原创 JS文件导出功能

JS文件导出功能:先把responseType设置为blob然后请求接口后,拿到数据:const that = thisconst fileReader = new FileReader()fileReader.onload = function () { try { const jsonData = JSON.parse(this.result) if (jsonData.code) { // 说明是普通对象数据,后台转换失败 that.$messag

2020-06-23 16:43:28 688

原创 mavonEditor基于Vue的markdown编辑器插件

mavonEditor基于Vue的markdown编辑器插件适用于博客系统。安装npm install mavon-editor -save-dev引入import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'// useVue.use(mavonEditor)<div id...

2020-05-12 15:31:23 228

原创 电脑端Ins图片保存

用谷歌浏览器打开Instagram,然后打开开发者工具。点击上面的鼠标图案,移动到页面上的图片在div上面的img标签,选中src里面的链接双击,复制出链接。放到浏览器上面,然后点保存就可以了。...

2020-04-09 09:21:10 8388 3

原创 PHP统计总访问量和访客数

最近博客完善的差不多了,想做个点单的统计访问量和访客数:// 统计访客数@session_start();$counter = intval(file_get_contents("counter.dat")); // 创建一个dat数据文件if(!$_SESSION['counter']) { $_SESSION['counter'] = true; $counter++; /...

2020-04-06 18:17:19 643

原创 PHP上传图片到七牛云

七牛云 PHP SDK历史文档SDK源码地址1、开通七牛开发者帐号2、登录七牛开发者自助平台,查看 Access Key 和 Secret Keyrequire_once "./php-sdk-7.2.10/autoload.php"; // 下载好的SDK引入use Qiniu\Auth; // 引入鉴权类use Qiniu\Storage\UploadManager; // 引入...

2020-04-03 09:35:32 1173

原创 PHP上传图片到服务器

这两天新版的博客已经改的差不多了,整理一下代码:图片上传是直接传到服务器上,提交表单的时候,把上传图片返回的地址存进去就可以了。通过使用 PHP 的全局数组 $_FILES,你可以从客户计算机向远程服务器上传文件。第一个参数是表单的 input name,第二个下标可以是 “name”、“type”、“size”、“tmp_name” 或 “error”。$_FILES["file"]["...

2020-03-31 16:10:35 1253

原创 Mac和Windows远程间复制文件

最近远程要复制粘贴文件,有时候可以复制,有时候又复制不了,后面才发现,快捷键搞错了。Mac和Windows远程间复制文件要注意:Mac -> Windows: CMD+C - > CRTL+VWindows -> Mac: CRTL+C - > CMD+V...

2020-03-07 10:30:57 381

原创 node-sass安装失败

解决方法:先把node_modules删除,然后再安装sudo npm install node-sass --unsafe-perm

2020-02-25 09:30:32 117

原创 cdn.bootcss.com老是挂掉,解决方法

解决方法一:cdn.bootcss.com替换成cdnjs.cloudflare.com/ajax/libs解决方法二:不用cdn.bootcss.com改用jsdelivr.com 这个是全球资源都比较稳定、比较快的cdn,但是找的不太方便解决方法三:官网推荐什么,就用什么╮(╯▽╰)╭...

2020-02-24 10:51:42 3687

原创 多行文本省略号样式失效,报Autoprefixer警告

多行文本省略号样式失效,并且报了Autoprefixer applies control comment to whole block, not to next rules警告。原来的代码:/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */修改之后的代码:/*! autoprefix...

2020-01-14 10:14:20 654

原创 Vue二维码生成组件、条形码生成组件

vue-qr安装二维码生成组件vue-qrnpm install vue-qr --save引入组件import VueQr from 'vue-qr' new Vue({ components: {VueQr}})<vue-qr :bgSrc='src' :logoSrc="src2" text="Hello world!" :size="200">&lt...

2019-12-18 16:57:10 885

原创 Vue拖拽组件Vue.Draggable

Vue.Draggable安装组件yarn add vuedraggablenpm i -S vuedraggable<draggable element="ul" v-model="tableList"> <li v-for="(item, index) in tableList" :key="index">{{item....

2019-11-29 14:23:49 287

原创 解决IOS微信页面后退不刷新问题

在IOS微信的页面,用户回退,数据没有刷新,手动刷新才有数据以下是解决办法:var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/if (browserRule.test(navigator.userAgent)) { window.onpageshow = function (event) { if (event.persis...

2019-10-25 14:48:06 1137

原创 wangEditor富文本编辑器

wangEditor富文本编辑器文档下载npm install wangeditor使用<div id="div1"></div>var E = window.wangEditorvar editor = new E('#div1')editor.customConfig.uploadImgShowBase64 = true // 使用 base64 ...

2019-10-24 09:48:52 100

原创 FileZilla使用方法

FileZilla下载地址这是一款访问FTP服务器工具,之前更新前端UI都是让后台的同事帮我更新的,现在自己下载了这个工具,以后就可以自己上传更新代码了。耶(^-^)V下载完成后,点击左上角的图标然后新建站点填一下主机、端口、用户名、密码最后点击连接就可以了...

2019-09-06 14:18:37 902 2

原创 Vue微信授权登录

授权登录,前端把当前的url传给后台,后台跳转到微信授权页,授权成功后回跳到原来页面,把token和openid放在cookie里。在main.js里写router拦截,若没有token,存储当前url,命名为forwardUrl,然后跳转到oAuth页面:router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ ...

2019-09-05 14:24:44 1282 2

原创 Element-ui阻止表单输入框回车刷新页面

在只有一个输入框el-input的时候,会刷新页面解决办法:在 el-form 上加上 @submit.native.prevent 就可以阻止表单回车提交<el-form @submit.native.prevent></el-form>...

2019-08-22 15:30:38 374

原创 Vue项目mock数据模拟后台接口

安装npm i mockjs -D创建src/mock/index.jsimport Mock from 'mockjs'const data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'foods|10-50': [ { name: '@ctitle(2,10)', img: "@image...

2019-08-21 10:08:12 318

原创 JS防抖和节流

#btn { width: 100px; padding: 5px 20px; color: #fff; border-radius: 5px; text-align: center; background: #f77a7a;}<div id="btn">点我啊</div><p id="content">点了0次</p&gt...

2019-08-16 10:49:05 121

原创 Vue简单的图片上传解决拍出来的照片旋转问题

项目经常会用到图片上传的功能不管是PC端还是移动端,今天整理一下代码:之前做移动端上传图片的时候,会发现,有些图片没有旋转过来,然后,我们只要引入这个插件,就能解决这个问题。先安装插件exif-js:npm install exif-js --save在需要的页面引入import Exif from 'exif-js'上传图uploadImgs (e) { let file ...

2019-08-16 10:00:25 3712 1

原创 禁止input自动填充

谷歌浏览器保存账号密码后,input会自动填充,现在想要把它禁用掉:<input type="password" autocomplete="off"/>如果没效果,可以试一下:<input type="password" autocomplete="new-password"/>...

2019-08-14 16:40:11 3119

原创 Vue封装cookie、localStorage、sessionStorage

先创建一个src/lib/storage.js文件,在里面封装函数const cookie = { // 读取cookie get: key => { var cookieName = encodeURIComponent(key) + '=' var cookieStart = document.cookie.indexOf(cookieName) var...

2019-08-14 15:59:24 411

原创 new Date(date)在IOS下的兼容性问题

问题:let datetime = '2019-08-12 11:11:11'let date = new Date(datetime)console.log('==date==', date)// 在谷歌浏览器上==date== Mon Aug 12 2019 11:11:11 GMT+0800 (中国标准时间)// 在苹果浏览器上==date== Invalid Date解决方法...

2019-08-12 11:14:45 169

原创 Vue项目与安卓、iOS交互

项目中有部分页面需要嵌入到安卓、iOS端,大致代码如下:先创建一个 src/utils/bridge.js 文件用于封装 WebViewJavascriptBridgefunction setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(wind...

2019-08-12 10:33:00 390

原创 JS获取选中的时间区域

开始默认全选,蓝色为选中的时间段,代码大致如下(点击时调用该方法):let timeList = []for (let i = 0; i < 24; i++) { timeList[i] = { name: i, isClick: true }}function countTimeArea(obj) { const arr = [] let num...

2019-08-09 18:08:37 386

原创 JS获取某段日期范围内的所有星期

这两天在写一个促销活动的功能,需要展示选择的时间范围内的所有星期:// 去重function unique(arr) { arr = arr.sort() return Array.from(new Set(arr))}// 获取当前日期星期几function getWeekDate(time) { var now = new Date(time) var day = ...

2019-08-09 17:57:56 1985

原创 JS图片格式转换

.control { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px;}.btn { position: relative; display: flex; align-items: center; justify-content: cent...

2019-08-02 17:29:41 1941

SVG波浪动画

网上找了很多动画效果,有的过于复杂,代码太多,不适合。所以最后还是通过svg来写简单的波浪动画

2019-01-26

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除