smile_y_y的博客

原创 解决uc浏览器劫持video标签问题

解决uc视频悬浮播放 ，video标签被浏览器劫持 ，vide0适配

原创 小程序底层框架---随笔

小程序底层框架好久没有更新博客了，闲的无聊码上一个吧～技术选型当下，界面渲染技术分为三种：纯客户端界面渲染技术web界面渲染技术Hybird界面渲染技术（名字高端大气上档次，实际上就是客户端渲染和web渲染混合体）那么作为微信小程序，他的选择是什么呢？首先，小程序的宿主是微信，如果采用native技术，这意味着，每一次的小程序发版都需要和微信一起打包，这多少不太现实。假如，选择web技术呢，众所周知，web是个单线程，一旦遇到了复杂的逻辑，那么必然逻辑渲染会抢占UI渲染，这个性能则不太

原创 用node语言（egg框架） 接入自定义钉钉机器人

最近要在项目中接入一个钉钉机器人，在其中遇到了各种的问题，经过自我不断的思考，思考，思考。。问题终于解决了。背景：用的egg框架这个是serviceconst CryptoJS = require("crypto-js/crypto-js"); //引入加密js主要方法dingRemindasync dingRemind() { const time = new Date().getTime(); //获取时间戳 const secret = "***"; //密钥 co

原创 初学egg - egg 连接数据库 使用的是 egg-mysql 插件

标题egg 第N次连接数据库（成功）只连了一个数据库 这个是我的config.default.js 文件/* eslint valid-jsdoc: "off" */'use strict';/** * @param {Egg.EggAppInfo} appInfo app info */module.exports = appInfo => { /** * built-in config * @type {Egg.EggAppConfig} **/ con

原创 Vuex 之 mapState

最近看了一下vuex，读了很多的博客 总结一下，关于mapStateProps，methods,data和computed的初始化都是在beforeCreated和created之间完成的。在vuex中可以直接存储某个状态 比如{ name:’lily’, age:’21’,}在某个页面调用的时候可以直接调用 即<h1>{{ this.$store.state.name }} </h1> <h1>{{ this.$store.state.age

原创 .gitignore不起效果的解决方法

问题场景描述：昨天，使用vue-cli搭建项目时，搭建完随手上传到了github上，结果node_modules也上传了。。。场面哪个壮观。。。上万个文件。。这时候想到了.gitignore 文件。。。于是在文件中写下了再安装个vue-router。。。结果????有了5k的文件修改。。gitignore 没有生效经过一系列的搜索：问题原因：是node_modules 已经上传了。。在设置.gitignore 就不好使了。所以现在要做的是清除终端输入：git rm -r --cached .

原创 gulp入门（一）

gulp的安装在我们安装gulp之前 应该先安node 以及npm具体的安装方式可以看廖雪峰老师的官方网站安装node与npm好了现在，就当做大家已经安装完了，现在我们来检查一下。即打开控制台输入命令语句 node --version 以及 npm --version 来查看其版本号。现在 我们可以创建一个文件并且打开，命令语句 cd 文件名字，我的文件名叫 ying 所以 cd ying。接着在打开的文件里初始化项目。npm init紧接着傻瓜式的回车（一直确认）。初始化项目即为确

原创 要清除浮动啊

最近在做项目时 出现父级元素塌陷 导师问：还记得怎么做吗？一时懵住了现总结一下什么是父级塌陷看上图 本来box 包裹着 item 但是item设置了float：left 。是的，就是浮动！box没有被撑起。会有什么影响呢，加入在加入一个元素，会导致接下来的元素 位置会有些偏差，比如：下图所以 要清除浮动现有几种方法：1.给浮动的元素即子元素 后添加空元素 加入clear：bot...

原创 浅谈Grid布局

Gird 真的很好用先上图=>Gird的基本概念采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）。行和列的交叉区域，称为"单元格"（cell）。划分网格的线，称为"网格线"（grid line）。水平网格线划分出行，垂直网格线划分出列。用...

原创 promise

原创 浅谈flex（上）

**Flex布局**对flex布局理解flex布局，即为弹性布局，他可以扩展和收缩flex容器内的元素，弹弹弹~~任何一个容器都可以设为flex布局。如下：display：flex；基本概念采用flex布局的元素，成为flex容器，它的所有子元素会自动成为容器的成员，成为flex项目。容器默认有2根轴，主轴以及交叉轴。主轴开始的位置称为（main start），主轴结束的位置称为（...