前端
文章平均质量分 68
吃瓜群众欢乐多
菜鸟烦恼多
展开
-
抽奖的功能实现html,css,js
效果图代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-12-15 16:28:38 · 1248 阅读 · 1 评论 -
微信小程序-灰度发布
总所皆知,微信小程序分为三个环境,开发环境、体验环境、生产环境。大多时候,体验环境作为测试环境,在上线的时候切到生产环境往往有一些数据等环境切换导致的bug。这个时候我们希望出现一个预生产环境。他运行的是生产环境一模一样的数据。。但是我们不希望这个环境被其他用户看到。这个时候灰度发布就起作用了需要注意的是,小程序第一次发布不能进行灰度发布。必须第二次及以后才能灰度发布。而且,小程序审核通过后才能灰度发布。灰度发布可以指定某些微信账号才能看到这个灰度发布版本(预生产版本)...原创 2021-09-14 17:03:16 · 3305 阅读 · 0 评论 -
js创建对象的三种模式(工厂模式、构造函数模式、原型模式)
1、工厂模式new Object()function createPerson(name, age, job) { let o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { console.log(this.name); }; return o;}let person1 = createPerson("Nic原创 2021-01-16 20:25:35 · 341 阅读 · 0 评论 -
React实现将Excel文件转为html显示/转为json数据的demo
用sheetjssheetjsimport React, { PureComponent } from 'react';import { read, utils } from 'xlsx';/* list of supported file types */const SheetJSFT = [ "xlsx", "xlsb", "xlsm", "xls", "xml", "csv", "txt", "ods", "fods", "uos", "sylk", "dif", "dbf", "原创 2020-05-26 15:09:00 · 834 阅读 · 0 评论 -
ES6-Generator 函数的语法
举例,讲解function* anotherGenerator(i) { yield i + 1; yield i + 2; yield i + 3;}function* generator(i) { yield i; yield* anotherGenerator(i); yield i + 10;}var gen = generator(10);con...原创 2019-08-01 15:00:57 · 141 阅读 · 0 评论 -
父子组件之间传递Function,在vue组件中callback的应用
父子组件传递Function在用element,el-autocomplete这个组件时我看到有一种cb的方法,又get到一点知识点,平时使用中父子组件传参一般都是Object,Array,Boolean,String类型,如果想要传递Function,并且保证他们之间的通信如何做到呢?例子<!DOCTYPE html><html lang="en">&l...原创 2019-07-26 17:12:43 · 5105 阅读 · 0 评论 -
提高VUE性能优化的九种方式
1、函数形组件(functional)2、子组件拆分(利用组件内部运行,不影响其他外部组件)3、局部变量 (多赋值给局部变量,减少不断计算)4、用v-show,不用v-if(v-if操作dom结构,性能低)5、用keep-alive(缓存页面)6、用mixins(mixins引入的js后执行,延迟装载Defer)7、time slicing 分批处理(用requestAnimation...原创 2019-07-22 17:39:33 · 3398 阅读 · 0 评论 -
Node.js究竟是什么?为什么要学习Node.js?优缺点?
前言如果你有一定的前端基础,比如 `HTML、CSS、JavaScript、jQuery;那么,Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数据库,不喜勿喷),从而触及后端和移动端的开发。当然,Node.js也不是万能的、也不是说学了它就可以完全取代后端的其他开发语言,它有自己的使命和擅长的应用领域。除此之外现在非常火热的 Vue.j...转载 2019-07-22 15:12:23 · 722 阅读 · 0 评论 -
记录我排除CSS的bug的小经验
如图样式有问题,弹出层应该随着鼠标上下滚动而保持相对于agent定位,我们该如何解决这个不知原因的bug呢?1、我们先看下拉框的css的样式代码如图所示2、先跟正常的对比对比后发现正常情况下,top的值会随着鼠标上下滚动而改变大小,有bug的没能上下滚动。3、猜想,js导致,或者这个组件的父元素的某css属性影响了子元素的4、js的话需要查看组件源代码,我查看组件源代码,但是发...原创 2019-07-30 16:43:40 · 159 阅读 · 0 评论 -
【系统优化】系统首页及文件加载速度优化的几种方式
vue项目打包后vendor.js太大,如果加上mapping的话,该文件可能有1M+,这样的话会导致页面第一次加载运行过慢,vendor.js是node_modules里所用到的modules的打包后的集合js文件.。一、分开打包使用webpack中的config.optimization.splitChunks分开打包二、 gzip开启gzip压缩功能,在后端配置,在nginx配置,见...原创 2019-07-17 15:13:25 · 439 阅读 · 0 评论 -
Angular,Vue,React三者的区别-个人理解
题外话:学习了jQuery后,就在公司接触了Angular,第一次接触的时候,简直一脸懵逼呀,对于曾经习惯了对DOM元素进行操作的我真的好难好难,对于曾经没工作经验的我,Angular1入门还是比较难的,还好,努力克服了这个坎。在一次公司的开会中,领导提出了一点问题,controller中的各种变量、方法声明乱七八糟的,代码看起来一点都不规范,然后提到了一点,就是关于代码模块化(即声明全部堆在一块...原创 2018-04-26 11:23:24 · 27590 阅读 · 6 评论 -
windows下用WebStrom(或者IDEA等其他编辑器)启动RN项目,(或者NodeJS项目)时,每次在控制台中键入npm start,好麻烦
(mac也同样适用,此处以windows举例)一、首先打开这个项目,找到如下图标继续点击二、打开了run/debug configurations,再点击绿色+号,选择npm三、按照图下键入你自己项目的配置,点击apply/ok即可四、出现如下图标即表示配置正确,点击绿色按钮启动五、运行成功后标志,点击红色按钮即可停止正在运行的项目...原创 2018-04-13 12:01:56 · 1423 阅读 · 0 评论 -
行星旋转案例canvas-konva.js未封装前的代码
静止状态下:整体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"...原创 2016-11-25 17:24:33 · 1570 阅读 · 0 评论 -
Konva.js--矩形案例
body { padding: 0; margin: 0; background-color: #f0f0f0; overflow: hidden; } var stage=new Konva.Stage({ container:'container', width:window.innerWidth, height:win原创 2016-11-24 14:27:04 · 2466 阅读 · 0 评论