- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 github搭建个人博客
使用hexo作为博客模板，上传github。发现页面404。原因：用户名.github.io，这个用户名是自己的github用户名不能写成别的。hexo记得同时安装配置，hexo d一键打包
2021-03-16 16:29:29
97
原创 taro小程序开发踩坑合集
1，启动项目的时候无法识别环境变量。原有命令如下：API_ENV=testtarobuild--typeweapp。API_ENV又是从process.env中取的，win无法识别到所有启动报错。解决办法是：项目中安装环境node包，npm i --save-dev cross-env。然后命令前加个cross-dev，cross-envAPI_ENV=testtarobuild--typeweapp 。。再次启动就ok了...
2020-07-31 12:01:45
524
1
原创 mysql安装+node连接
最近在新电脑上安装mysql，已经升级到mysql8了。一不小心踩了个坑mysql8的密码加密规则和老版本是不一样的，所以导致我node一直连不上。用navacat却能访问上。进入到mysql的文件bin目录。使用‘管理员级别的cmd’ 打开。mysql -u root -p; //进入到mysql。输入密码use mysql; //一定要有这个，代表了进入mysql表，这个表里保存了用户密码alter user 'root'@'localhost' ide...
2020-07-09 19:55:35
183
原创 js模块导入、导出的几种写法
js模块导入、导出，之前写得比较随意，所以还是想总结一下它的几种用法，免得以后写的混乱得一匹。// import 篇。带{}和不带{}的区别import 变量A from '路径' // 这种写法要用export.default导出，且只能有一个。用：变量A.AAimport {A,B,C} from '路径' // 这种写法要用export导出，export可多次使用且要对应上。用：Aimport * as A from ‘路径’ // as就是取别名。用：A.A//
2020-06-17 10:37:10
896
原创 日常遇到的报错及处理
1，浏览器报错t.isBuffer is not a function之前公众号项目开启时，在谷歌运行报错，换到360就好了，后来在app上遇到了同样的问题。后来发现都是vue项目，关掉谷歌的vueDevelop插件即可。...
2020-04-13 11:25:00
194
原创 css伪类做小图标总结
1，做卡片的分割线.card2{ border-bottom: 1rpx dashed red; width: 620rpx; margin: 0 auto; position: relative;}.card2::before{ content: ""; display: block; width: 30rpx; height: 30rpx; bor...
2019-12-30 14:45:40
817
原创 webworker的使用
最近项目用到了webworker，下面简单介绍一下怎么使用：1，let w = new Worker("地址名.js"); 这里代表在主线程创建了一个worker线程，它叫w。子线程就是一个js文件2，主线程发送数据 w.postMessage('字符串')； 发送的数据需要是一个字符串，最好写个json字符串 主线程监听回传的数据 w.onmess...
2019-12-26 17:56:44
276
原创 如何优美地写js
快到年底了，总结一下自己命名书写的规范1，css篇header section foot aside分好页面的区域然后是下级标签如 se1_card1 就代表section1下面的card1。保证层级嵌套尽可能少，通过命名就能知道层级关系。书写一个基本的css文件，将布局、基本样式等存放在这里，后面的页面通过class名就能使用2，js篇业务逻辑代码命名：小驼峰，尽量使得看...
2019-12-24 14:56:49
96
原创 css3网格布局
网格布局是flex的升级版父级属性display: grid;即可把这个div变成网格；父级属性grid-template-columns: 20% 20% 20% 20%;设置有多少列，每列有多宽。auto自动填；1fr 2fr 设置比例倍数；父级属性grid-template-rows: 200px 200px 100px 300px;设置每行有多高。auto自动填充；父级属性...
2019-12-23 16:50:19
193
原创 像素单位总结
px：像素单位。受分辨率的影响。rpx：小程序像素单位。根据屏幕宽度做过适配，省心。em：相对单位（相对父级）。1em=16pxrem：相对单位（相对html标签）。设备html的像素大小即可完成响应式，其实也就是等比缩放了。vw、vh：百分比单位。1vw=1%宽度、1vh=1%高度。由于各个屏幕宽高比例不同，偶尔用它做适配。媒体查询：根据屏幕宽度加载不同的css，达到响应式适...
2019-12-23 10:21:00
476
原创 git常用命令、开发模式总结
git clone 地址名 拉取指定分支代码git init 初始化git仓库git branch 查看分支git status ...
2019-12-18 15:07:08
138
原创 js中间件（标题暂定）
function createMiddleWare() { let app = { _middleware: [], use: function (next) { app._middleware.push(next); }, compose: func...
2019-11-25 11:12:27
101
原创 js常用的一些工具类方法
1，获取浏览器地址栏参数function GetUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescap...
2019-08-08 17:44:18
466
原创 js金额校验
由于手机端ios键盘诸多问题，如拉起键盘造成页面空白区域，提前输入汉字等，在此使用了js对input框输入金额校验，主要针对0.00这种格式// 校验是否符合金额规则checkMoney(num) { return /^\d{1,7}(\.\d{0,2})?$/.test(num);}// js根据小数点和长度进行校验。有.时后面再输入数字会删除最后一位，超长时删除最后一...
2019-08-06 19:56:27
2237
原创 使用js监听变量的变化，并触发事件
贴上测试代码var listenMenuTree = { "value": 1 };Object.defineProperty(listenMenuTree, 'value', { get: function (value) { // get 和 set 方法 return value; }, set: function (value...
2019-08-06 17:16:51
5736
原创 js中 for...of 和 for...in的用法
1，先看for in的用法var obj = {a:1, b:2, c:3};for (var prop in obj) { console.log(prop);}// 打印结果 a, b, cvar obj = ['a', 'b', 'c'];for (var prop in obj) { console.log(prop);}// 打印结果 0，1，2由此可...
2019-08-06 17:06:50
144
原创 gulp打包工具
话不多说，适配了半天终于找到几个能用的插件了。这是pack.json文件。目前能兼容es6{ "name": "gulp-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\...
2019-05-24 15:25:27
94
原创 日常小知识记录
1，处理金额，改成0.00形式num(obj){ obj+=''; obj = obj.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj = obj.replace(/^\./g,""); //验证第一个字符是数字 obj =...
2019-03-12 19:14:00
200
原创 图表echart笔记。
1，在angular中引入的echart npm install echarts --save npm install [email protected] --save 在angular.json文件中build》options》scripts中引入： "node_modules/echarts/dist/echarts.min.js" 在app.module.ts中引入NgxE...
2019-02-28 11:33:07
131
原创 angular学习笔记
1，快捷键声明一个组件：ng g component components/test，在app目录下建立components文件/test文件和模板（ng g c 文件目录）2，ng项目快速启动： ng s3，关键字 instanceof 左边是否是右边的实例 返回一个Boolean值 4，ng-zorro安装，不得不突出ng-zorro是真滴方便，帮我把http模块都安...
2019-02-25 09:42:06
104
原创 typescript学习笔记
1，ts是js的超集，ts是强类型语言。ts比js入门更难。ts的面向对象写法比js更优雅。ts更适合团队协作。2，声明变量篇。3，声明函数篇。4，面向对象篇。4.1，子类继承父类 extends ,继承多个接口 implements。4.2，this表示当前对象，super表示父类对象。子类不写construct默认继承父类的实例和方法，子类super在构造函数中写。4....
2019-01-11 15:46:30
118
原创 mpvue学习知识总结
1，pages.js配置标题及标题背景色，参数，path，config，subPackage2，写法与vue一直没什么好说的3，npm run dev 运行mpvue项目，在微信编辑器打开浏览效果4，mpvue可用小程序的组件。mpvue就是将vue项目打包成小程序。5，使用微信小程序的picker控件。事件名改为@change。e改为e.mp。...
2019-01-09 10:54:31
190
原创 canvas学习笔记
1，canvas标签的id命名建议为小驼峰模式。获取这个canvas时用原生js获取。2，canvas标签内置width和height调节宽高。也可以通过js改变。
2018-12-11 11:13:47
88
原创 css常用的一些知识
1，position定位中。relative占据”原来的“文档流，absolute不占据文档流。2，我常用的清除浮动方式<div style="clear:both"></div>。复制这段代码即可。3，让同一行的图片、文件居中对齐 vertical-align:middle;4，溢出省略overflow:hidden;text-overflow:ell...
2018-12-06 14:30:38
77
原创 express+mock搭建模拟接口
express是nodejs的一个框架，mock是模拟数据的一个工具。使用express创建接口，mock模拟接口交互数据，让前端更专注开发。目前只是初步尝试。1，搭建express框架。npm install express 安装node_moudle包express --view=ejs my_project 安装express文件进入my_project文件后 npm sta...
2018-12-05 15:02:52
524
原创 node.js学习总结
1，安装node.js2，目前是执行一些小demo，控制台运行js文件即可3，常用的模块：REPL=》控制台运行js；buffer=》数据类型处理；eventEmitter=》事件声明，事件触发；stream=》流，读写文件。...
2018-11-29 17:48:13
101
原创 处理数组
在写vue中用到了数组，由此记录一下常见的处理数组的方式。arry.push(XXX);向数组的末端插入XXX。arry.pop();把数组末端切除掉。shif和unshift同上，作用是在前面切除或增加。在网上看到的方法：var numbers = [1,2,3,4,5,4,3,2,1];var everyResult = numbers.map(function(ite...
2018-11-28 16:10:49
92
原创 支付宝小程序总结
1，注册支付宝小程序必须用企业账号，一个企业账号最多注册10个小程序。2，绑定事件：onTap，条件渲染：a:if3，相对定位里面使用绝对定位，父级、子级都设置z-index，显示不同的堆叠层次。父级不会默认z-index为0。4，最好在页面外套一次view 设置宽度为100%，不然页面时从左往右的弹性布局。...
2018-11-28 12:03:14
192
原创 js知识点总结
1，promise的用法：//申明promise函数function promFn(){ return new promise((resolve,reject)=>{ resolve(1); reject("err"); })}//使用promise函数res是resolve传入的值，err是reject传入的值promFn...
2018-11-09 14:57:56
99
原创 微信小程序踩坑总结
1，滑动页面的时候会出现留白。解决：最外层套一个scroll，不设置x、y滑动。注意距离要撑开，内层要有一个大的view，给它一个小margin-top2，button出现多余的边框。解决：button::after设置border为none3，自定义组件。自定义组件如果是page（{}）能出来页面不会报错，但是某些某些功能会无效。所以还是要用Component（{}）。封装自定义组件...
2018-11-08 11:15:11
201
原创 js封装对象与js封装函数理解
1，js封装对象1.1 创建：首先创建一个构造函数，构造函数中用this.XXX的形式给这个构造函数添加属性和方法。给构造函数的原型对象添加方法（构造函数.prortotype.XXX=XXX）1.2 使用：new一个对象 对象.XXX调用这个对象封装的方法。1.3 提示：构造函数内可传值，new一个对象的时候传具体值，创建不同的对象。1.4 疑问：以上封装方法，重用性差，私有性差...
2018-11-07 16:53:40
3665
原创 vue总结（包括：指令的使用，axios）
一，axios的用法 1，配置： *引入axios *与APP.vue建立一个http-common.js文件（使用axios模块，调试端口）用来给其他模块复用2，使用： *在其他组件文件中导入http组件 var params = new URLSearchParams();AXIOS.get('community/MakerCommunityParticulars',
2018-02-02 16:08:39
244
原创 今天开始写博客，记录学习收获啦
问题：1，如何高效地使用vue中的父子组件（包括：确定它们的关系，把它们构建成一个完整的组件树，使用它们的通信）2，使用bootstrap中的ui组件，对于组件内套组件的用法有待研究。希望：有一套自己写网页的方法。3，到一定时机开始将H5和C3的“好处”运用到项目中。4，再进阶到，对后台的了解。
2018-01-25 11:16:35
217
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人