- 博客(44)
- 收藏
- 关注
RSS订阅原创 input框不能输入
1，首先看input框能不能获取光标，如果光标不能获取，可能是有遮盖层，或者设置了input的属性之类的，要检查清楚，如果有遮盖层一般都是定位的原因，要检查z-index2，如果能获取光标，只有某种类型的不能输入，要检查代码里是否存在正则验证和type的类型3，如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚如果input的出现了不能输入的情况，
2020-09-13 15:53:16
5407
原创 vue与html之间iframe交互
1，父级调用子级ifram中的方法document.getElementById(“id”).contentWindow.func()id为iframe的id，func为引入iframe中的方法2，子级iframe （html 或者vue） 调用父级html中的方法window.parent.func()func为父级html的方法3，vue中调用子级iframe html 中的方法this.$refs.iframe.contentWindow.func()4，在iframe中调用vue中的
2020-09-06 16:14:58
619
转载 uni-app获取当前位置
想要的效果：弹出弹框，如果允许直接授权，如果不允许，弹出请授权位置的窗口点击确认授权，跳到设置授权页面如果打开获取地理位置，否则继续弹出请授权位置的弹框在methods中写方法：/ 判断是否已经授权 getSetting() { const that = this uni.getSetting({ success(res) { c...
2020-04-24 15:41:26
7543
1
原创 解决.gitignore不起作用
在使用git的提交过程中，有的时候在.gitignore中配置了规则却不起作用，网上查找资料以后得知，在这个文件里对已经追踪的文件是没有效果的，所以需要清除一下相关的缓存，在项目的根目录下运行，下边的命令，然后在重新提交.gitignore文件就行了git rm -r --cached .git add .git commit -m 'update .gitignore'...
2020-04-15 15:52:50
494
原创 简单整理原型与原型链
1，原型每一个构造函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象（原型对象），这个对象可以保存所有实例共享的属性和方法2，原型链每个对象都有一个原型属性，指向它的原型对象，原型对象也有自己的原型，这样就形成了一个链条。换种方式说就是：访问对象的属性时，它会先在自身属性上查找，如果没有的话，就去它的原型对象里找，如果还是没有的话，就去原型对象的原型里找，这样一层...
2020-04-10 17:27:22
135
原创 查询一个字符串里出现次数最多的字符
const str = 'abcabcabcdftfer'// 把字符串转化为数组let obj = str.split('').reduce((prev, next, index) => { if (prev[next]) { prev[next]++ } else { prev[next] = 1 } return prev}, {})// 定义max来保存最大的...
2020-04-10 17:08:38
162
原创 常用的sass的开发的初始化方法
flex布局@mixin flex($dire: row, $just: center, $aligh: center) { display: flex; flex-direction: $dire; justify-content: $just; align-items: $aligh;}超出隐藏// $line:超出显示几行省略号// $substract:预留区域...
2020-04-02 18:01:11
581
原创 开发移动端的初始化尺寸（rem）
// rem 单位换算：定为 75px 只是方便运算，750px-75px、640-64px、1080px-108px，如此类推$vw_fontsize: 75; // iPhone 6尺寸的根元素大小基准值@function rem($px) { @return ($px / $vw_fontsize / 2) * 1rem;}// 根元素大小使用 vw 单位$vw_design:...
2020-04-02 17:50:27
292
原创 vue.config.js的简单配置
vue.config.js的配置const path = require('path')const CompressionWebpackPlugin = require('compression-webpack-plugin')// aliasfunction resolve(dir) { return path.join(__dirname, dir)}// 转为CND外链方式...
2020-04-02 17:40:12
423
原创 常用的方法
1，格式化时间dateFormat: (date, fmt = 'yyyy-MM-dd HH:mm:ss') => { // 服务器时间格式化 date = new Date(date) var o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': ...
2020-04-02 14:16:13
395
原创 封装uni-app中的uni.request
// 创建request.js文件//通用uni-app网络请求export default { config: { baseUrl: "", //默认的公共域名 header: { 'Content-Type':'application/json;charset=UTF-8', //默认get方式 }, data: {}, //上行参数 method: ...
2020-04-02 11:27:59
304
原创 封装Axios
import axios from 'axios'// 判断环境if ( process.env.NODE_ENV === 'production' ) { axios.defaults.baseURL = ''} else if (process.env.NODE_ENV === 'development') { axios.defaults.baseURL = '/api'}//...
2020-04-02 10:38:01
97
原创 uni-app开发支付宝小程序获取手机号码
<button open-type="getAuthorize" @getAuthorize="getAlPhoneNumber" @error="onAuthError" scope="phoneNumber"></button>onAuthError(err) { console.log('err',err) uni.showToast({ title: ...
2020-03-28 11:04:49
1903
2
原创 常用正则表达式的积累
正则表达式.test(str)电话号码：/^1[3456789]\d{9}KaTeX parse error: Can't use function '\.' in math mode at position 29: …[1-9]([0-9]+)?(\̲.̲[0-9]{1,2})?)|(^(0){1}KaTeX parse error: Can't use function '\.' in m...
2020-03-16 16:03:11
131
原创 求解一个字符串里出现最多的字母
var arrString = 'abcdaabc'; var o = arrString.split('').reduce(function(res, cur) { res[cur] ? res[cur]++ : res[cur] = 1 return res; }, {}) var max = 0; for (var key in o) { i...
2020-03-13 10:20:14
119
原创 vue响应式原理
接下来我们通过上面的知识来总结vue响应式：在vue2中使用defineProperty：我们来创建一个简单的例子，创建一个新的js文件function vue() { this.$data = {a: 1} this.el = document.getElementById('app'); this.virtualdom = '' this.observe...
2020-03-12 19:15:53
92
原创 常用积累
如何修改chrome记住密码后自动填充表单的黄色背景？大体可以通过input : -webkit-autofill来进行修改！input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;}怎么让Chrome支持小于12px 的文字？针对谷歌浏览器内核，加webkit前缀，...
2020-03-11 11:12:20
79
原创 数组去重
es6中数组去重：var arr = [1,1,7,4,‘8’,8, 10,11,5,7,8];console.log([…new Set(arr)] )console.log(Array.from(new Set(arr)))es5中数组去重：var arr = [1,1,7,4,‘8’,8, 10,11,5,7,8];for(var i=0; i<arr.length; i+...
2020-03-09 18:02:03
73
原创 defineProperty的简单总结
Object.defineProperty()语法说明：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。语法：Object.defineProperty(obj, prop, descriptor)obj要在其上定义属性的对象。prop要定义或修改的属性的名称。descriptor将被定义或修改的属...
2020-03-09 14:37:23
167
原创 egg全局中间件验证配置
以验证token为例：一，生成token安装 npm i egg-jwt --save配置：// {app_root}/config/plugin.jsexports.jwt = { enable: true, package: "egg-jwt"};// {app_root}/config/config.default.jsexports.jwt = { secre...
2020-02-19 17:36:15
901
转载 crypto 数据加密
const crypto = require(‘crypto’);const hash = crypto.createHash(‘md5’);// 可任意多次调用update():hash.update(‘Hello, world!’);hash.update(‘Hello, nodejs!’);console.log(hash.digest(‘hex’)); // 7e1977739c...
2020-02-19 16:21:21
155
1
原创 eggjs错误和异常统一处理
1，在接口中先抛出错误const { ctx } = this; ctx.throw(500, '故意出错') //ctx.body = 'hi, egg'; console.log(ctx.request.body) ctx.body = ctx.request.body2，在app文件下创建middleware文件夹，同时创建一个error_handler...
2020-02-17 17:37:29
5775
原创 创建eggjs项目
cnpm init egg --type=simple然后下载包运行 npm run dev获取参数：async index() {const { ctx } = this;// 获取路由get传值参数（路由:id）ctx.params;// 获取url的问号get传值参数ctx.query;// 响应ctx.body = ‘响应’;// 状态码ctx.status = ...
2020-02-15 12:23:51
321
原创 egg.js中命令创建数据库
安装并配置egg-sequelize插件（它会辅助我们将定义好的 Model 对象加载到 app 和 ctx 上）和mysql2模块：npm install --save egg-sequelize mysql2
2020-02-15 12:21:26
785
原创 关闭csrf开启跨域
关闭csrf开启跨域文档：https://www.npmjs.com/package/egg-cors安装 npm i egg-cors --save配置插件// {app_root}/config/plugin.jsexports.cors = { enable: true, package: 'egg-cors',};config / config.defaul...
2020-02-15 11:19:38
514
原创 简单理解GO&AO
首先我们简单看下简单的v8的内存结构图（图片来自网易杨钰老师）：首先我们简单的说下这几个区域：栈：栈区就是用来保存变量名的堆：堆区是V8引擎为开发者提供的可直接操作的内存区例如：假如我们定义一个空的对象：var a = {}变量名a会保存在栈区中，同时会在堆中开辟一块内存，我们就可以通过存在栈区的对象名a直接操作该内存常量区：常量区就是用来存储常量的，在js中，一般字符串，数字和b...
2020-01-31 15:31:15
391
原创 什么是SSR？
SSR是 Server-Side Rendering(服务器端渲染)的缩写，简单的理解就是将平时写的组件，页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记，混合为客户端上交互的应用程序...
2020-01-18 14:32:40
12373
1
原创 javascript运行机制
1，javaScript中的数组和对象是一个引用类型2，作用域链是逐级向外层查找的3，参数相当于一个局部变量今天主要整理这三句话的理解：一，首先先看一个例子：var arr = [1, 2, 3] function changeArr() { arr[3] = 4 arr = [5] } changeArr() console.log(arr) /...
2020-01-17 15:30:51
59
原创 利用css创建一个三角形
1，首先，我们写一个border的应用.box { width: 100px; height: 100px; border: 50px solid; border-color: red green gray black; }会生成这样一个正方形，我们可以看到border的渲染不是正方形，而是梯形2，如果把盒子高度设置为0.box { widt...
2020-01-16 15:20:47
92
原创 清除浮动
`<style>.clearfloat { *zoom: 1;}.clearfloat:after { content: ""; height: 0; display: block; clear: both; visibility: hidden;}</style>*是为了兼容低版本IE7浏览器 zoom是ie属...
2020-01-13 17:05:28
115
1
原创 创建express项目
首先得有安装好的nodejs环境，这里主要简单介绍创建express项目，就不在介绍安装nodejs，如果需要可以从网上找相关资料1，全局expressnpm install -g expressexpress在4.0后把命令工具单独分了出来，安装完express后，还得安装express-generatornpm install -g express-generator2,创建新项目...
2020-01-13 11:31:51
487
原创 lunix常见操作命令
文件、文件夹：ls：列出当前目录下文件ls -l ：详细信息-a：包括隐藏文件 rm -rf 文件名：强制删除文件 pwd；当前目录存在的位置系统相关命令：ps aux | grep :筛选当前的进程systemctl restart network ：重启网络vim：q！放弃保存并退出wq：保存并退出查找命令fi...
2020-01-13 11:22:01
608
原创 验证上传图片的宽高（或比例）
vm: 代表的全局的对象，主要是为了弹出全局的提示弹框，如果没有全局弹框可以直接删除这个参数file：img对象width：要求的宽度，数字height：要求的盖度，数字function( vm, file, width, height) {let self = vm;return new Promise(function (resolve, reject) {let filerea...
2019-12-04 11:35:42
513
原创 webpack整理（七）
webpack与vue结合使用：安装：npm i vue vue-loader vue-style-loader vue-html-loader vue-template-compiler -D安装完成后开始配置：首先创建app.vue:内容如下：在main.js中引入app.vue注意：我们在main.js中引入的vue实际上是应该是node_module中的vue/dis...
2019-12-04 11:35:05
85
原创 webpack整理（六）
使用webpack-dev-server和html-webpack-plugindev-server可以在开发环境中产生一个服务器，和热更新安装：npm i webpack webpack-cli webpack-dev-server -D在package.json中配置dev-server：运行npm run start 会使用webpack-dev-server命令，–open为自...
2019-12-03 16:49:47
61
原创 webpack整理（五）
sass-loader和babel-loader使用sass-loader需要同时安装node-sass安装：npm i less-loader node-sass -D在项目中创建scss文件，（.sass和.scss都是文件的后缀，scss是新的版本的写法），然后在webpack.config.js中配置如下即可babel-loader是用来编译es6使用babel-loade...
2019-11-28 15:57:43
72
原创 webpack整理（四）
webpack中使用file-loader，url-loader安装：npm i file-loader url-loader -D
2019-11-28 09:55:17
58
原创 webpack整理（三）
今天整理postcss-loader 和 autoprefixerpostcss-loader与autoprefixer 结合可以 给css加浏览器的前缀 例如：给transform 加 --webkit–transform，设置autoprefixer的参数可以设置兼容什么浏览器，默认兼容市场占有率5%以上的浏览器安装 npm i postcss-loader autoprefixer -...
2019-11-27 11:26:20
63
原创 webpack整理（二）
webpack中的loader（style-loader，css-loader）首先：安装这两个loadernpm i style-loader css-loader -D在webpack.config.js中配置css-loader，和style-loader*注意：css-loader和style-loader的顺序不能变，因为webpcak是从右向左执行loader，css-loa...
2019-11-27 11:25:31
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人