- 博客(33)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 2、js 深拷贝
深拷贝function deepClone(obj) { // 判断是否是引用类型 如果不是直接返回 if(typeof obj !== 'object'|| obj==null) return obj let result; // 判断是数组还是对象 if(obj instanceof Array){ result = [] }else{ result = {} } for(let key i
2022-04-08 10:36:50
126
原创 1、html和css
一、HTML如何理解HTML语义化？1、让人更容易读懂（增加代码可读性）2、让搜索引擎更容易读懂（SEO）默认情况下，哪些HTML标签是块级元素，哪些是内联元素？1、块级元素：display: block/table，有div、h1~h6、table、ul、ol、p等2、内联元素：display: inline/inline-block，有span、img、select、input、button、label等二、CSS盒子模型的宽度如何计算？ #div1{ with:
2022-04-08 10:32:49
164
原创 chrome浏览器解决跨域请求SameSite方案（cookie没有传）
1、在chrome浏览器地址栏输入chrome://flags并回车2、在搜索栏中输入SameSite by default cookies搜索，并禁用如图中的两项设置，改为Disabled即可3、点击右下键ReLaunch重启浏览器即可
2021-06-08 15:13:49
1207
转载 CSS八种让人眼前一亮的HOVER效果
CSS八种让人眼前一亮的HOVER效果 本文不是原创，原文链接请戳文末链接。一.发送效果HTML<div id="send-btn"> <button> // 这里是一个svg的占位 Send </button></div>CSS#send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh;}b.
2020-08-24 15:21:07
172
原创 Web-Components学习与实践
前两天看到了前端的Web Components学习了一下。组件是前端的发展方向。而Web Components是浏览器的原生组件。相比第三方框架，其简单直接，不用加载任何外部模块，代码量小。现在其还在不断发展，但已经可用于生产环境。Web Components 包含的内容很多，我只是做了一个简单的弹框案例。其他的功能则需要你自己去学习、去扩展了。1、静态弹框（以前的写法）<!DOCTYPE html><html lang="en"><head> <
2020-06-07 17:46:16
1954
原创 ES6学习（函数扩展）
今天主要是学习ES6中函数的扩展。例如常用的箭头函数、函数参数默认值等。一、箭头函数ES6可以使用“=>”箭头来定义函数。我们为什么喜欢使用箭头函数呢，因为它可以简化我们的代码，使之看起来更美观。如果定义的函数不需要传参则使用空括号来；传一个参数时，可以直接使用这个参数；传参大于一个时，则需要使用括号把参数括起来。//不传参数var func = () => 1;// 等同于var func= function () { return 1;};//一个参数var fu
2020-06-05 17:49:00
1348
原创 使用webpack中插件copy-webpack-plugin错误解决方法
最近在学习webpack，在配置使用copy-webpack-plugin插件时，报错。查看了官方文档也没有发现错误。报错提示：webpack配置信息：查找解决办法时，发现npm上的配置多了一层patterns，照着配置了一下，发现可以了。也希望webpack官方中文文档，可以把配置信息写的详细一点，案例清晰一点。...
2020-06-05 13:23:04
4358
原创 ES6学习（数值扩展）
一、Number内置对象上添加和修改方法1、将parseInt(), parseFloat() §移植到Number上，原理一样；//减少全局性方法// ES5的写法console.log(parseInt('2.34') ) // 2// ES6的写法console.log(Number.parseInt('2.34') )// 2console.log(Number.parseInt === parseInt ) //trueconsole.log(Number.parseFloat
2020-06-04 21:31:03
1376
原创 ES6学习（变量解构赋值）
解构赋值含义：允许按照一定模式，从数组和对象中提取值，对变量进行赋值，只要等号两边的模式相同，左边的变量就会被赋予对应的值1、数组解构赋值 右侧必须是一个数组let [a, b, c] = [1, 2, 3];// 如果不是数组，则会报错let [e] = 5console.log(e)// 如果左侧变量名多于右侧，则左侧多的变量赋值不成功为undefinedlet [a,b,c,d] = [2,3];console.log(a,b,c,d) //2 3 undefined undef
2020-06-02 12:18:48
2025
原创 学习js设计模式之工厂模式
什么是工厂模式就是一个构造函数，这个函数包含逻辑中的一些共有的属性，可以通过函数来大量创建对象。简单的说就是将创建对象的过程单独封装，简化代码。工厂模式的目的是什么就是让我们的代码更简化、更容易理解、省时间。让我们写代码爽起来。举个简单的例子：现在学校要写一个录入图书信息的管理系统，由大量的图书要录入，这是我们要怎么办呢？首先我们要看图书有哪些共有属性（名称、出版社、价格、出版时间、作者等）如果要一个个录入那就要累死了，还不太能保证正确性。这是我们就需要创建个构造函数，来把这些共有的属性都包
2020-05-31 20:43:12
1850
原创 python 爬取网页小说并保存成txt文件
平时喜欢看小说自己写的简单爬虫利用python来爬取网页上的小说（笔下文学的）这是爬取并保存的元尊小说的txt文件代码如下：import urllib.requestimport reimport gzipfrom io import BytesIOfrom bs4 import BeautifulSoup// //打开链接def urlopen(url): req = urllib.request.Request(url) req.add_header("User
2020-05-29 21:53:47
8624
1
原创 js原型链的理解
规则1、对象有__proto__属性，函数有prototype属性；对象由函数生成。2、生成对象时，对象的__proto__属性指向函数的prototype属性。3、函数也是对象的一种，所以函数有__proto__属性//首先我们先创建一个构造函数Foolet Foo = function() {}//实例化let f1= new Foo();console.log(f1.__proto__ === Foo.prototype) //true//而Foo函数对象都是由Functio
2020-05-28 19:53:08
1971
原创 ES6学习（一）(let&const)
let和const是ES6新增的两个命令一、letlet 是用来声明变量，类似var，但是其声明的变量，只在声明的代码块内有效。并且不允许在相同作用域内，重复声明同一个变量；也不能在函数内部重新声明参数。 for(let i =0;i<3;i++){ let tempObj = { name:'tom' } //let tempObj = {} //SyntaxError: Identifier 'tempObj' has already bee
2020-05-28 18:25:26
1980
原创 vue3.0创建项目及API讲解（三）
高级响应式系统 API1、customRef用于自定义一个 ref，可以显式地控制依赖追踪和触发响应，接受一个工厂函数，两个参数分别是用于追踪的 track 与用于触发响应的 trigger，并返回一个一个带有 get 和 set 属性的对象。<template> <div> <p>refNum：{{refNum}}</p> </div></template><script>import {cus
2020-05-26 17:09:25
2087
原创 vue3.0创建项目及API讲解（二）
一、依赖注入依赖注入就是祖先组件向后代组件传递数据，使用provide()和inject()函数来实现这两个函数只能在setup()函数中使用在祖先组件中使用provide()函数向下传递数据在后代组件中使用inject()函数获取上层传递传递过来的数据//父组件<template> <div class="hello"> <h1>父组件</h1> <son></son> <button @
2020-05-26 16:03:25
1793
原创 vue3.0创建项目及API讲解（一）
一、项目创建1、检查vue-cli脚手架版本（vue -V），低版本的要更新（npm install @vue/cli -g）2、创建项目（vue create vue3test ）选择default（直接回车enter）,初始化项目3、进入项目文件夹，更新vue版本（vue add vue-next）4、运行项目（npm run serve）5、浏览器上访问（http://localhost:8081），初始化页面展示二、Vue3API vue3主要是低侵入式的、函数式
2020-05-25 19:32:45
3758
1
原创 原生js写一个简单的编辑器
js原生写的编辑器，主要是使用document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)来实现的如果该指令不被支持或停用将会返回 false 的 Boolean 值。例如document.execCommand(‘saveas’)第一个参数可以为1. backColor 设置或获取当前选中区的背景颜色。 2. Bold 切换当前选中区的粗体显示与否。 3. ClearAuthenticationCache 清除所有选取
2020-05-19 20:27:53
2649
原创 免费小说微信小程序
项目介绍功能齐全，书架、分类、各大排行榜，详情页，评论、阅读、夜间模式，字体大小，目录。小说是自动更新的，数据来源追书神器第三方API，无依赖库。学习到的东西很多，强大的文字排版功能。分类，排行榜的可以点击添加到书架。只需 要修改小程序appid和在小程序中添加服务器域名（开发工具有添加域名提示），就可以发布小程序了。需要源码的请关注公众号“web学习吧”，回复“追书神器”...
2020-05-16 16:17:35
5542
6
原创 豆瓣电影API列表（相应API已不可用）
在微信小程序访问豆瓣电影api400错误解决方法header:{ "Content-Type":"json"},1、获取正在热映的电影：https://douban.uieee.com/v2/movie/in_theaters或者 http://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4访问参数：start : 数据的开始项count：单页条数2、获取电影Top250：h
2020-05-13 19:04:30
4391
原创 vue使用 better-scroll方法
下载npm install better-scroll --save引包import BScroll from ‘better-scroll’使用 this.foodScroll = new BScroll(this.$refs.foodScroll,{ probeType:3, click:true }) // foodScroll 监听事件 this.foodScroll.on("scroll",(pos) =&g
2020-05-10 10:59:05
1902
原创 同一企业主体最多可以创建多少个小程序，多少个公众号等
小程序注册上限：企业、政府、媒体、其他组织主体可以注册50个小程序，个体户和个人类型主体可注册5个小程序。温馨提示：1、主体注册次数不占公众号次数限制；2、个人类型主体身份证和管理员绑定的微信号独立计算（不与组织类型重合）。公众号注册上线：2018年11月16日，微信团队发布公众号注册数量调整通知，即日起，个人主体注册公众号数量上限由2个调整为1个;企业类主体注册公众号数量上限由5个调...
2020-04-21 17:16:41
9647
原创 在vue中实现与Lodash.js中shuffle函数相同的方法
<!DOCTYPE html><html><head> <title>shuffles</title> <script src="https://unpkg.com/vue"></script> <style> .container { ...
2020-04-21 12:35:58
2433
原创 vue 导出excel
先引入file-saver xlsx script-loader包npm install -s file-saver xlsxnpm install -s script-loader下载所需的两个文件：Blob.js、Export2Excel.js新建vendor，名称不一定非是vendor，建议但不非得将此目录放在与单页面同级的目录。将上面两个js文件放在vendor目录中。在项目目录...
2020-04-20 15:21:27
1800
1
原创 微信相关账号需要哪些资质
1、 微信公众平台账号创建需要信息（1） 新的邮箱账号（2） 企业名称、统一社会信用代码、姓名、身份证号、手机号（3） 需要管理员微信扫码，手机信息验证码（4） 公众号名称、简介（功能介绍）、运营地区2、 微信小程序账号创建需要信息（1） 新的邮箱账号（2） 管理员的姓名、身份证号、手机号（3） 小程序名称，头像、小程序介绍（4） 经营资质 例如：《食品经营许可证》 资质3、...
2020-04-20 14:42:44
2208
原创 微信小程序迁移
小程序迁移小程序迁移条件？1、原小程序A必须是已成功注册的小程序帐号。2、海外小程序帐号不支持小程序迁移。3、目标主体不支持为个人类型。4、目标主体不支持与小程序原主体一致。小程序迁移需要哪些材料1、满足小程序迁移条件的帐号：原小程序A必须是已成功注册的小程序帐号；目标主体不支持为个人类型。2、原/目标主体证件：工商营业执照、组织机构代码证、法人证书或媒体许可证等（要求上传原件照...
2020-04-20 14:34:00
4740
原创 开发vue中点击事件数据改变，但是视图层数据未更新
经过上网查询，最后发现是谷歌浏览器的自动翻译，影响了视图的数据更新关闭谷歌浏览器的自动翻译功能视图层数据就可以更新了
2020-04-20 14:20:31
2313
原创 微信视频号的优势
在微信生态下：目前的视频号，入口跟朋友圈同等重要。不用下载APP，就可以看视频，视频号突破了朋友圈的限制，所有人都可以看到你的内容，微信有11亿用户，存在裂变效应视频号发布内容不再受一天发一次的限制，还可以转发微信好友、朋友圈，除了能发1分钟以内的视频，视频号还能发最多九张图片。视频号中可以携带个人微信号信息，这也就可以把视频号的流量导向自己的个人账号中去，成为你的私域流量。视频号还可以携...
2020-04-20 14:05:12
2421
原创 微信视频号开通
1、打开手机微信，在【发现】中找到【视频号】，点击进入；2、页面跳转后点击右上角的“照相机”图标，开始创建自己的视频号，在页面弹出的“创建视频号”窗口中选择【创建账号】；3、打开创建账号之后，完善名字、简介、性别等信息之后，点击创建，如下图所示：4、打开创建成功后，点击自己的名字之后，可以找到认证功能，小伙伴们可以在这里进行视频号认证，如下图所示：5、打开认证之后，根据实际情况选择...
2020-04-20 14:02:50
2631
原创 在小程序页面标记商品结构化数据（wx:scope-data）有什么用
wx:scope-data 是微信小程序搜索SEO能力提供的结构化数据格式开发者需要在WXML组件内对属性 wx:scope-data设置一个对象来标识页面结构化数据。使用方式：注意事项1、必填字段不能缺省，否则会报错。2、各个字段需符合类型对应数据格式的要求，否则会报错。3、开发者应该这个属性附着在完整包含对应信息的wxml树节点上，否则将会被视为作弊行为。4、uniq_id一样...
2020-04-19 11:36:01
2353
原创 解决在安卓系统微信中打开网页无法上传图片的问题
在做微信网页开发时，需要在微信内置浏览器里打开。上传图片，刚开始这样写：在测试中发现，安卓系统中无法成功上传图片。需要改成 才可以。之后，利用window.URL.createObjectURL(obj.files[0])转化，直接赋给img的src属性就可以在界面上展示了...
2020-04-18 10:31:44
2755
原创 企业微信小程序开发注意事项
1、在微信小程序开发者工具安装企业微信插件2、把小程序关联到企业微信1、在微信小程序后台，设置中的关联账号中2、可前往企业微信管理后台-进入应用与小程序-小程序-关联小程序3、当小程序关联到企业后，可在未发布小程序的情况下，配置体验版进行体验，以方便进行开发1、 用企业微信扫描二维码打开小程序开发版2、点击进入右上角”…”，再点击配置体验版3、进入页面选择体验成员后，发送体验邀请...
2020-04-14 14:41:49
2955
原创 微信小程序音视频合成API解读
选择视频合成 let mc = wx.createMediaContainer()wx.chooseVideo({ sourceType: ['album', 'camera'], maxDuration: 60, camera: 'back', success: res => { let videoPath = res.tempFilePath let mt = mc....
2020-04-11 15:43:56
4158
5
原创 vue一些知识点
vue父组件向子组件传参1.父组件调用子组件的时候 绑定动态属性2.在子组件里面通过 props接收父组件传过来的数据Vue细究——为什么vue中的data要用return返回不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。webpack 怎么解决跨域1、在config/index.js文件的dev:...
2020-04-11 15:35:01
1980
vue导出excel.zip
2020-04-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人