自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Johnny Liao的博客

前端,Android,nodejs等的笔记

  • 博客(90)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序云开发教程四:云函数的使用与点赞功能的实现

接下来我们就要使用高大上的云函数了;什么是云函数?云函数 云函数即在云端(服务器端)运行的函数。 在物理设计上,一个云函数可由多个文件组成,占用一定量的CPU 内存等计算资源;各云函数完全独立;可分别部署在不同的地区。 … 当云函数被小程序端调用时,定义的代码会被放在Node.js 运行环境中执行。新建的项目中其实有云函数的示例可以参考。首先,我们在cloudfunctions 文件夹右键...

2018-09-27 11:52:34 9489 8

原创 vue 使用vue-i18n 实现多语系(国际化)

什么是i18nvue-i18n是一款vue应用进行国际化的插件; 文档: http://kazupon.github.io/vue-i18n/安装:npm install vue-i18n --save新建语系文件夹在与page同级的位置建lang文件夹, 里面包含lang.js ,langFile文件夹;langFile文件夹里面包含了你项目的语言文件(JSON格式...

2018-03-22 20:08:46 3526

原创 Typescript那些事

typescript Class & Decorator 类型与装饰,类与接口区别

2023-04-05 17:40:30 105

原创 vite构建自定义组件库,支持单文件组件,jsx组件

Vite名字来源于法语, 意思为quickly–“快速”。在整体功能上实现了类似于预配置的webpack加dev server的功能, 用于提高前端项目的整体构建速度。它采用了全新的unbundle思想来提升整体的前端开发体验。比起传统的webpack构建,在性能速度上都有了质的提高。

2023-04-04 19:01:51 2883

原创 小程序优化

优化前: 分数低, 首页加载太多列表(几百个), 用户体验不好, 会卡顿优化后: 分数提升, 体验较好, 系统比较顺畅, 不卡顿主要措施:1, 针对一开始就加载几百个列表的情况, 而且每个列表都有图片, 大大消耗了手机等的性能, 造成加载慢, 并且不能及时显示首屏;所有采取以下措施:一, 使用scroll-view, 并且自己实现一个分页, 一页只加载10个列表元素左右, 在用户滚动到底部, 触发抵达底部事件的时候, 才加载下一部分;将保存的数组(总数据)和展示的数组分两个变量保存;加载

2021-04-28 10:58:41 273

原创 前端调试知识, 各种调试姿势

在日常开发过程中,如果我们的程序出问题了,要找出是哪里导致的问题的时候,往往会遇到一个变量在10多20多个地方被改变了,然后找不到时哪一次的改变导致的异常;笨的方法也有,就是每一个有可能改到的地方都加上一个console.log,通过log一个数字来判断,它执行到哪了,为什么只跑到那一步。这种方法的缺点也很明显,就是耗时耗力。...

2020-08-19 12:35:17 445

原创 Docker 技术分享

Docker是什么Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。(百度百科)Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目。它基于 Google 公司推出的 Go 语言实现。Docker 项目的目标是实现轻量级的操作系统虚拟化解决方案。Docker解决什么问题在任何地方

2020-07-22 17:52:15 483

原创 uniAPP微信小程序 滚动到顶部固定悬浮

首先,先定义滚动的子组件ScrollContent , 定义data的属性:data(){ return { isFixed: false, nameTop: '', rect: 0, }}再在父组件中定义:<ScrollContent id="scrollId" :class="{'is-fixed': isFixed}"></ScrollContent>给他一个id是为了接下来的获取这一个组件,我们使用微信小程序的接口wx.createSele

2020-06-14 19:32:02 7123 2

原创 机器学习 SGD Momentum RMSprop Adam 优化器对比(pytorch)

下面直接给出代码, 中间带有我个人的注释:# -*- coding: utf-8 -*-# 4种优化器的对比import torchimport torch.utils.data as Dataimport torch.nn.functional as Ffrom torch.autograd import Variableimport matplotlib.pyplot as plt##优化器的对比LR = 0.01BATCH_SIZE = 32EPOCH = 12x

2020-05-27 21:59:36 507

原创 关于async await 用于两个顺序执行的异步函数用法的思考

首先, 大家在项目中肯定经常遇到这样的问题, 我一个函数的参数必须得依赖于上一个函数(ajax请求等)得到的结果,这种情况解决方法有几种;第一 肯定是使用 ES6的Promise, 然后在初始化promise的实例调用then方法:第二, 可以使用async await。我们首先要知道,async函数返回的一定是一个promise对象,标有await的函数,必须是一个里面含有promise操作的函数;下面给出代码let promise1 = async function (){ let pro1

2020-05-11 23:20:39 3414

翻译 XSS防范指南 【翻译】

原文地址: The definitive guide to XSS什么是XSS,又成为跨站点脚本我们这样定义XSS:它是由于网站没有安全处理好用户输入导致该站点成为攻击自己用户的媒介的一种攻击;通常,黑客可以利用我们网站的漏洞,注入JavaScript;利用这些漏洞, 黑客可以窃取用户的信息;通常,XSS分为三种:1. 持久型XSS2. 反射型XSS3. 基于DOM型XSS为什么...

2019-12-19 11:04:02 258 1

转载 【机器学习】预测偏差与其原因

预测偏差,是指预测的平均值和观察平均值的差;请注意, 预测偏差与偏差是不同的概率;偏差是指(wx + b)中的b;逻辑回归预测应当无偏差;找出预测偏差的原因可能有以下几点:特征集不完整;训练样本有偏差;数据集混乱;正则化过强;模型实现流水线中有偏差;...

2019-08-12 22:53:19 2605

原创 SWIPER插件 最后一页100%高度,最后还要展示页脚网站消息

在最后一页,要求滚动到最后一页的时候, 再滚一下, 就展示备案消息等, 就需要调整一下.初始化的时候, js:slidesPerView: 'auto',css:swiper-container .swiper-slide{ height:100%;}.swiper-container .swiper-slide:last-child{ height:104px; ...

2019-07-31 11:50:20 1026

原创 机器学习笔记(2019-4)

1,梯度下降含义:把求损失函数最小值的过程中,需要一个递归求最优解的过程,在这个过程中,我们把输入(比如图片),label(真正的数值或者其他),w(权重),b(偏差)等由函数;数学含义: 求解一个可导函数,使得损失函数在最低点得到解的过程。中间函数:(其中Q1为移动的距离点1)如果一个学习速率太大,那么很可能会错过最佳值; 如果过小,就会导致下降太慢,耗费大量时间;1.1 复习积...

2019-05-13 22:49:12 270

原创 计算机中语言的log与数学中的log的区别

1, 结论:计算机语言中的log直接就是求一个数的自然对数,就是以e为底的;数学上的log是必须指明底的,但lg是以10为底的,如 lg 10=1。以e为底的写为: logex, 其中e是写在底下的;2, 使用语言论证:如使用JavaScript:log(0.6) = -0.51数学上则必须是 log e (0.6 ) = -0.51...

2019-05-12 23:02:58 4035

原创 Echarts饼图柱状图图标,轴线调整,渐变色

最近捣鼓了一下echarts,所以将相关的点记录一下;图标选项legend 图例 legend: { data: [], // 图标数据 left: 'center', //定位 top: '1%', itemWidth: 11,//图例的宽度 ...

2019-04-02 14:00:22 2862 1

原创 老弟,来了?VUE+Nuxt.js+Koa+Vuex入门教程(一)仿写一个cnode网站

何为Nuxt.jsNuxt.js是一个vue的服务端渲染的框架,集成了express框架,sass/less框架等等,ui框架如Bootstrap,Vuetify,Bulma,Tailwind,Element UI,Ant Design Vue,Buefy,方便的集成拓展其他框架,如eeLint等等,自动化打包,代码改动自动更新(服务器,前端代码),让开发变得简单。开始安装文档地址在这: n...

2019-01-07 12:27:25 1603 2

原创 题目记录

1,使用原生JavaScript将p的值改为abc;&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;test&amp;amp;lt;/title&amp;amp;gt;&amp;amp;lt;/head&am

2018-12-13 17:55:18 194

转载 前端组件化(二):面向对象

首先,我们来实现类的机制,因为JavaScript不存在类的概念, 所以我们就参考别人的写法,写出一个类:(这是拿John Resig的class简单修改了下)var Class = (function() { var _mix = function(r, s){ for (var p in s){ if (s.hasOwnProperty(p)) { r[p] = s[p...

2018-12-03 17:31:38 304

转载 前端组件化(一) 函数闭包 简单版

实现功能: 输入几个字, 就实时显示几个字截图:作用域隔离为了使整个代码的作用域清晰明了, 封装成textCont 函数&amp;amp;lt;!DOCTYPE HTML&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;单通道数据流&amp;amp;lt;/

2018-12-03 17:20:19 271

原创 nodeJS Mongoose 模糊查询+限制条件进行查询

因为我的项目遇到的需求是:搜索包含用户输入的关键字的课程,其中这些课程必须是审核过的: var query= new RegExp(req.query.lName, 'i');//模糊查询参数 Lesson.find({"subTitle.filtered": true, $or:[{"lessonName": query}]} , functi...

2018-12-03 16:45:50 6187

原创 swiper 源码笔记: Util中 extend的写法

const Util = {//判断是否是Object 类型 isObject(o) { //typeof 等于object的也可能是null, 所以要加上 o !== null ; 后面两个条件是防止 new Date()等类型的object, 要判断它的构造函数 return typeof o === 'object' &amp;amp;&amp;amp; o !== null &amp;amp;&amp;am...

2018-11-30 14:59:54 950

原创 Flex导致设置的width:100%不生效问题

因为设置了display: flex; 导致block布局变成了flex布局, 所以如果想要在已经设置了flex布局的基础上,再进行子元素的宽100%设置的话,可以应用下面的样式:(在该子元素上设置)flex-shrink: 0;width: 100%;这样就可以生效了。...

2018-10-15 15:33:33 20594 2

原创 小程序云开发教程七:贴子的详情及评论功能

我们先看看界面:我们如果要实现评论功能, 那么需要什么参数呢?参数如下 comment: 评论内容 username: 用户名 time: 评论时间 userId: 用户id id: 评论的贴子id avatar: 用户头像先上代码, wxml:&amp;amp;lt;!--pages/itemDetail/it...

2018-10-08 12:06:19 5516 6

原创 小程序云开发教程六:贴子的审核

别人发布了,就得审核呀。所以这篇我们来讲审核功能的实现。条件: 不能审核自己的,并且是审核次数在0-5次的。我们来看布局, 和首页展示的差不多,一个用户信息,一个图片,一个用户发布的文字,还有通过,不通过按钮。代码如下:&amp;amp;amp;amp;lt;!--pages/validContent/validContent.wxml--&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;view wx:if='{{!data}}'

2018-10-08 11:47:31 1418 1

原创 小程序云开发教程五: 图片上传及发表文字的实现

微信给了我们存储空间以及图片上传的功能,我们怎么可以轻易放过呢?先看看界面:二话不说, 先实现界面:&amp;amp;lt;!--pages/pulish/pulish.wxml--&amp;amp;gt;&amp;amp;lt;view class='flexDownC'&amp;amp;gt; &amp;amp;lt;view class='flexDownC w100'&amp;amp;gt; &amp;am

2018-10-08 10:57:07 17954 14

原创 python爬虫: 抓取任意歌手的歌词,简直不要太骚

估计大家对歌词的抓取一般是通过抓取网页内容的方式来进行,今天,LZ就教大家一个简单的方法。对大家进行歌词分析来说,又多了一条捷径。本篇文章是通过请求qq音乐的某一个文件来进行获取的,这个骚操作恐怕还没什么人发现吧,娃哈哈~看完过后你就会觉得,这简直不要太骚~二话不说, 先上代码:#!/usr/bin/python# -*- coding:utf-8 -*-import request...

2018-09-27 17:28:03 8301

原创 小程序云开发教程三: 数据的布局以及展示

数据我们有了, 就可以导入到微信的数据库了,微信这个功能简直不要太赞,我们一定要好好利用微信提供的数据库;打开云开发控制台, 点击数据库, 点击添加集合,名称为funnys,点击导入,然后就可以导入刚刚我们导出的json文件了;导入完成后,我们就可以进入展示了;首页index.wxml的代码如下:&amp;amp;amp;amp;amp;lt;!--index.wxml--&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;l

2018-09-25 19:27:12 1817 1

原创 小程序云开发教程二:数据的获取(爬虫)

数据从哪儿来呢?这是个很好解决的问题,我们只需要参考一下网上的爬虫代码,再自己改动一下,加上一下自己想要的东西,就可以了我们就参考一下知乎的一篇爬取糗百的文章吧: https://zhuanlan.zhihu.com/p/37626163直接把他的代码拿过来,然后改动一下,在代码中引入time函数(为了延迟请求,对糗百网站友好),再在存入数据库之前,加入几个我们想要展示的值。前提是你已经安装...

2018-09-25 18:20:45 9079 2

原创 小程序云开发教程一: 新建一个云开发项目以及基本布局

大家好,之前本人用业余时间(捣鼓了大概两三天),开发了一个小程序【糗皮虎】,里面包含了查看段子,点赞,分享,评论,发帖,登录等等功能,功能还是有待完善的,希望我的踩坑,可以为各位带来一些启示。部分截图如下:一,如何新建小程序云开发项目首先,先去申请账号:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=...

2018-09-25 18:02:54 16353 20

原创 scrapy: no module named win32api ; 或者是critical: win32api is undefined

我的环境是: python 2.7 windows 7 pip 18 解决办法是: 安装pywin32pip install pywin32或者是:pip install pypiwin32也可以到你python安装目录找到scripts, 找到包含win32.py的文件,进行执行:python pywin32***.py...

2018-08-20 10:00:23 159

原创 小程序 login获取出错: 40125, errmsg: "invalid appSecret"

当小程序出错出现代码40125,并显示:errcode: 40125, errmsg: &quot;invalid appSecret&quot;解决办法: 在mp.weixin.qq.com 里面重置你的app secret

2018-06-20 16:36:45 31085 2

原创 jquery 赋值 多选框 checkbox 获取CheckBox值

jQuery怎么把一个数组赋值给checkbox而不用两次比较循环呢(网上有些答案就是将数组的值和checkbox的值比较一致才赋值)? 只需要一次循环,既可以将值赋值上 那么循环什么呢? 当然是循环数组就ok拉,哈哈哈那么开始://jsvar arr = [1,2];for(let i = 0,len = arr.length; i&lt;len; i++){ $(...

2018-06-05 16:00:36 527

原创 小程序官方禁用wx.getSetting之后 open-setting 兼容 使用方式

微信官方宣布在7月5号之后,wx.getSettting 将不再支持; 操作方式改为由用户点击按钮触发, 现在可以通过button方式触发。 我的需求是获得用户的地址权限。但是当用户点击拒绝之后,就显示出按钮, 然后用户就可以点击按钮,选择需要打开的权限开关; 当用户点击打开之后,就可以隐藏按钮;&amp;lt;view wx:if=&quot;showFlag&quot; &amp;gt; &amp;lt...

2018-05-30 20:29:23 22479 3

原创 谷歌浏览器开发者工具中网络栏status=canceled 取消状态

在爆栈网(stackoverflow)上找到了一个解释: 导致这一现象的原因可能是下面三个:1.The DOM element that caused the request to be made got deleted (i.e. an IMG is being loaded, but before the load happened, you deleted the IMG node)...

2018-05-30 19:28:01 23486

原创 小程序 翻转, 左侧滑入, 缩小变大消失等等特效

1,缩小变大消失特效://js data: { animationData: null }, ani_smallbigOut: function(){ let that = this console.log("animate") var animation = wx.createAnimation({ duration: 750, ...

2018-04-25 11:53:03 9631

原创 微信小程序实战笔记

1,更改data里面的数据,不要使用赋值的方法:this.X = data应该使用setData, 例子如下:this.setData({X: data})//在setTimeout等函数时,需要使用bind(this)2, 使用动画组件api时,记得在wxml上要进行动画的元素(如view)加上:&lt;view animation="{{animation}}...

2018-04-19 17:17:33 496

原创 iview的菜单组件Mune 点击不高亮的解决办法 vue

前言: 在项目中,我用到了vue +iview + vue-router 开发; 然后导航条就使用了iview的Menu组件,结果发觉导航条的内容点击一次之后不会显示高亮样式,而是先跳转了,我再点击一次,才会高亮显示。在看了vue-router的文档之后,发觉有一个很好用的东西,就是router-link的属性: active-class 和 exact。为什么要使用router-link...

2018-03-20 18:10:18 4623

原创 Vuejs 使用Props 传值实例

问题提出往往我们在开发的过程中, 需要在另一个组件控制子组件的变量,那么,这时候,使用子组件的props来传值就可以很好地解决这个问题;需求假如我们需要将弹窗做成一个组件公用,那么在父组件或者另一个组件中,需要控制弹窗的显示与否,那么我们就需要将变量交给父组件来控制。子组件的写法如下:style&gt; .modal-mask { position: fixe

2018-01-11 21:27:08 8036 2

原创 Visual studio code离线安装插件 EsLint等等

今天需要在离线的工作机上安装好环境,我之前已经在有网络的电脑上安装好了vs Code 的相关插件了.但是上网一查, 大都是讲使用拼接网址的方式来安装, 麻烦,于是, 懒人有懒得办法;首先,使用一款搜索神器: everyThing, 搜索一款我已经安装好的插件的名字: vetur ,这样就可以知道这些插件的目录在哪了; 然后, 再右键->进入所在目录,哈哈,就找到了所有的插件的大本营.. 之后,使

2018-01-02 16:03:26 5673

swfdec flash解压神器

flash 转换video, mp4,mp3,等等,Windows版, 可以提取flash exe文件

2017-12-14

空空如也

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

TA关注的人

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