u010227042的博客

转载 CSS3 calc()是怎么实现计算

css3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}为什么是 calc()如果你使用过 CSS 预处理器，比如 SASS，以上示例你或许碰到过.foo { width: 100px + 50px;}...

转载 为什么Vue3.0不再使用defineProperty实现数据监听？

Vue3.0 中，响应式数据部分弃用了Object.defineProperty，使用Proxy来代替它。本文将主要通过以下三个方面来分析为什么 Vue 选择弃用Object.defineProperty。1.Object.defineProperty真的无法监测数组下标的变化吗？2. 分析 Vue2.x 中对数组Observe部分源码。3. 对比Object.definePro...

原创 flex布局应用总结（1）

效果样式：background-color: #ffffff;padding: 1rpx 30rpx;display: flex;align-items: center;min-height: 100rpx;justify-content: space-between;效果样式：background-color: #ffffff;padding: 1rpx 3...

原创 JavaScript版本说明

转载 ES6规范import和export用法总结

JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript6之前还不支持原生的模块化;Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMDCommonJS规范是服务器端Javascript模块规范(同步)Node.js的模块系统，就是参...

转载 常见的HTTP状态码有哪些

当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 – 请求成功301 – 资源(网页等)被永久转移到其它URL4...

转载 为什么要使用typescript？

typescript。网络上的说法说它是JavaScript的超集，也就是说它包含JavaScript，but我觉得typescript更多的是给我们提供了一种思想，如果前端同学之前做过后端，那么他一定会觉得typescript很棒，因为它提供了一套强类型的规范，但是对于传统的弱类型的js而言，这是否与js的初衷背道而驰呢，我不知道答案。所以我仅从使用者的角度客观来说。1.我们在项目重构的...

原创 css 右侧增加朝右箭头的样式

.arrow: before {position: absolute;top: 0;right: 30rpx;bottom: 0;display: block;margin: auto;width: 30rpx;height: 30rpx;color: #8799a3;content: "\E6A3";text-align: center;font-size: 34rpx;...

转载 git设置忽略文件和目录

1.登录gitbash命令端进入本地git库目录Administrator@PC201601200946 MINGW32 /d/gitrespository/crmweb (master)2.创建.gitignore3.修改文件，添加忽略正则　　.idea //忽略.idea文件夹及文件夹下文件　　*.iml //忽略以.iml结尾的文件　　【例子】# 忽...

转载 vue 中var _this=this作用

var _this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的https://blog.csdn.net/cataclysm2012/article/details/80350403普通函数...

转载 关于ES6中箭头函数this和普通函数this指向的问题理解

最近在看ES6，发现对箭头函数的this和普通函数的this理解不是很明确，花了一些时间，将自己理解的思路整理一下，如有错误，欢迎指正：先说一下普通函数中的this，普通函数中的this表示调用此函数时的对象，如下例：var x=11;var obj={ x:22, say:function(){ console.log(this.x) }}obj...

转载 css代码优化的12个技巧

编写好的CSS代码，有助提升页面的渲染速度。本质上，引擎需要解析的CSS规则越少，性能越好。MDN上将CSS选择符归类成四个主要类别，如下所示，性能依次降低。1.ID 规则2.Class 规则3.标签规则4.通用规则对效率的普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始，虽然该书中罗列的更加详细，但你也可以在这里查看完整的引用...

原创 【uni-app】不同尺寸设计稿，尺寸自动转换

HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例750设计稿 - 比例750/750 = 1350设计稿 - 比例 350/750 = 0.5640设计稿 - 比例 640/750 = 0.85设置完成后，在代码中写 100px时，会自动提示转换成相应数值设置位置在：...

转载 view的文本不能自动换行问题

css样式如下： display: inline-block; white-space: pre-wrap; word-wrap: break-word; width: 100%; height: auto;另课外学习如下：今天碰到了个问题，view并不能让文本自动换行看看官方定义的view组件，原本的view定义的disp...

转载 Es6（...）

1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySele...

转载 Flutter WebView与JS交互简易指南

本文采用Flutter官方WebView插件：pub.dartlang.org/packages/we…WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚，我这个简易指南简单粗暴地分为两部分：JS调用Flutter和Flutter调用JS，拒绝花里胡哨，保证一看就懂，一学就会。开始之前先简单了解一下官方WebView所包含的API：onWebViewCre...

转载 Vue--生命周期详解----最全

本节大纲教程简介1、阅读对象 本篇教程适合新手阅读，老手直接略过 2、教程难度 初级，本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢 3、Demo 地址:https://github.com/tigerchain/vue-lesson 请看 04、Vue生命周期这一节正文一、什么是生命周期看过我 React 系列文章的朋友知道我在 React ...

原创 vue中clearInterval无效~解决方法--已整理

vue页面中不要直接使用setInterval(fun,5000) 和 clearInterval() 会出现clearInterval 失效的问题。建议采用window.setInterval(fun,5000) 和window.clearInterval() clearInterval失效问题就可以解决，具体原因不明，还在搜寻答案中。...

转载 js高级eval-不推荐使用

1.eval是个函数，可以用来将字符串转换成js代码并且运行2.注意一下JSON对象是有兼容性问题的eval()函数并不能直接把JSON字符串转化为一个js对象var jsonData = '{"name":"曹尼玛","age":18}';var o = eval(jsonData);console.log(o);像上面这种用法就是错误的：原因：...

转载 JavaScript是如何工作的：事件循环和异步编程的崛起 + 5种使用 async/await 更好地编码方式！

摘要： 深度理解JS事件循环！！！原文：JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式！ 作者：前端小智Fundebug经授权转载，版权归原作者所有。此篇是 JavaScript是如何工作的第四篇，其它三篇可以看这里：JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript是如何工作的：...

转载 从Promise来看JavaScript中的Event Loop、Tasks和Microtasks

看到过下面这样一道题：(function test() { setTimeout(function() {console.log(4)}, 0); new Promise(function executor(resolve) { console.log(1); for( var i=0 ; i<10000 ; i++ ) { ...

转载 JS实现异步编程的4种方法

一、回调函数　　这是异步编程最基本的方法。　　假定有两个函数f1和f2，后者等待前者的执行结果。f1();f2();//如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的回调函数。function f1(callback){ setTimeout(function () { // f1的任务代码 callback();...

转载 JavaScript定时器原理分析

JavaScript中的定时器大家基本在平时的开发中都遇见过吧，但是又有多少人去深入的理解其中的原理呢？下面我们就来分析一下定时器的实现原理。一、储备知识在我们在项目中一般会遇见过这样的两种定时器，第一种是setTimeOut,第二种是setInterval，这两种定时器有如下的区别：1、setTimeout允许设置一个超时对象，超时后执行这个对象，但是只执行一次，无周期2、set...

转载 android webview 加载H5页面，设置字体不随系统设置变化

webview.getSettings().setTextZoom(100);WebView加上这个设置后,WebView里的字体就不会随系统字体大小设置发生变化了.

转载 Nginx限制指定设备访问目录

一、需求只允许指定终端华为手机访问目录，其它终端访问返回403二、访问日志中找查相关http_user_agent 信息中的关健字：点击(此处)108.88.3.134 - - [26/Apr/2018:11:26:05 +0800] "GET /123/ HTTP/1.1" 304 0 "-" "Mozilla/5.0(Linux;Android 6.0;HUAWEI VN...

转载 apk加固（乐固）

最近项目要上市场了，虽然已经给apk加了混淆，但是听同事说，还有加固工具可以更好的保护apk。特地去用了一下apk加固。目前加固工具挺多的，我听到的有腾讯的乐固和360安全加固。这次选腾讯的乐固。记录下步骤，怕自己忘了。步骤：1.因为乐固是在腾讯云上（以前我以为腾讯云只是提供服务器功能，看了下产品，真是太庞大了，功能太多了，找个时间去了解下），所以登录腾讯云官网，然后登录账号，没有...

转载 Android中的Apk的加固(加壳)原理解析和实现

http://blog.csdn.net/jiangwei0910410003/article/details/48415225

转载 Android Apk 360加固方法步骤

1、首先 ： 采用Android Studio或Eclipse生成 360渠道的 .apk 文件。2、然后去360加固网站下载加固软件。(1)、点击如图选项：(2)、根据您的电脑型号选择要下载的加固版本：3、下载后解压完成如图：4、点击加固助手打开后我们只需要关注两项就可以了：5、首先点击配置信息进入配置选项：6、点击下面的...

转载 uni-app指定重启页面,开发者调试利器

在page.json页面做入下配置,这样每次保存代码时候可以刷新指定页面,每个开发者必备技能~复制代码 "condition": { //编译模式配置，仅开发期间生效 "current": 0, //当前激活的编译模式（list 的索引项） "list": [{ "name": "课程", //模式名称 ...

转载 手把手教你封装 Vue 组件，并使用 npm 发布

Vue 开发插件开发之前先看看官网的开发规范我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入，就像这样：// 这里注意一下包的名字前缀是 custom ，组件的名字前缀是 moor// 这是因为那个名字发布包的时候被占用了（我做实验的时候叫 moor-ui）现在改成了custom-ui，但是组件的前缀懒得改import C...

转载 js关闭定时任务

<html><head><script type="text/javascript">var c=0var tfunction timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}function stopCou...

转载 前端布局神器display:flex

2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。flex浏览器支持一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-fl...

转载 git commit -m "XX"报错 pre -commit hook failed (add --no-verify to bypass)问题

在同步本地文件到线上仓库的时候报错 pre -commit hook failed (add --no-verify to bypass)当你在终端输入git commit -m "xxx",提交代码的时候，pre-commit(客户端)钩子，它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则，则报错。虽然会提示add --no-verify,输入 git com...

原创 Vue-cli4 项目部署遇到的问题

问题1：主页面index.html加载失败，原因是资源上下文不正确，vue.config.js配置一下上下文就好了，配置如下：module.exports = {publicPath: process.env.NODE_ENV === 'production'? '/monitor/' : '/'};问题2：问题的原因是 vue-Li4脚手架 vue-ro...

转载 uni-app中自定义动态底部tabbar（附示例源码）

UNIAPP 自带的原生导航尽管流畅度非常好，但是在具体项目中有的时候需要动态设置以及特殊样式的 底部菜单 这个时候就需要自己去写一个自定义的底部tabbar项目地址 https://github.com/gek6/fr_uni_app1、比如需要特殊的图标 多出来一部分的2、根据登陆帐号的身份加载不同的tabbar动图预览...

转载 git 如何下载分支代码到本地

最近刚换工作 新单位需要git协同开发，所以才重新捡起了git 。内容不是很细 等自己有空了 我会整理一份详细的git 搭建及使用教程。这一部分着重记录一下本地git 如何clone 远程项目分支首先 git clone git@gitlab.xxx.com:xxxxx.git然后 git branch -a 查看分支比如这个是我项目的分支情况 （这个...

转载 Android 中 RSA接口加密以及解密

1.RSA简介RSA是一种非对称加密算法，加密和解密使用不同的密钥。通信双方各握有一对密钥（称为公钥和私钥）中的一把，己方密钥加密的数据，只有对方密钥能够解密。RSA基于一个数论事实：将两个大素数相乘十分容易，但想要对其乘积进行因式分解却极其困 难，因此可以将乘积公开作为加密密钥，即公钥，而两个大素数组合成私钥。公钥是可提供给任何人使用，私钥则为自己所有，供解密之用。一般在Android中使...

转载 关于Unexpected console statement (no-console)的解决

使用vue 报错error: Unexpected console statement (no-console) at src\App.vue:20:13:在使用vue进行代码编写的时候出现这种报错，去网上查了一下，解决方法不一样。下面是我的解决方法：console.log(data)改为window.console.log(data)...

转载 【vue】使用vue-cli4.0快速搭建一个项目

前言最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！）所以使用的环境还是 vue2.x版本的，而又因为公司的前端项目都是我来搭建的原因（并不是技术大佬，入职早！）所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁移...

转载 vue-worker的介绍和使用

vue-worker把复杂的web worker封装起来，提供一套非常简明的api接口，使用的时候可以说像不接触worker一样方便。那么具体怎么使用呢？安装npm i -S vue-worker注册import Vue from 'vue'import VueWorker from 'vue-worker'import App from 'App.vue'Vue.us...