_Lunay-优快云博客

原创你必须找到你所钟爱的东西

你必须找到你所钟爱的东西文/史蒂夫·乔布斯　　我今天很荣幸能和你们一起参加毕业典礼，斯坦福大学是世界上最好的大学之一。我从来没有从大学中毕业。说实话，今天也许是在我的生命中离大学毕业最近的一天了。今天我想向你们讲述我生活中的三个故事。不是什么大不了的事情，只是三个故事而已。　　第一个故事是关于如何把生命中的点点滴滴串连起来。　　我在里德

2013-05-24 13:17:00 1359

在本文中，我们将重点关注用于优化 Babylon.js 港口场景的优化和架构技术。我们的场景总共有超过 600 个网格和 1,000,000 个顶点。在我们的 2018 Macbook Pro 上的 Google Chrome 中，它始终以 45+ FPS 的速度运行。我们发现 Firefox 的帧速率约为 40 FPS，Safari 的帧速率要低得多，但仍可用，为 25 FPS，主要是因为它不支持 WebGL 2.0。

2024-01-19 11:21:16 564

原创 vue异步组件使用

异步组件一般用于组件不想立马加载当我们点击一个按钮的时候，进行显示子组件的内容。一般情况下我们这样使用。asyncComp.vue<template> <div class="asyncComp">  <button @click="btnClick">按钮</button> <div v-if="show">

2021-12-21 08:49:14 822

原创 vue 创建动态组件

动态组件：官网介绍通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据 v-bind:is="组件名" 中的组件名去自动匹配组件，如果匹配不到则不显示。改变挂载的组件，只需要修改is指令的值即可。父组件就可以通过is方法，在一个挂载点上动态的切换多个子组件父组件<template>  <div class="dynamicCom

2021-12-21 07:59:12 2791

原创前端如何优化性能

加载时的优化第一点：减少HTTP请求一个完整的 HTTP 请求需要经历 DNS 查找，TCP 握手，浏览器发出 HTTP 请求，服务器接收请求，服务器处理请求并发回响应，浏览器接收响应等等一系列复杂的过程。当你请求较多时，直接体现在了消耗性能上面，这就是为什么要将多个小文件合并为一个大文件，从而减少 HTTP 请求次数的原因。第二点：使用服务器端渲染我们知道，当客户端渲染时，他是获取HTML 文件，根据需要下载 JavaScript 文件，运行文件，生成 DOM，再渲染。这个在无形之中会拖.

2021-12-20 14:55:43 1432 1

转载当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?

作者：徐小夕链接：https://zhuanlan.zhihu.com/p/147178478来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当.

2021-11-23 11:39:02 1842

原创 vue项目 quill 富文本支持表格

最近修改公司模版，富文本内可以插入表格，选择了几款，最终确定使用quill+quill-better-table,研究了一下。quill 2.0版本的表格功能比较弱，故所需要quill-better-table插件的协助来完成改需要。quill-better-table官网文档：前言 · Quill官方中文文档 · 看云安装 npm installquill^2.0.0-dev.3 版本需要大于2.0版本 npm install quill-better-table ..

2021-11-17 18:11:12 11762 12

转载小程序 getCurrentPages()使用场景

不要尝试修改页面栈，会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages()，此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages()，下面将列举几种常用的使用场景：1、利用页面栈的长度例如：进入小程序非默认首页时，需要提供返回首页的按钮或者执行其它事件1 onShow() {2 let pages = getCurrentPages(); //当前页面栈3 if (pages.leng

2021-09-10 10:09:33 976

原创 vue 后台权限笔记

权限分为后端权限和前端权限后端权限权限的核心在于服务器中数据的变化，后端才是权限的关键，后端权限通过控制某个用户是否能查询数据，是否能够修改数据等操作前端权限前端权限本质上就是控制视图层的展示和前端发送的请求。前端权限的意义：降低非法操作的可能性，尽可能排除不必要的请求，提高用户体验前端权限的控制思路：1. 菜单的控制（侧边栏登陆成功后会拿到权限数据，前端根据权限数据，点击对应的菜单。点击菜单才能看到界面）2. 界面的控制（如果用户没有登...

2021-07-21 14:11:29 443

原创 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"> <title>D.

2021-06-17 11:10:15 536

原创前端微服务demo

https://github.com/jingjing9061/microFont随后

2021-06-16 20:39:44 505

原创 Vue 3 学习记录

1.将声明的值使用要使用ref(参数)变为响应式// ref 将原始类型转为响应式如布尔、字符串、数值类型let num = ref(value:21)console.log(num.value)若声明对象类型对象自带响应式let user = reactive(target:{name:’s’,//age:12，age: num，//可以将上面变量引入到此就不用.value值了})使用的数据、方法返回出去才能使用return {...

2021-06-16 14:06:07 168

转载 url、base64、blob，三者之间的转化

对于vue项目，我们使用axiso来发送请求，如果传递二进制图片时出现乱码，这个是什么问题？答：axios 默认返回的是 json 文本形式，二进制图片数据被强制转换成了 json 文本形式。解决方案：我们在 axios 里面，responseType 默认返回数据类型是 json，将其改为返回数据类型 blob。export function miniprogramQrcode (params) { return axios.post( env.MI_URL + '/XXXX

2020-09-17 14:07:06 1677

原创判断H5页面环境是否在小程序的webview中

isMiniProgram(n){ return new Promise((resolve, reject) => { if(-1 == navigator.userAgent.toLowerCase().indexOf("micromessenger")){ resolve(false) return }else{ wx.min...

2020-08-25 14:23:19 868

原创 vue cli4.0创建多页面应用

参考来源：(https://www.jianshu.com/p/e1b01cdc2def) vueCLI:(https://cli.vuejs.org/zh/config/#pages)多页面，不能共享vuex，状态共享只能传统方式：storage，cookie，URL querystring传值在vue.config.js中添加 pages: { index: { // page 的入口 entry: 'src/pages/index/main.js',

2020-08-07 15:29:21 1633

原创 Mac git文件的显示隐藏问题

显示文件夹defaults write com.apple.finder AppleShowAllFiles TRUE隐藏文件夹defaults write com.apple.finder AppleShowAllFiles FALSE最后重启finderkillall Finder

2020-08-03 18:39:00 405

转载 js保留两位小数方法总结

本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析，以下是全部内容：一、我们首先从经典的“四舍五入”算法讲起1、四舍五入的情况? varnum =2.446242342; num = num.toFixed(2);// 输出结果为 2.45 2、不四舍五入第一种，先把小数边整数：? 1 Math.floor(15.7784514000...

2020-06-20 10:42:21 895

转载 Vue自动化注册全局组件脚本

今天有一个idea，vue一些组件，可能会全局都用到，我觉得在main.js写Vue.component(name, instance)然后很命令式，写着也不好看，想着能够有一个函数可以指定加载比如components下的文件，自动完成全局化注册，想起来就很帅放代码：export function autoLoadingGlobalComponent() { const requireComponent = require.context( // 其组件目录的相对路径

2020-06-06 17:12:27 378

转载 vue组件间通信六种方式

前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent/$children、$attrs/$listen...

2020-05-19 18:47:23 515

原创 vue 递归组件及动态样式的实现

需求：列表的层级是不定的！常用的情况是，级联选择器，和树形控件。递归组件：指组件在模版中调用自己，开启递归的条件就是组件中设置name选项。组件list递归组件: 父级无论多少数据，都可以完美自适应加载<template> <div class="boxwrapper"> <div class="list-item" v-for="(item,index) in list" :key="index"> <div clas...

2020-05-11 18:00:28 1380 2

原创 this.$router.resolveVue打开新窗口

方法一<router-link :to="{path: '/跳转的页面路由'}" target="_blank" tag="a">tag="a" 可以省去不写，默认也会解释为a标签"tag" 属性：具有 tag 属性的 router-link 会被渲染成相应的标签方法二const {href} = this.$router.resolve({ name: "fireAlarmLocation",//这里是跳转页面的name ...

2020-05-11 10:09:32 3000

转载在微信H5网页中获取用户基本信息

在微信中访问一些HTML5网页时，我们常看到是否允许访问用户公开信息的提示。如果用户点击“允许”，网页就可以获取到用户的头像以及昵称等信息。如果把在网址拷贝出来，然后在非微信环境打开，就会看到“请在微信客户端中打开连接”的提示。一直很好奇这个是怎么实现的，是微信提供的功能呢还是开发人员自己实现的？从页面展示的效果来看，应该是微信提供的功能。如果是微信提供的功能，该怎么样实现这样...

2020-05-08 09:44:04 15151 2

原创 vue element-ui路由切换到添加或编辑页面实现侧边栏高亮

问题：添加和编辑页面使用路由跳转的方式切换，但是切换到添加页面后，添加功能所在页面对应的侧边栏不会高亮显示。解决方法：route 的 index.js 中给需要改变高亮的路由（添加和编辑页面）增加guidePath和jumpPath字段，guidePath：就是一个状态变量，这里可以表示当前路由高亮指向不是本身jumpPath：表示高亮指向的路由。在侧边栏el-...

2020-04-29 17:17:14 2220 1

原创 React简书视频学习笔记

去年学习，整理一下，方便查阅。

2020-04-26 15:35:48 348

原创 react学习笔记1

2020-04-26 15:34:12 232

转载为什么 Vue 中不要用 index 作为 key

前言Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。示例以这样一个列表为例：<ul><li>1</li><li>2</li></ul>那么它的vnode也就是虚拟 dom 节点大概是这样的。{...

2020-04-13 09:43:30 2364

原创 Table 边框合并问题

//上下两个table重叠的边框只显示一条 .typelist table{ border-bottom:0px; td{ border-bottom:0px; } }...

2020-03-03 17:07:31 486

转载 HTML table 标签边框问题（隐藏表格边框、单元格边框等)

一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、background（表格的背...

2020-03-03 16:30:21 9060

原创 vue根据后台返回文件流转换为zip

因为是文件流下载，所以在取后台数据的时候，要多传递一个【responseType: ‘blob’】这个参数后端返回的文件流：代码如下： reportTable(val) { this.$axios.service({ method: "post", url: '/test/downloadZip', dat...

2020-01-14 10:49:46 4456 2

原创 JS 在获取当前月的最后一天

获取上个月最后一天，只需要设置SetDate参数为0var endDate = new Date();//上个月最后一天endDate.setDate(0) let limitdate = new Date() limitdate.setMonth(limitdate.getMonth()+6); let lastDay = limitdate.setDate(0);/...

2019-10-11 11:08:21 387

原创 el-elment dialog初始化

<el-dialog title="批量修改" :visible.sync="dialogFormVisible" v-if='dialogFormVisible'width="550px">在dialog上面添加v-if='dialogFormVisible' 就可以初始化了

2019-10-10 09:52:24 2421

转载 Web 性能优化-首屏和白屏时间

什么是首屏和白屏时间？白屏时间是指浏览器从响应用户输入网址地址，到浏览器开始显示内容的时间。首屏时间是指浏览器从响应用户输入网络地址，到首屏内容渲染完成的时间。白屏时间 = 地址栏输入网址后回车 - 浏览器出现第一个元素首屏时间 = 地址栏输入网址后回车 - 浏览器第一屏渲染完成影响白屏时间的因素：网络，服务端性能，前端页面结构设计。影响首屏时间的因素：白屏时间，资源下载执行时间...

2019-09-26 17:05:45 4667

转载自定义组件（父子组件）的双向数据绑定及原理实现

说到父子组件的通信，大家一定都不陌生了：父组件通过props向子组件传值，子组件通过emit触发父组件自定义事件。但是这里要说的是父子组件使用v-model实现的通信。相信大家在使用别人的组件库的时候，经常是通过v-model来控制一个组件显示隐藏的效果等，例如弹窗。下面就一步一步解开v-model的神秘面纱。抓~~稳~~喽~~，老司机弯道要踩油门了~~~提到v-model首先想到的就是我们对...

2019-09-10 09:20:22 1317

转载 vue传参方式：query、params+动态路由传参区别

例如商品列表页面前往商品详情页面，需要传一个商品id;<router-link :to="{path: 'detail', query: {id: 1}}">前往detail页面</router-link>复制代码c页面的路径为http://localhost:8080/#/detail?id=1，可以看到传了一个参数id=1，并且就算刷新页面id也还...

2019-09-07 15:13:22 4865

原创 JS比较日期的大小

方法一：function CompareDate(d1,d2){ return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/"))));}var current_time = "2018-7-3 7:30";var stop_time = "2018-8-31 8:30";alert(...

2019-09-05 17:23:37 278

原创 elementUI tree组件获取当前选择所有数据

this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())

2019-08-30 18:50:26 8526 1

转载 JS 浮点计算丢失精度

console.log(.1 + .2); // 0.30000000000000004console.log(0.05 + 0.01) // 0.06000000000000000512后来参考各种论坛发现和二进制保存小数有关，基本上编程语言都有类似的问题…相关文献：http://0.30000000000000004.com/比较简单解决办法就是使用toFixed()解...

2019-07-19 10:22:29 419

原创 element el-table 计算指定列

官网说明：将show-summary设置为true就会在表格尾部展示合计行。默认情况下，对于合计行，第一列不进行数据求合操作，而是显示「合计」二字（可通过sum-text配置），其余列会将本列所有数值进行求合操作，并显示出来。当然，你也可以定义自己的合计逻辑。使用summary-method并传入一个方法，返回一个数组， <el-table :data="distributi...

2019-07-12 11:33:07 8959

原创 vue $forceUpdate() 强制重新渲染

v-for里面数据层次太多，修改过数据变了，页面没有重新渲染，需手动强制刷新。解决方法：运用this.$forceUpdate()强制刷新官网解说如下https://cn.vuejs.org/v2/api/#vm-forceUpdate迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。...

2019-07-06 15:35:21 31664 3

原创 element ui 打开弹框表单校验问题

<el-dialog title="编辑" :visible.sync="centerDialogVisible" width="70%" center @close="closeDialog" > <div> <el-form :model="ruleForm2" :rules="r...

2019-06-26 10:51:53 7260 1

vue.js 权威指南

2018-11-26

cocos2dx api 大全中文版

cocos.chm方便查阅文件 cocos2dx api 大全中文版开发文档2016最新版

2016-06-30

使用BabeLua调试Cocos2d-x的Lua脚本

使用BabeLua调试

2016-05-24

Lua_5.2_参考手册

2016-03-21

Cocos2d-x之Lua核心编程配套代码

Cocos2dx Lua开发的核心技术。本书从Lua语言基础开始，全面介绍了Cocos2dx Lua的基础知识、基本应用和高级编程技术，并最终介绍了游戏的实战开发。全书贯穿理论结合实践的编写方式，各个章节都提供了配套实例。

2016-03-21

AS3 五子棋源码

代码是之前下载的写的还不错分享给大家

2014-05-30

flashbuilder对对碰

flashbuilder工具对对碰小游戏。 AS3源码，有注释~

2014-04-28

Starling API 1.3.chm

Starling API 1.3.chm 中文版

2014-01-23

ActionScript大型网页游戏开发(图灵出版社_扫描版)

2014-01-22

IntroducingStarling.pdf

2 目录 Starling框架帮助手册中文版 .......................................................................................................... 1 什么是Statling？ ...................................................................................................................... 3 为什么选择Starling? ................................................................................................................. 3 Starling的特色 .......................................................................................................................... 3 直观 ................................................................................................................................... 3 轻量级 ............................................................................................................................... 3 免费 ................................................................................................................................... 4 Starling是怎样工作的 .............................................................................................................. 4 显示层次限制 ........................................................................................................................... 9 让我们开始上手吧 ................................................................................................................. 10 构建场景 ......................................................................................................................... 11 Wmode ............................................................................................................................ 15 Stage质量 ........................................................................................................................ 16 根据不同渲染模式决定优化策略 ................................................................................. 16 显示列表 ......................................................................................................................... 16 事件模型 ......................................................................................................................... 30 事件冒泡机制 ................................................................................................................. 30 Touch事件 ....................................................................................................................... 30 模拟多点触摸 ................................................................................................................. 32 Text ure ............................................................................................................................. 35 Image ............................................................................................................................... 37 碰撞检测 ......................................................................................................................... 46 绘图API ........................................................................................................................... 48 Flat Sprites ....................................................................................................................... 49 MovieClip ........................................................................................................................ 52 Texture Atlas .................................................................................................................... 58 Juggler ............................................................................................................................. 64 Button .............................................................................................................................. 66 TextField .......................................................................................................................... 74 嵌入字体 ......................................................................................................................... 77 位图字体 ......................................................................................................................... 79 RenderTexture ................................................................................................................. 88 Tweens ............................................................................................................................ 90 资源管理器 ..................................................................................................................... 94 处理屏幕尺寸改变 ......................................................................................................... 95 在Starling中使用Box2D作为插件 .................................................................................. 97 在Starling中进行概要分析 ........................................................................................... 101 粒子

2014-01-02

使用Flash_Builder开发移动设备应用程序.pdf

使用_Flash_Builder_和_Flex_开发移动设备应用程序.

2013-10-10

AS3 数字飞出效果

AS3 数字飞出效果，下载下来看代码吧.

2013-09-26

Flex_Builder教程

Flex语言包含了一个丰富的用户界面组件库，MXML（一种基于XML的标记语言）和ActionScript（基于ECMA 262的、强类型面向对象编程语言）。MXML用于排布用户界面和处理应用中其他方面的问题，而ActionScript用来处理用户交互逻辑。由于Flash平台的普及， Flex使开发者可以开发广泛的应用程序。开发者可以使用工业标准（如XML，CSS和SVC）和他们所熟悉的模式和范例来创建应用。Flex的分离协作方式和Flex公用组件模型也使得开发者和界面设计者能更好的进行协作，在可靠的、易于维护的架构上生产出在用户体验方面有突破性的产品。

2013-09-26

AS3中Matrix类

AS3中Matrix类详解首先，我们要看看Matrix类的构造器函数，其实我是想让大家看看他的6个属性，，这6个属性对与我们非常的重要，他决定这我们的最终效果是什么样子的，会产生什么样的倾斜，都由这6个属性控制.

2013-09-26

flash 打地鼠

2013-09-05

植物大战僵尸源码

植物大战僵尸源码，工具用flash CS5，代码有注释。原创不是本人，以前下载的，感觉不错，分享给大家！在这个系列的教程中，我们用圆形来代替植物，用方块来代替僵尸，伟大的圆形将会阻止邪恶的方块进入我们的基地。游戏区域可以被简化为一个区块游戏。

2013-06-19

AS3开源库集合

2013-06-13

Flex itemRenderer

Flex 提供许多控制, 它们可以按不同方式显示大量数据。List 控制自己、DataGrid、Tree 以及包括图表和 AdvancedDataGrid 在内的可视类。默认情况下, Flex 列表控制将提供的数据显示为简单文本。但 Flex 的能耐远不止此, 列表控制提供了一种使用 itemRenderer 对其内容进行自定的方式。通过允许您使用 itemRenderer 完全控制列表每行 (或单元格) 的内容, Flex 使您能够编写出更引人注目、更具创意、更实用的应用程序。本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。本系列的第一部分侧重于内联 itemRenderer, 它们写入描述 List 控制的 MXML 标记中。之后的文章讨论使用 MXML 和 ActionScript 且更为复杂的 itemRenderer。

2013-05-03

AGAL图像处理

AGAL图像处理，感觉还不错，分享给大家吧！

2013-04-26

AS3雪球游戏

需要掌握的基础： * ActionScript 3.0编程基础 * 空间立体几何与三角函数基础 * 了解物体的运动规律使用的开发工具： * Flash Professional 如果你是一个设计师，而恰巧对ActionScript编程感兴趣，你可能会尝试去开发一些比较酷的Flash特效。在一些对视觉效果要求比较高的行业比如广告，如何高效的实现一个效果往往比如何准确无误地实现一个页面逻辑要更加重要。但是一直以来，运行效率一直是Flash的核心问题与技术瓶颈。这篇文章会通过一个雪球粒子的例子来给大家介绍一个开发思路，一个如何使用位图来高效实现运算的思路。需求我们现在要做一个比较好玩儿的雪球效果，在舞台上有一个可以通过鼠标来控制旋转的球体，球是由若干个独立雪花粒子组成，并且近处的雪花清晰可见，远处的雪花模糊。雪球不断膨胀，膨胀到边缘的雪花粒子消失并且重置回到球的中心。要求雪花粒子数量要足够多，并且一定要流畅。分析这个例子需要解决如下几个问题： 1，3D空间的旋转控制，需要对每个粒子的空间属性进行操作。 2，绘图的方案，需要用一个高效的方法来处理上千个粒子的运算。 3，利用第一点的属性，在第二点的渲染能力之内尽可能地修饰粒子的显示效果。

2012-09-04

空空如也

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

TA关注的人

vue.js 权威指南

cocos2dx api 大全中文版

使用BabeLua调试Cocos2d-x的Lua脚本

Lua_5.2_参考手册

Cocos2d-x之Lua核心编程配套代码

AS3 五子棋源码

flashbuilder对对碰

Starling API 1.3.chm

ActionScript大型网页游戏开发(图灵出版社_扫描版)

IntroducingStarling.pdf

使用Flash_Builder开发移动设备应用程序.pdf

AS3 数字飞出效果

Flex_Builder教程

AS3中Matrix类

flash 打地鼠

植物大战僵尸源码

AS3开源库集合

Flex itemRenderer

AGAL图像处理

AS3雪球游戏

Flex开源项目

Ps七种美白方法

FlashAS3动画教程

iOS Flex.4.5

[Flex.3实战].中文版

Flex流行MVC框架之Cairngorm

通过移动平台提升页游体验

Flash开发iOS应用Flash平板电脑开发

flex编码规则

AS3 LLK连连看代码

AS3拼图代码

AS3：五子棋源码

大端(Big Endian)与小端(Little Endian)简介

Android.游戏开发入门

ActionScript3.0组件

Flex 类组件继承关系图完整版

Flex AS3学习笔记总结

Flex as3 的异常处理

as3开发的 一个吃金币的游戏

Flex AS3框架构建及应用

空空如也

as3开发的一个吃金币的游戏