G.Bro-CSDN博客

原创基于uni-app框架封装的插件：支持app/apk、H5、微信小程序的内容可上下左右滚动，文字滚动，图片滚动，元素滚动;欢迎试用

优化之前微信小程序原生写的跑马灯。先看效果：功能简介文字左右跑马灯文字上下滚栏左右滚动区域(自定义内容)上下滚动区域(自定义内容)样式自定义多端使用options参数说明参数说明类型默认值可选值注意项broadcastType滚动类型Stringtextmould/text无direction滚动方向Stringlefttop/bottom/left/right无viewHeight滚动区域可视高度Number4

2020-05-13 16:25:44 2190

原创 uni-app全局自定义提示框，可覆盖原生标题栏和tabBar

效果图：uni-app全局自定义提示框，可覆盖原生标题栏和tabBar。具体实现如下：在main.js引入挂载：import G_show_modal from '@/common/G_show_modal/index.js' Vue.prototype.$showModal=function(op={}){ return new Promise((resolve...

2020-05-06 10:13:47 7850

原创 uni-app 如何避免点击跳转短时间内连续触发？

uni-app开发过程中，我们在元素上加个事件进行页面跳转，连续点击会跳转多个页面；解决方案：写一个指令全局监听事件并阻止短时间内连续触发具体代码如下：globalPul.jsconst globalPul = { install: function(Vue, pluOp = {}) { // 插件注册对象表 Vue.$plu = Vue.prototype.$plu = { ...

2020-04-15 12:03:44 6150 2

原创 vue CLI3.0自己实现一个轮播组件，并设置自定义属性

搭建CLI步奏过程不详细介绍了主要利用Vue.component()注册全局组件,滑动效果使用了translateX如下图让后开始详细介绍如何实现自己的轮播组件一.新建jv-swiper文件夹1.1、然后在jv-swiper文件夹新建index.vue ，该vue其实为swiper的外层控制<template> <div class="jv-swiper" re...

2019-08-09 15:10:53 1088

原创微信小程序微信小程序实现跑马灯（多条文字横向衔接滚动）效果完整代码附效果图

正文基于CSS3主要代码实现效果图js代码// pages/index2/index2.jsPage({ /** * 页面的初始数据 */ data: { data: [ { img: "惠便利自提店铺优惠多多惠便利自提店铺优惠多多惠便利自提店铺优惠多多惠便利自提店铺优惠多多惠", linkurl: "", ...

2019-02-19 15:40:01 7848 8

原创大文件分片【笔记】

可以帮助我们更加方便地进行文件哈希计算和文件完整性检测等操作。Spark-md5计算文件各分片MD5生成文件指纹。worker.js 线程文件。

2024-06-02 21:02:03 256

原创浏览器渲染原理【笔记】

当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列；在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程整个渲染流程分为多个阶段，分别是：HTML 解析样式计算布局分层绘制分块光栅化画:每个阶段都有明确的输入输出，上一个阶段的输出会成为下一个阶段的输入。这样，整个渲染流程就形成了一套组织严密的生产流水线。

2024-06-02 20:40:32 600

原创利用vue.js实现一款简易计算器

利用vue.js实现一款简易计算器可多则混合运算（加减乘除）vue计算器完整代码如下：<template> <view> <view class="calculatorBox"> <view class="colseImg"> <view class="titPopup"> 计算器 </v...

2020-03-11 16:57:57 1896

原创使用uni-app打包APK全过程（简单）记录

准备工作：前往官网https://uniapp.dcloud.io/先了解一下下载开发工具：https://www.dcloud.io/hbuilderx.html安装完成打开uni-app 是一个使用 Vue.js 开发所有前端应用的框架，语法和结构与vue.js相似，并参和了小程序的东西二、编译测试1.可编译到浏览器（测试时需要跨域配置跟之前的vue配置方式差不多）和手机真机模...

2019-12-16 10:48:48 10622

原创 express应用中ajax结合模板引擎ejs.js渲染页面

《一、express应用中ajax结合模板引擎ejs.js渲染页面》在views新建一个渲染模板命名 Template.ejsTemplate.ejs 示例：<% if(coursesList.length!=0){ %><% coursesList.forEach(function(c){ %><a href=ttp://hc.6636fu.com/yue...

2019-08-22 17:17:25 828

原创使用promise简单封装express的请求request

代码如下：const request = require('request');function reqPme(options) { return new Promise((resolve, reject) => { request(options, (error, response, body) => { if (error) { rej...

2019-08-22 16:56:08 554

原创微信小程序条件渲染太多咋办？微信小程序静态页面使用js,那就用wxs!

我一朋友开发过程中问我有更好的方式解决太多的条件渲染，如图然我举荐他使用wxswxs使用方法新建一个***.wxsvar filters = { /**保留小数点*/ toFix: function(value, digit) { /**保留小数点*/ return value.toFixed(digit) }, /**数组切割*/ toArr: funct...

2019-08-16 17:55:32 374

原创 nodejs-express4-ejs搭建及路由简单配置

环境wid7 64bitnode环境（网址：http://nodejs.cn）首先，我们需要安装express库，当前应该是4点几版本了Express需要全局安装的，项目构建器模块是合并在Express项目中的，后来这个构建器被拆分出来，独立成为了一个项目express-generator，现在我们只需要全局安装express-generator项目就行了。~ npm install -...

2019-08-09 17:08:43 496

原创利用vue 实现一个响应式导航

效果图：实现起来很简单，下面主要代码 page_width() { let screenWidth = window.screen.width; console.log(screenWidth); if (screenWidth < 800) { this.fullWidth = false; } else { ...

2019-08-09 16:19:01 2746 6

fasdfdssdf的博客