weixin_42131038的博客

原创 webpack配置eslint

原创 webpack配置css兼容

原创 js面试小题

undefined类型与任意数类型进行“+”运算结果都是NaN var str=true+11+null+9+undefined+"zhuanbang"+false+null+9+[]; str=NaNzhuanbangfalsenull9

原创 Vue给组件加v-model，封装表单组件

v-bind="$attrs" 其实就是继承父亲传过来的属性， inheritAttrs:false 让根组件不要绑定这个属性

原创 svg实现loading加载图标

SVG实现的一组超华丽Loading加载动画DEMO演示 <link rel="stylesheet" href="css/style.css"> Pure SVG Loader ...

原创 安装yarn

1.npm install -g yarn //安装完毕可以使用yarn --version查看yarn版本号 2.yarn config set registry https://registry.npm.taobao.org 3.yarn global dir 如果是在C盘 4.配置全局 yarn config set global-folder "E:\Tools\yarn\global" yarn config set cache-folder "E:\Tools\yarn\cache" 5

原创 安装nodejs并配置环境

主要写一下环境变量的配置 说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。 例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】

原创 vue-cli3使用tinymce ，（安心兑后台项目）

1.安装包 2.在public导入静态资源 新建文件夹tinymce 把node_modules里的tinymce的langs、skins导入 powerpaste是复制粘贴的插件需要另外下载 emojis.js表情插件 3.封装富文本组件 <template> <div class="tinymce-box"> <editor v-model="myValue" ref="edit" :init="init"

原创 jsapi支付

套餐充值 <div class="xbt-page"> <div class="xbt-page bc-f2 has-header" style="background: #FFFFFF;"> <div class="weui-cells" style="margin-top: 0px; font-weight: 500; position: static;"> <div class="weui-cell title_name...

原创 CRA3.0项目 使用antd 按需加载并引用less

1. yarn add antd 或者 yarn add antd-mobile 安装ui组件库 2. yarn add less less-loader 3. $ yarn add react-app-rewired customize-cra # 如果使用less-loader@6.0.0 就要使用下面的 **一定要记住 ** $ yarn add react-app-r...

原创 webpack配置es6转es5兼容性

原创 vue半场动画开发注意点

beforeEnter(el) { el.style.transform = "translate(0,0)"; }, enter(el, done) { let badgePosition = document.getElementById("badge").getBoundingClientRect(); let ballPosition =this.$refs.ball.ge...

原创 webpack安装babel包

// 在 webpack 中，默认只能处理 一部分 ES6 的新语法，一些更高级的ES6语法或者 ES7 语法，webpack 是处理不了的；这时候，就需要 借助于第三方的 loader，来帮助webpack 处理这些高级的语法，当第三方loader 把 高级语法转为 低级的语法之后，会把结果交给 webpack 去打包到 bundle.js 中 // 通过 Babel ，可以帮我们将 高级的语法...

原创 前端开始博客第一天：前端fetch和promise对象对它的封装

function _f(url,time) { return new Promise((resolve, reject) => { fetch(url).then(r=>{ resolve(r.json()) }) .catch(()=>{ reject("请求...