自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Chona

不要踩坑!

  • 博客(48)
  • 资源 (1)
  • 问答 (3)
  • 收藏
  • 关注

原创 数组迭代七种方法

第一个参数:回调 (上一次值,当前值,当前下标)=>{}应用场景: 数组元素求和 、求数组元素最大值。应用场景: 将符合条件的元素放入新数组中。回调函数执行次数 == 数组长度。回调函数执行次数 == 数组长度。回调函数执行次数 == 数组长度。回调函数执行次数!回调函数执行次数!回调函数执行次数!举例: 数组中每一个元素*10。回调函数内部的return。回调函数内部的return。回调函数内部的return。回调函数内部的return。回调函数内部的return。回调函数内部的return。

2023-05-17 16:23:01 524

原创 H5页面跳转到公众号关注页面

关注和未关注公众号时,跳转对应的关注页面

2023-03-13 20:34:33 2254 5

原创 uniapp实现支付宝小程序中嵌入H5并且实现相互通信

uni-app实现支付宝小程序中嵌入h5并实现通讯

2023-03-07 11:00:50 2964 2

原创 vue2+element封装rules, 支持json多层级

vue2+element封装rules,支持json多层级

2023-02-28 17:16:13 1556

原创 vue引入外部URL链接

vue使用v-html引入外部URl链接

2023-02-28 10:38:14 4010

原创 什么是BFC

在官方文档到中是这么介绍的:一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影响到外部其他元素

2022-09-02 18:19:38 244

转载 CSS Grid 网格布局 笔记

CSS Grid 网格布局教程一、概述二、基本概念三、容器属性四、项目属性一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。二、基本概念三、容器属性四、项目属性...

2022-02-12 17:35:51 340

原创 uni-app引入阿里图标【单色】

uni-app引入阿里图标【单色】上期简单的介绍了一下uni-app相信大家根据官方文档都已经了解的差不多了,创建项目应该是没有什么问题了,那么这期我就讲一下在uni-app怎么引入阿里图标——单色之前文章中我有讲到小程序原生引入阿里图标,如果大家感兴趣的话可以看一下。uni-app引入阿里图标和小程序原生引入还是很不一样的话不多说,开始!第一步:进入阿里图标官网https://www.iconfont.cn/选择自己需要的图标,当然你也可以让你们ui把设计图上的图标上传到阿里图标上第二步:添加

2021-11-11 14:17:10 1428 4

原创 uni-app简单介绍

uni-app简单介绍 https://uniapp.dcloud.io/一、什么是uni-app?uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。快速体验uni-app的优点跨平台发行,运行体验更好与小程序的组件、API一致;兼容weex原生渲染,增加了开发效率高,但是由于weex坑比较多,建议还是使用局部渲染优

2021-11-10 14:31:31 13239 2

原创 js货币格式化

我们都知道当显示价格时都会有一个格式比如:¥666,66.00或者是 $666,66.00在网上可以搜到好多种方法,我这里就做下笔记,以免以后用到,下面附上代码:function formatMoney (number, places, symbol, thousand, decimal){ number = number || 0; //保留的小位数 可以写成 for...

2018-10-29 14:53:41 3559 2

原创 小程序成长之路_登录获取openid和session_key (五)

 本篇主要讲解登录获取openid和session_key。登录凭证校验临时登录凭证校验接口是一个 HTTPS 接口,开发者服务器使用 临时登录凭证code 获取 session_key 和 openid 等。接口地址:https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js...

2018-09-29 13:52:48 1866 1

原创 小程序成長之路_引入小程序自带icon 和 引用阿里图标(四)

上篇我们已经成功填加tabBar,那么我们这篇就讲解一下 引用图标icon,小程序里有自己的图标供大家使用,但是图标有限,有很多都满足不了我们的需求。这次呢 给大家介绍一下阿里图标,里面有大量的图标供你选择,点击http://www.iconfont.cn/进入阿里图标库下面我就给大家介绍两种引用icon的方法 , 引用小程序自带icon 和 引用阿里图标一、引用小程序自带icon...

2018-09-14 14:46:15 11588 6

原创 小程序成長之路_给页面添加tabBar 和 添加tabBar时的注意事项 (三)

上篇博客我们已经成功创建页面,并且显示我们自己所创建页面的内容,那么我们都知道每个项目下面都会有tabBar,当然大部分都有,也不排除没有的情况啊,那么这篇我主要是来添加一个tabBar并,且总结一下写的过程中一个 小程序小白开发者 遇到让人头疼的问题,并讲解解决方法,也许对有小程序开发经验的盆友来说这是一个简单的问题,但是妹纸,太菜了塞,哈哈一般来说,tabBar 上的图标都是引用ui给切好...

2018-09-13 11:50:59 13389 4

原创 小程序成長之路_目录结构详解 和 新建页面(二)

在上篇文章中我们已经成功创建了一个小程序,接下来我们先看看一下创建好的小程序的目录 如下图:新建的项目页面都放在在page页面下,接下来看一下 .js .json .wxml .wxss 的作用 如下图:然后了解之后 就可以新建页面了,接下来一起新建页面1.鼠标 放在pages 让pages处于打开的状态 如下图:2.点击鼠标右键 新建----->目录 -----...

2018-09-12 15:34:45 535 3

原创 小程序成長之路_注册小程序 和 创建小程序(一)

小程序近年很火,之前做过微信公众号,现在需要做了小程序,由于没人带,妹纸只好自己独自研究了,其实也不难,就是刚开始一头雾水,找各种框架各种试,但是其他框架都有好些不太成熟,api更新的不是太快,有的按照文档上写,实现起来会有偏差,也可能是妹纸技术不行写错了也说不一定,哈哈,所以最终还是选择用小程序原生来写,所以建议准备写小程序们的同学,还是用原生的比较好,当然还得看自己的选择了,只要能做出来,用什...

2018-09-12 10:43:22 443

原创 怎么在webStrom上配置git

1.下载 git并安装,很简单下一步下一步就好了2. 安装完成 打开 webStrom 3. ctrl +alt + s 进入setting 输入  git 如下图:4.点击ok之后就可以了。

2018-06-30 00:20:41 585

原创 把本地项目上传到github

git是管理、分享和学习的一个很好的平台,平时妹子都是用来管理代码和参考大神们的一些实现代码,但是自己并没有尝试过将自己的项目放到github上,所以今天没事儿就上传一下,其实特别简单,就是多注意上传过程中的一些错误其中详细过程请参考  https://www.cnblogs.com/panlangen/p/7501585.html  里面已经非常详细了,然后我就按照这个作者的步骤,说一下里面执行...

2018-06-29 23:49:03 169

原创 新建vue项目

因为有时间所以就把前端一个个总结一下,今天呢自己创建一个vue项目玩玩第一步、由于vue项目依赖npm,所以需要先安装检查是否有安装 nodejs、npm 、vue win+r 输入cmd 然后输入 输入npm -v  回车 会出现npm的版本 ,若没有 打开 https://nodejs.org/en/ 进行安装,nodejs安装成功,npm也会有输入vue -V (V必须是大写)回车 会出现v...

2018-06-27 00:35:19 308

原创 Javascript语法规范错误提示代码

由于代码写的不规范,WS控制台上老出现警告,好烦,如图上面红框是带有不规范的警告的,下面红框是项目里没有不规范的代码,由于不规范的原因很多,今天就总结一些“Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected space after ‘-’....

2018-05-26 12:41:24 2175

原创 妹纸比较菜,平时总结的网址,分享给大家,希望对你们有用!

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品 https://www.iviewui.com/components/buttonmuse-ui框架https://museui.github.io/#/index使用Flexible实现手淘H5页面的终端适配https://github.com/amfe/article/issues/17鼠标触动图片...

2018-03-20 14:27:36 1324

原创 localForage 基于 vuejs 插入10W条数据 并且查询测试

created(){  local.config({    driver: [local.INDEXEDDB,             local.WEBSQL,             local.LOCALSTORAGE],        // Force WebSQL; same as using setDriver()    name        : 'myApp',    versio...

2018-03-20 11:38:25 2844

原创 pouchDB

PouchDB是一种浏览器内数据库,允许应用程序在本地保存数据,以便用户即使在离线状态下也可以享受应用程序的所有功能。另外,数据在客户端之间进行同步,因此用户可以随时随地保持最新状态。PouchDB也在Node.js中运行,并可用作CouchDB兼容服务器的直接接口。API在各种环境下的工作原理都是一样的,所以您可以花更少的时间去关注浏览器差异,并花更多时间编写干净,一致的代码。最近做了一个微信端...

2018-03-20 11:27:27 1955

转载 让图片自适应屏幕大小

让图片自适应屏幕大小2016-09-13 10:09 2764人阅读 评论(0) 收藏 举报让图片自适应屏幕大小最简单的方法,保证管用,你把那个图片写在div里面的背景里,也就是background:url(../img/1.jpg) center no-repeat;这样就能够自适应屏幕大小了,而且不会出现横向的滚动条-----------

2017-03-29 09:24:40 1520

转载 运用@media实现网页自适应中的几个关键分辨率

经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢?先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600 480的,哪些小分辨率的我们都归类为小于767的。为什

2017-01-22 09:45:48 361

转载 java 二维码原理以及用java实现的二维码的生成、解码

QR码生成原理(一)一、什么是QR码QR码属于矩阵式二维码中的一个种类,由DENSO(日本电装)公司开发,由JIS和ISO将其标准化。QR码的样子其实在很多场合已经能够被看到了,我这还是贴个图展示一下:这个图如果被正确解码,应该看到我的名字和邮箱。二、QR码的特点说到QR码的特点,一是高速读取(QR就是取自“Quick Response”的首字母),

2016-12-02 11:35:33 650

转载 struts2 如何动态限制控制文件图片上传大小?

struts2 如何动态限制控制文件图片上传大小?1 配置好struts的上传文件限制大小是不能修改的,这个是所有上传文件都必须接受的物理限制,当然,根据需要你可以把这个值设大点2 用户可以配置的值必须在程序中控制,也就是说有你要保存一个配置项(例如:可以保存在数据库中),用户可以去修改这个,修改时更新数据库就行了。3 用户上传文件时,需要判断文件大小是否超过数据库中这个配置项,超

2016-11-29 16:48:20 1356

转载 PS快捷键

工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】 喷枪工具 【J】 画笔工具、铅笔工具 【B】 像皮图章、图案图章 【S】 历史画笔工具、艺术历史画笔 【Y】 像皮擦、背景擦除、魔术像皮擦 【E】 渐变工

2016-11-24 15:37:15 240

原创 getFullYear()和getYear()有什么区别

Date对象取得年份有getYear和getFullYear两种方法经测试var d=new Date;alert(d.getYear())在IE中返回2009,在Firefox中会返回109。经查询手册,getYear在Firefox下返回的是距1900年1月1日的年份,这是一个过时而不被推荐的方法。而alert(d.getFullYear())在IE和FF中都会返回2009。因

2016-11-16 15:58:23 11351

转载 WebStorm快捷键操作

最近一段时间在写javascript时,找到一个灰常强悍的IDE。名称叫:WebStorm目前是英文版的,功能很强大。我也在慢慢摸索之中,现把它的一些常用的快捷键列出来,供使用者参考。1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ct

2016-11-11 10:33:52 256

转载 Infinite Scroll–无限分页

1、当你往下浏览页面时,页面会自动去异步加载数据。无限分页效果 infinite scroll 效果图 –ifxoxo.com2、在页面下方有一个“点击加载”的按钮,点击之后页面会去加载数据。 无限分页效-infinite scroll 点击加载效果图 –ifxoxo.com虽说这样的操作用js并不难实现,但是现在有很多成熟的插件

2016-11-10 13:39:36 1572

转载 exports 和 module.exports 的区别

require 用来加载代码,而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区别,为了更好的理解 exports 和 module.exports 的关系,我们先来巩固下 js 的基础。示例:test.jsvar a = {name: 1};var b = a;console

2016-11-10 10:00:52 219

转载 windows 下安装nodejs

下载安装文件这是nodejs的官方网站,百度不喜欢连接,这里我就不发连接了。我下载的文件是这个。下载的要和自己的系统匹配,不然会出现错误的。安装文件当然是双击安装,比ubuntu方便多了撒。nodejs,默认是安装在C:\Program Files\n

2016-11-09 22:01:49 455

转载 使用Intellij idea 2016.2.1 创建简单的servlet程序

准备工具jdk1.8tomcat9.0IDEintellij idea 2016.2.1步骤一:点击菜单栏的File->New->Project二:选择Web Application,点击Next三:文件名为SimpleServlet,点击Finish四:点击工具栏的下三角或者菜单栏的Run,选择Edi

2016-11-09 13:08:46 266

转载 MyEclipse的安装过程

第一步:点击下载好的MyEclipse安装程序,弹出如下对话框,点击next,即下一步。第二步:勾选前面的方框,表示同意MyEclipse的协议,然后点击next。第三步:设置安装MyEclipse的路径,最好安装一个盘的根目录下,这样方便查找。第四步:勾选前面的,选

2016-11-09 09:48:33 492

转载 cmd命令大全/cmd命令提示符大全

刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解

2016-11-07 14:53:44 3617

原创 java向多线程中传递参数的三种方法详细介绍

在传统的同步开发模式下,当我们调用一个函数时,通过这个函数的参数将数据传入,并通过这个函数的返回值来返回最终的计算结果。但在多线程的异步开发模式下,数据的传递和返回和同步开发模式有很大的区别。由于线程的运行和结束是不可预料的,因此,在传递和返回数据时就无法象函数一样通过函数参数和return语句来返回数据。本文就以上原因介绍了几种用于向线程传递数据的方法,在下一篇文章中将介绍从线程中返回数据的方法...

2016-10-28 14:54:01 42706 3

转载 使用Java快速实现进度条

基于有人问到怎样做进度条,下面给个简单的做法:主要是使用JProgressBar(Swing内置javax.swing.JProgressBar)和SwingWorker(Swing内置javax.swing.SwingWorker) 有人肯定会说,不是用线程做的吗?使用线程共享一个变量,确实可以。不过这种方式不太优雅,当然,你可以再用线程封装也行。不过,SwingWork

2016-10-28 13:37:30 7443 1

转载 AOP的编程

AOP的编程,好像就是把我们在某个方面的功能提出来与一批对象进行隔离,这样与一批对象之间降低了耦合性,可以就某个功能进行编程。Aspect Oriented Programming(AOP),面向切面编程,是一个比较热门的话题。AOP主要实现的目的是针对业务处理过程中的切面进行提取,它所面对的是处理过程中的某个步骤或阶段,以获得逻辑过程中各部分之间低耦合性的隔离效果。比如我们最常见的就是日

2016-10-28 10:45:26 371

转载 多线程传参及多线程并发量控制

多线程传参及多线程并发量控制多线程传参多线程传参的控制有两种:假设有线程类如下:Public class MyThread{         privateint arg1;         pirvateString arg2;                  Setters;         Getters; pubic MyThread()

2016-10-28 10:41:08 478

转载 WindowsUnicode编码

如果你现在写的代码使用的是SBCS (ASCII)字符集,但是过一段时间后某个客户跟你说他们现在的系统只支持Unicode (wide-character)字符集,你怎么办呢?问题的答案就在微软给我们提供的tchar.h头文件里面!通过研究msdn知道,微软为了方便程序写出能够使用不同字符集的通用代码,特别为程序员提供了这个头文件,头文件的功能就是实现了 数据类型、函数以及其他对象依据宏定

2016-10-28 10:35:20 2199

空空如也

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

TA关注的人

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