- 博客(99)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 事件循环（Event Loop）和异步编程（Async）
原文：https://medium.com/sessionstack-blog/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5事件循环(Event Loop)和异步编程(Async)一直是热门话题，本文将针对这两个概念做详细的...
2022-08-16 03:39:22
1186
原创 vue-cli 脚手架创建项目安装less-loader版本问题
如果遇到这样的提示具有未满足的对等依赖性warning " > less-loader@10.0.1" has unmet peer dependency "webpack@^5.0.0".原因是因为安装的less-loader与webpack@4版本不对，可以试试其他版本，我试了6.0.0，是可以的，也可以看看其他版本：yarn add less-loader@6.0.0最后提示：...
2021-09-03 17:13:27
7082
原创 vue修改第三方组件样式
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)<style scoped> 外层 >>> 第三方组件 ...
2020-05-11 10:55:13
1026
原创 vue中添加数据的方式
vue中添加数据的方式有三种： let vm = new vue({ data:{ school:{ name: 'zhang san', age: '12' } } }); vm.$set(vm.school,'address','beijing') vm.school...
2020-05-11 10:50:04
3476
原创 Git 的使用（二）
分支相关操作：查看分支：git branch创建分支：git branch <name>切换分支：git checkout <name>创建+切换分支：git checkout -b <name>合并某分支到当前分支：git merge <name>删除分支：git branch -d <n...
2019-07-26 15:29:00
110
原创 vue SEO 预渲染 vue-cli3.x plugin-prerender-spa
vue做的页面不利于seo，有两种方法能解决这个问题：vue add prerender-spa和ssr这里我用的是prerender-spa-plugin，记录一下具体流程和报错：全自动安装代码vue add prerender-spa运行这个以后需要回答一个问题，下面一一列出来：? Which routes to pre-render?...
2019-06-20 15:47:00
1652
原创 vue-router的使用（二）路由检测访问权限
路由检测访问权限你可以在组件做判断是否可以访问该链接，也可以在打开路由之前就判断是否能够访问，后者是比较好的实现方式，简洁明了。//相当于一个中间件，在正式打开组件之前，做一些判断router.beforeEach(function (to, from, next) { //其中 next();//继续执行 next(false);//不...
2019-04-28 16:29:00
1055
原创 vue-router的使用（一）声明式/编程式
vue-router的使用有两种方式：image.png声明式使用<router-link :to="/"><router-link>点击跳转使用<router-view></router-view>显示路由页面的信息let route = new VueRouter({ rout...
2019-04-28 16:29:00
1287
原创 some和every的使用和区别
every:一假即假,必须所有都返回true才会返回true，哪怕有一个false，就会返回false；some:一真即真, 只要其中一个为true 就会返回truelet list = [ {name:"aaa",age:3}, {name:"bbb",age:4}, {name:"ccc",age:5},]; var e...
2019-04-28 16:28:00
593
原创 Git 的使用
原来的我对git的认识只停留在git clone ...git pullgit init git add .git comiit -m 'XXX'git push只知道这几个是干嘛的，但是不知道具体是什么原理，自己的代码现在处于什么阶段自己也不清楚，在最近的项目配合当中，对git的使用又有了更深的认识，所以想要记录一下，欢迎指教。在具体...
2019-04-26 11:34:00
112
原创 Vue-cli3配合Mint UI移动端开发rem的计算问题
在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npm install postcss-px2rem --save-dev然后在vue.config.js文件（vue.config.js文件在vue-cli3中默认是...
2019-03-27 11:15:00
899
原创 使用HBuilderX打包vue生成安装包apk
在打包vue程序的过程中，遇到了很多问题：1、HBuilder模拟器查看的界面空白刚开始使用的HBuilder打包，结果安装以后无法运行，界面上什么都没有，然后使用HBuilder调试基座查看，还是不能查看，在此之前是可以成功查看的，后来检查了一下主要是我使用了路由Router的问题，不使用路由的时候是可以正常运行查看的，后来查了一下有人说是版本的问题...
2019-03-27 10:44:00
1910
原创 Mac os URL Schemes 浏览器启动本地app
前面写的python操作注册表（Url protocol浏览器启动本地程序）已经说了在windows上面启动本地app的方法，下面准备写一下在Mac os上如何在浏览器启动本地的app。Mac os上浏览器启动本地app主要是通过URL Shemes，每个打包好的app文件中都会存在一个info.plist文件，如图：image.png...
2018-12-05 10:50:00
1931
原创 javascript请求的理解笔记
现在由于ES6的普及和React、vue的广泛运用出现了很多请求方法，有原生的也有库，所以想着做一下笔记，方便随时使用。一、Fetch APIFetch是浏览器的原生API，所以和XMLHttpRequest(XHR)一样是亲儿子，也可以直接使用，却比XMLHttpRequest(XHR)好用很多，主要有ES6的强大支持。简单的使用格式：docu...
2018-11-06 14:47:00
116
原创 nodejs写请求
使用nodejs请求可以达到很多javascript请求达不到的目的，所以总结了几个请求，包括：原生 http，request，axios，flyio。requestnodejs的常用模块，我这里只写了一个结构，并没有分开说细节，但是一般要用到的这里都有啦！要是大神们有什么补充，我也是万分感谢呀！var request = require('requ...
2018-11-05 16:43:00
246
原创 nodejs写接口
express用nodejs写接口，网上大部分是使用的express，所以我就扒拉扒拉网上的资料，写了一个，方便以后自己copy。在使用之前，别忘了把库安装一下，这个的前提是安装了node：npm install expressnpm install body-parser完整的code如下：const express = require("...
2018-11-05 11:09:00
648
原创 python程序打包（windows/mac os）
Windows上python程序打包打包工具网上说的最多的就是pyinstaller，也有一部分在说py2exe，于是我就跟随人流选择了pyinstaller。其实网上有好多相关的资料，但是我还是准备写一下，总有不一样的体验：在网上下载一个python3.0以上的安装包安装以后，pip是肯定有的，除非自己手欠去做了设置，哈哈，那就从安装pyinsta...
2018-09-20 18:48:00
10185
原创 python操作环境变量（注册表）
os.environ在python代码中导入python自带模块os，使用os.environ可以获取所有的环境变量信息，但是只是一个映射，也就是说对于environ的修改只是在当前代码中，不会去修改本机上真实的环境变量。一、设置系统环境变量1、os.environ['环境变量名称']='环境变量值' #其中key和value均为string类型2...
2018-08-21 14:04:00
1035
原创 python操作注册表（Url protocol）
使用python操作注册表的方法最近学习了一下，现在做一下笔记，由于对Python语言的使用还不是很熟练，所以写不出高大上的结构，但是解决问题搓搓有余了。说道注册表顺便也说一说环境变量的修改（放下下一节讲），里面有许多相似的地方，我觉得放在一起说会比较合适。操作注册表操作注册表主要引入winreg包，winreg包是python3自带的包，pytho...
2018-08-20 18:33:00
2565
原创 python tornado使用OpenSSL生成的证书
上一节 亲测：windows使用OpenSSL生成证书（使用者备用名称（DNS））已经使用OpenSSL生成了证书，现在就开始使用这些证书了。使用分为两步：服务端使用和客户端使用1、服务端使用由于tornado支持使用SSL证书，所有直接使用一下代码测试就可以啦！#!/usr/bin/env python3# -*- coding: utf-8 ...
2018-08-10 14:38:00
1386
1
原创 亲测：windows使用OpenSSL生成证书（使用者备用名称（DNS））
最近一直在使用OpenSSL生成证书，供tornado使用，tornado本身是支持使用SSL证书的，所有现在只需生成正确的证书就可以正常使用了，经过自己的一番倒腾，走了很多弯路，终于是可以使用了，所以将步骤记录下来，以便于自己查看，要是能对大家有帮助那就更好啦！（以下步骤亲测有效，遇到的坑也会在下文提到，望高手指教！）1、安装OpenSSL本来准备直...
2018-08-01 13:26:00
4217
原创 JavaScript 中 forEach、map、reduce、filter 的用法和区别
forEach的用法数组.forEach(function(数组的每个元素){//code});具体的代码如下：var array1 = ['a', 'b', 'c'];array1.forEach(function(element) { console.log(element);// 'a' 'b' 'c'});看起来就是一个...
2018-06-25 11:49:00
475
原创 webpack.config.js简单模板
/**Created by Administrator on 2018/3/23.*/const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require('clean-we...
2018-05-11 11:32:00
372
原创 git版本管理步骤（个人）
直接记录快照，而非差异比较近乎所有操作都是本地执行时刻保持数据完整性多数操作仅添加数据Git 内都只有三种状态：已提交（committed），已修改（modified）和已暂存（staged）。基本的 Git 工作流程如下：在工作目录中修改某些文件。对修改后的文件进行快照，然后保存到暂存区域。提交更新，将保存在暂存区域的文件快照永久转储到 ...
2018-05-11 11:27:00
163
原创 webpack命令
1、安装nodeJs2、安装npm，升级用npm install -g npm,全局安装3、全局安装webpack, npm instsall -g webpack4、安装依赖项，npm install --save-dev webpack5、npm install webpack-cli -D6、npm install @babel/prese...
2018-05-11 11:25:00
562
原创 原生js使用cookie
设置CookiesetCookie(命名, 内容, 过期时间)function setCookie(name,value,iDay){ /*当时间参数存在的时候*/ if(iDay){ /*设置过期时间*/ var oDate=new Date(); oDate.setDate(oDate...
2018-05-11 11:19:00
134
原创 canvse小游戏-贪吃蛇
思路：* 1、分别构造方块、蛇、食物三个对象* 2、蛇由一个一个小方块组成，食物随机生成* 3、将蛇身的每一个方块排列放在数组中* 4、始终是蛇头在移动方向，添加的新的方块放在蛇头的后面，然后去掉蛇尾（既最后一个小方块）* 如果整体移动的话在拐弯的时候就麻烦了，这个方法正好代码：<!DOCTYPE html><html l...
2018-04-11 17:46:00
234
原创 transfrom&transition&animation 动画
transformtransform是才css3动画的总要部分，可以实现旋转、缩放、倾斜、移动等动画，主要用到的有rotate(角度)：沿中心点旋转一定的角度，例如：rotate(30deg);scale(方法倍数)：沿中心点放大一定的倍数，例如：scale(2);translate(x轴上的位移，y轴上的位移)：左上角移动到相应的位置：例如t...
2018-04-10 19:00:00
162
原创 webpack实例教程（四）webpack4.0出来了
这次还准备按照以前的方法使用webpack，but各种报错，都是原来你没见过的，还好提示的很明显，webpack-cli从webpack包里面分离出来了，所以需要自己安装啦！具体报错是这样的：$ npx webpack src/index.js --output dist/bundle.jsnpx: 1 安装成功，用时 26.36 秒Path mus...
2018-03-23 17:51:00
408
原创 es6学习笔记整理（十七）模块化
导出用export，导入使用import导入导出1：最基本的使用//导入export let str = 'asdf';export function test(){ console.log('函数');}export class Test2{ test3(){ console.log('类'); }...
2018-03-15 15:17:00
109
原创 es6学习笔记整理（十六）Decorators
Decorator修饰器修饰器是一个函数用来修改类的行为：1、修饰器是一个函数2、修改行为3、修改类的行为（修饰器只在类的范围类有用）需要安装babel-plugin-transform-decorators-legacy包function(修改的类本身，修改的属性名称，该属性的描述对象）//类里面let readonly = func...
2018-03-15 09:14:00
126
原创 es6学习笔记整理（十五）Generator生成器
基本概念Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator函数有多种理解角度。从语法上，首先可以把它理解成，Generator函数一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象，也就是说，Generator函数除了状态机，还是一个遍历器对象生成函数。形式上，Gen...
2018-03-14 13:43:00
148
原创 es6学习笔记整理（十四）Iterator迭代器
Iterator和for...of循环什么是Iterator接口在 Symbol.iterator 出现后，JS中也可以自己定义一个迭代器。Iterator 的作用有三个：是为各种数据结构， 提供一个统一的、 简便的访问接口。是使得数据结构的成员能够按某种次序排列；是 ES6 创造了一种新的遍历命令for...of循环， Iterator 接...
2018-03-14 09:16:00
101
原创 es6学习笔记整理（十三）Promise异步
什么是异步？函数传递过去不会立即执行，而是等着请求成功之后才能执行。对于这种传递过去不执行，等出来结果之后再执行的函数，叫做callback，即回调函数.实现异步的最核心原理，就是将callback作为参数传递给异步执行函数，当有结果返回之后再触发 callback执行Promise的作用用回调的方式去实现异步，在多次调用的时候写法将非常复杂，而且...
2018-03-13 11:44:00
110
原创 es6学习笔记整理（十二）类和对象
类的概念基本语法类的基本定义和生成实例class Parent{ constructor(name='zhansan'){ this.name = name; }}//生成实例let v_parent = new Parent('lisi');//Parent {name: "lisi"}console.log...
2018-03-13 10:15:00
95
原创 es6学习笔记整理（十一）Proxy和Reflect
Proxy的概念和基本使用Proxy代理，连接用户和对象中间最真实的层，真实对象不可见。用户拿的对象和对象直之间不能直接操作的，需要经过代理。在代理的层面可以根据不同的业务逻辑来做相应的处理。let obj = { time:'2018-03-09', name:'asd', _r:123};let people = n...
2018-03-12 16:28:00
155
原创 es6学习笔记整理（十）set-map与数组和对象的比较
以下所有的对比都是增，删，改，查的对比：Map与Array的对比首先声明，声明之后有详细的使用方法对比，代码如下： let map = new Map(); let array = [];增 map.set('a',1); map.set('b',2);...
2018-03-07 16:19:00
161
原创 es6学习笔记整理（九）set-map数据结构
Set的用法set是一种集合；类似数组，不同的是set集合中的元素不能重复有两种定义方式：第一种：定义时不加参数 let list = new Set(); list.add(1); list.add(2); console.log(list.size);...
2018-03-06 16:40:00
110
原创 es6学习笔记整理（八）Symbol的用法
Symbol数据类型概念：这种数据类型提供一个独一无二的值，也就是说Symbol声明的变量a和变量b永远不可能相等。声明 let a = Symbol(); let b = Symbol(); console.log(a === b); //false 它自己都不会等于它自己...
2018-03-02 17:35:00
284
原创 es6学习笔记整理（七）对象扩展
简洁表示法 //第一种 let a = 1; let b = 2; let es5 = { a:a, b:b }; let es6 = { ...
2018-03-02 15:00:00
119
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人