- 博客(31)
- 收藏
- 关注
RSS订阅原创 mac安装gcc
尝试了网上各种方式,感觉都很难搞,下面写一种本人亲测有效,也无需翻墙的方式.安装brew运行安装以下命令(改命令自带换源)/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"会出现一个选项让你选择一个下载的镜像, 选择1就好.下载完成后安装gcc安装gcc运行下列命令 (我安装的8.x的版本,你们可以看你们的需要)brew install gcc@8验证
2020-12-01 11:13:06
1641
2
原创 让你搞懂十六进制的透明度
1. 十六进制的透明度怎么计算.首先00表示完全透明，FF就则是全不透明，化成十进制的范围就是0~255，举个例子:如何把10%的不透明度转换成十六制呢？很简单，255x10%≈26—>1A, 转换为16进制数为1A懒得算,不碍事往下看↓2. 常用的透明度大全 100% FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8C 50% 80 45% 73 40% 66 35% 59 30%
2020-11-26 14:57:51
7857
原创 js 大数的减法运算
js 数值太大运算出错?解决方案: function sub(num1, num2) { if(num1 === num2) return '0' function lt(num1, num2) { if (num1.length < num2.length) { return true } else if (num1.length
2020-09-27 13:40:20
888
原创 @media判断横竖屏
css @media 如何判断横竖屏代码:@media screen and (orientation: portrait) { /*竖屏 css*/} @media screen and (orientation: landscape) { /*横屏 css*/}例如: 不同状态展示不同颜色div{ width: 100px; height: 100px;}@media screen and (orientation: portrait) { /
2020-09-14 10:51:19
789
原创 css 单行文本超出展示省略号
解决方案:以管理员的身份运行你的命令:在需要运行的命令前加上: sudosudo npm install -g cnpm --registry=https://registry.npm.taobao.org报错内容大概如下:npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142npm WARN deprecated h
2020-08-31 15:04:47
178
原创 npm 换源 cnpm yarn 下载
npm 换为淘宝镜像下列命令可以将npm的拉取地址从npm官网切换成淘宝镜像npm config set registry https://registry.npm.taobao.org检查是否安装成功npm config list达到上面的效果就成功了,以后就可以直接用npm下载东西了cnpm下载cnpm下载命令npm install -g cnpm --registry=https://registrt.npm.taobao.org检测cnpm -v
2020-07-30 17:15:12
302
原创 MVC，MVP 和 MVVM
MVC和MVVM的区别MVC（Model-View-Controller）是最常见的软件架构之一，它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。什么是MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存视图(View)发送一个修改命令,控制器(Controller)接收到进行业务处理,模型(Model)修改数据,修改后在通知到视图上什么是MVP各部
2020-07-07 21:46:40
214
原创 微信小程序支付
微信小程序支付前端的逻辑首先我们前端需要通过wx.login() 获取当前用户的一个code值,在通过wx.request()调用接口将code值传给后台后台会返回给我们一个openId这个时候我们可以将openId存储到globalData全局中, 需要在调用一个后台接口,接收一下我们wx.requestPayment所需要的参数(timeStamp,nonceStr,package,paySign)等等这个时候在success成功的回调里面调用wx.requestPayment()传入我们
2020-07-07 00:19:57
329
原创 小程序自定义组件
自定义组件的优势：复用，好维护小程序复用代码方式：1.自定义模板复用第一步：定义模板 格式：<template name="模板名称"> .... //定义模板结构</template>例如：<template name="list_tpl"> <view> <text>list模板页11111</text> </view></template>第二步：使用
2020-06-23 10:20:51
397
原创 css默认样式清除的库
css默认样式清除的库/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, df
2020-06-08 18:50:24
1052
1
原创 DOM常用操作方法
DOM的增删改查DOM的节点类型element元素节点attribute:属性节点text文本节点comment:注释节点document:文档节点 代表整体页面…节点类型官方文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Node/nodeType1. 创建（增） 1.createElement() 创建标签 2.createTextNode() 创建文本 3.createDo
2020-06-04 19:27:56
368
原创 js的事件绑定
js如何绑定事件?1. html绑定事件 <button class="btn" onclick="alert(1111)">事件绑定</button>直接写到标签内部,但是不利于后期的维护,现在几乎不用2. dom0级绑定事件 2.dom0级绑定事件 //先获取dom var btn=document.querySelector('.btn'); //再给dom绑定事件 btn.onclick=function(e) {
2020-06-04 19:01:59
208
原创 axios拦截器
在vue封装axios拦截器首先下载axiosnpm i axios --save创建request.js(自己命名)文件 // 导入axiosimport axios from 'axios' // 创建axios实例const service = axios.create({ baseURL: '默认接口域名url', timeout:2500 //给实例添加默认超时时间});// 添加请求拦截service.interceptors.request.use(
2020-05-21 11:56:51
209
原创 px布局如何自动转换为vw或rem
vue中px布局如何自动转换为vw或rem官方网址https://www.npmjs.com/package/@moohng/postcss-px2vw使用说明首先安装一个npm包npm install @moohng/postcss-px2vw --save-dev在项目根目录下创建postcss.config.js文件，并添加：module.exports = { plugins: { '@moohng/postcss-px2vw': { roo
2020-05-20 22:14:16
823
原创 如何使用vue中的代码校验(ESlint)
如何使用vue-cli3+中的ESlint在创建项目的时候把Linter / Formatter给勾选上eslint的开启与关闭(默认为开启)在项目的根目录下可以手动创建 vue.config.js 文件(默认没有此文件)也如以下代码:module.exports = { lintOnSave: false // false为关闭反正true开启} ESlint官方网址:Eslint官网：https://eslint.org/Eslint中文文档：https://cn.esl
2020-05-20 21:23:25
1041
原创 如何关闭vue中的严格模式 Failed to compile.
如何关闭vue-cli3+中的代码校验在vue项目的根目录下创建 vue.config.js目录module.exports = { lintOnSave: false //false为关闭true为开启}
2020-05-20 21:01:30
2597
原创 安装 node-sass 出错
vue-cli3+ 安装node-sass出错方法一npm换源第一的话有可能是网速的原因:可以将npm换一下源,换成淘宝镜像可以通过下面命令:npm config set registry https://registry.npm.taobao.org检查是否安装成功:npm config list方法二报错windows平台缺少编译环境 python 2.7解决办法:1.在管理员模式运行 npm install -g node-gyp2. 也是在管理员模式运行
2020-05-20 16:35:43
193
原创 微信小程序如何使用富文本
wxParse怎么使用github官方: https://github.com/icindy/wxParse步骤简介1.在GitHub上吧文件夹wxParse下载下来- wxParse/-wxParse.js(必须存在)-html2json.js(必须存在)-htmlparser.js(必须存在)-showdown.js(必须存在)-wxDiscode.js(必须存在)-wxParse.wxml(必须存在)-wxParse.wxss(必须存在)2.在要使用的页面js中引入wxPa
2020-05-13 23:18:40
496
原创 js用Promise封装原生ajax
Promise简单封装原生ajax导入使用处 <script type="module"> import ajax from './js/ajax.js' // 使用import type="module"必须得加 ajax("https://api.it120.cc/yaojie/shop/goods/detail","get",{id:400537}).then(res=>{ cons
2020-05-12 12:23:24
251
原创 小程序中的路由跳转
小程序中的路由标签的方式类似于vue中的 vue-router标签：<navigator url="路径" open-type="指定跳转方式">例如： <navigator url="{{ item.url }}" open-type="redirect">跳转</navigator>说明：open-type指定跳转方式:与JS跳转方式一一对应...
2020-05-06 17:59:00
362
原创 小程序中的双向绑定和vue有什么区别
小程序中的双向绑定在vue中进行数据绑定后,当数据修改了会直接更新到视图上但是在小程序中呢,data数据修改是不会直接同步到,必须调用this.setData()这个方法例如:data:{ arr:[{name:"小李"},{name:"小王八"}], list:[{name:"小明"},{name:"小红"}]},setMsg(){ //该方法可以绑定到事件上也可以在onLo...
2020-05-06 17:44:33
1781
原创 小程序的生命周期钩子函数
微信小程序中的生命周期 onLoad: function (options) { // 听页面加载，只执行一次 // 通俗来说就是:第一次进入页面前会进入此函数 // 类似于vue中的created }, onReady: function () { //监听页面初次渲染完成， //类似于vue中的mounted }, on...
2020-05-06 17:23:11
792
原创 css选择器的优先级
css的优先级常用的选择器排序!important>行内样式>#id>.class>标签(div,p…)权重值详解!important ！权重值无穷大,但也可以计算. 例如div{ color:red !important;}body div{ color:red !important; /* 该权重值就大于上方*/ /* !importa...
2020-05-06 16:54:27
234
原创 css实现一个扇形或三角形
css实现一个扇形或三角形css实现三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2020-04-29 12:28:20
672
2
原创 html行内元素,块级元素,行内块元素,空(void)元素
html行内元素,块级元素,行内块元素,空(void)元素块级元素简单列举div pulollidldddth1~h6sectionheaderfooternav...可以通过css属性 display: block;转换成块元素块元素特征 可以设置宽高 独占一行对margin,padding都有效行内元素简单列举spanaiu...
2020-04-29 12:15:11
271
原创 css那些样式可以给子元素继承
css那些样式可以给子元素继承可继承简单列举font-size,font-weight,font-family,line-height,color,cursor,…不可继承继承简单列举不可j继承一般是会改变盒子模型的display,margin,padding,height,width,borderbarder-radiusbox-sizing...
2020-04-29 11:55:48
521
原创 js中数据类型检测
js中检测数据类型的4种方案方案一 typeof()上述图片涵盖了几乎js中所有的数据类型,可以看出 typeof对于普通数据类型是没有任何问题.但是对于复杂数据类型的检测除了symbol数据类型被检测成为了 function以外,剩下所有的都被检测成为了Object.这让我想起了一句话万事万物皆对象。方案二 instanceof如上图所示可以看出instanceof对于null和un...
2020-03-14 19:03:03
167
原创 响应式布局如何实现
css面试题@响应式布局如何实现1为什么要使用响应式布局响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。2如何实现方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有width，、height、padding、margin，其他属性比如border、 font-size不能用百分比来设置的由于没办法对fon...
2020-03-14 16:36:55
283
原创 css让一个div绝对居中
css面试题@让一个div绝对居中 <!-- html页面 --><body> <div> </div></body>方法1 /* css */ html,body{ height: 100%; } body{ margin: ...
2020-03-14 15:31:56
667
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人