- 博客(38)
- 收藏
- 关注
RSS订阅原创 windows10搭建reactnative，运行android全过程
win10,react-native-cli是0.73，nodeJS是20，jdk17。这都是完全根据官网文档配置的。当然官网文档会更新，得完全按照配置来安装，避免遇到环境不兼容情况。
2024-03-28 22:47:55
881
转载 H5页面兼容性问题
5、Vue中路由使用hash模式，开发微信H5页面分享时在安卓上设置分享成功，但是ios的分享异常。2、ios端微信h5页面上下滑动时卡顿、页面缺失。3、ios键盘唤起，键盘收起以后页面不归位。1、ios端兼容input光标高度。4、安卓弹出的键盘遮盖文本框。
2024-03-12 19:29:44
14
原创 windows安装flutter遇到的问题
根据官网的操作，安装了flutter SDK,并设置了环境变量。cmd运行flutter doctor之后有4个问题1.android-licenses本电脑之前是安装过android sutdio并且配置了android SDK的，但是还是提示没有android-licenses。解决办法是在android studio的SDK manager里面安装2.提示vs is not install可是我的系统命名是安装过vscode的，并且是windows系统，百思不得其解。后来仔细阅读文档,发
2022-06-13 13:41:36
4275
原创 angular项目初搭建
1.首先要安装angular-cli命令行运行npm i -g @angular/cli如果太慢或者提示要登录github,就可以先执行npm config set registry https://registry.npm.taobao.org可以查看有没有安装成功ng --version这里很多人都习惯运行 ng -v,那是没有效果的开始创建angular项目我用cnpm安装的angular-cli,创建的时候报错“”setTimeout is underfine“”,要卸载掉
2022-05-19 17:11:55
330
原创 面试：原型和原型链
1.什么是原型简单来说就是有一个构造函数，当用这个构造函数new 一个实例出来的时候，这个实例的原型就是这个构造函数function Person(name,age){ this.name=name; this.age=age;}var person=new Person('Bessic',18)js 所有的引用类型都有自己的构造函数var arr=[]的时候其实就是等于var ...
2019-06-27 10:04:27
2379
原创 前端面试题大全
1.编写一个函数fn；执行console.log(fn(1)(2)(3))得时候要输出6function add(n){ var fn=function(m){ return add(n+m) } fn.valueOf=function(){ return n; } fn.toString=function(){ return ''+n; } return fn;}...
2019-06-26 21:08:31
228
原创 webpack怎么根据不同环境给不同的打包配置（基于webpack4.0）
实际项目运用中，打包到生产环境的代码跟开发环境的代码的需求是不一样的，一个很简单的例子一般情况下，webpack的mode是production模式的，打包出来的js文件是经过压缩的，这适用于生产环境；但是开发环境我们需要的是用development的；在实际的开发的时候，前后端联调的时候也会根据不同的环境，比如开发环境，测试环境，正式生产环境配置不同的域名；结合各种情况，给不同的环境配置不...
2019-06-24 21:08:08
4397
原创 Tree Shanking
为什么要用tree shanking首先看这一段代码：main.js输出两个函数export const add = (a,b) => { console.log(a+b)}export const minus = (a,b) => { console.log(a-b)}index.js使用import { add } from './main'...
2019-06-23 19:48:36
490
原创 @babel/plugin-transform-runtime和@babel/preset-env的区别
webpack4.35.0@babel/plugin-transform-runtime { test: /\.m?js$/, exclude: /node_modules/, use: { loader: 'babel-loader',...
2019-06-23 10:18:15
2722
原创 webpack的url-loader和file-loader的区别
file-loaderrules: [{ test: /\.(jpg|png|gif)$/, use: [{ loader: 'file-loader', options: { name() { r...
2019-06-20 21:16:52
1996
原创 webpack 打包支持的模块语法
**1.ES Moudule模块引入方式**//引入文件：import Header from './header.js'//输出文件：function Header(){ var div=document.createElement(’div'); div.innerHTML='div'; document.body.append(div);}export default ...
2019-06-19 21:16:44
161
原创 vuex的使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。vuex有四大金刚：store,actions,getters,mutatio...
2019-06-16 18:33:24
147
原创 vue的生命周期
vue的生命周期，其实就是一个vue的实例从出生到销毁的过程；vue的生命周期一共有8个1.beforeCreatebeforeCreate（新对象诞生）,var vm=new vue();2.created进行数据的观测,把属性绑定到这对象中;这个时候如果打印this.$data,是一个对象；3.beforeMount这个阶段，vue回去寻找this.$el;如果没找到则会终止...
2019-06-16 18:03:48
152
原创 flex布局知识点
1.flex布局所谓的flex布局，即Flexible Box，弹性布局。兼容ie10以上的浏览器。要注意的是，一旦容器设置了弹性布局，里面items的浮动和定位都会失效。使用弹性布局，首先必须有一个容器，文档中全部设置display:flex的元素，都是一个flex布局的容器，改容器里面的第一层元素，就是改容器的flex-items;容器有6个属性：分别是flex-fow,flex-di...
2019-06-13 21:44:47
195
转载 实现对象的深拷贝
1. 最有效并且通用的方法是使用递归function deepClone(source){ const targetObj = source.constructor === Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let keys in source){ // 遍历目标 if(source.hasOwnProperty(keys)){ ...
2019-01-25 10:09:32
1735
原创 React学习记录
2018/12/24按需引入antd的时候遇到的问题1 .babelrc配置 "plugins": [ ["import", { "libraryName": "antd",// "libraryDirectory&a
2018-12-24 15:21:01
219
原创 vue学习项目之去哪儿网笔记
7-8 项目中使用axios7-8-1 ajax请求的时候，地址的rewrite；webpack给vue-cli里面提供了机制，在config/index.js里面配置proxyTable； dev: { // Paths assetsSubDirectory: ‘static’, assetsPublicPath: ‘...
2018-05-31 17:47:41
2134
转载 a标签中使用img后的高度多了几个像素 解决办法
img是行内元素，默认display: inline; 它与文本的默认行为类似，下边缘是与基线对齐，而不是紧贴容器下边缘。解决办法一是消除掉匿名盒子的高度，也就是给a设置line-height:0或font-size:0; 解决办法二是给两者vertical-align:top，让其top对齐，而不是baseline对齐 解决办法三是给img以display:block，让它和匿名行级盒子不在一
2017-12-06 19:29:52
584
1
原创 vue2-学习笔记之高仿饿了吗项目
本文记录的是我在学习某个课程的时候记录的笔记，可能没有学过这个课程的人看不太明白。。。不过这篇文章我主要是写给自己看的。。。
2017-11-20 22:04:31
1254
转载 css3的display:table布局
当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。display:table=>相当于“table”标签； display:table-row=>相当于“tr”标签； displa
2017-11-19 01:02:12
37625
转载 flex布局
2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持（还是要添加前缀的）这意味着，现在就能很安全地使用这项功能。Flex 布局非常适合用在移动端布局;Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性...
2017-11-17 18:05:31
323
转载 vue2学习笔记——computed（计算属性）
先看一下demo:简单地说明了computed的使用方法 在vue中，一些简易的计算可以直接在模板中计算，如：{{ number + 1 }}；但是在模板中如果有太多复杂的计算难以维护;所以对于任何复杂的逻辑,你都应该使用计算属性的原因;1.经过处理返回的数据值,只要源数据没有发生改变,computed函数里面对相应的数据就不会反生改变,相当于缓存在本地;发生改变的时候,computed对应数
2017-11-17 16:39:03
7621
转载 vue使用less识的scoped属性
在vue项目中如果使用less样式，会有一个scoped属性，scoped属性的具体作用我们要清楚，不要盲目使用
2017-11-17 15:56:39
9527
原创 关于闭包的面试题
1. `function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,0,0,0 var b = fun(0).f
2017-11-14 10:20:06
724
原创 css3杂记
本文随手记录了一些项目遇到的关于css的知识； 1.text-overflow: clip|ellipsis;text-overflow 属性规定当文本溢出包含元素时发生的事情;注意的是使用text-overflow:ellipsis时，当前容器的font-size是对它有影响的。 2.页面使用弹出的时候经常需要使用到蒙版，即一个平铺整个页面的半透明层，这个时候就需要一个div的宽高跟页面一致；
2017-11-10 16:53:52
307
原创 less不常见用法备用
1.字符串拼接.bg-image(@url){ background-image: url("@{url}@2x.png"); @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){ background-image: url("@{url}@3x.png"); };}
2017-11-08 15:45:04
311
原创 vue常见报错原因收集
1.throw er; // Unhandled ‘error’ event => 出现这种错误一般就是已经运行的另一个服务器使用了相同的端口，换一个端口就可以了。有些时候，webstrom里开了两个Terminal也会有这个问题；2.npm run dev没有报错，但是浏览器没有打开。 因为config里面的index.js里面设置了浏览器不自动打开；把一下的false改为true就...
2017-11-07 16:01:58
2364
转载 移动端实现1px边框
由于设备像素比存在的原因，我们在处理设计图的一些边框时，对于1px的border，如果在代码里将其写死，可能在不同设备像素比的设备中，粗细不一样，尤其是在目前大多数设备像素比为2的设备中，过粗。 那么利用媒体查询和”min-device-pixel-ratio”就可以轻松的搞定，实现货真价实的1px border。
2017-11-02 20:34:15
420
转载 如何解决H5新标签兼容问题
目前HTML5已向开发人员提供了很多新的标签，如section，nav，article，header和footer等。这些标签语义化程度高，会被经常使用，但在IE6，IE7，IE8和Firefox 2等老式浏览器中却不能识别和正常使用。
2017-11-02 09:35:45
3734
转载 gulp常用
全局安装 gulp=>$ npm install –global gulp作为项目的开发依赖（devDependencies）安装： $ npm install –save-dev gulp在项目根目录下创建一个名为 gulpfile.js 的文件： var gulp = require(‘gulp’);使用插件要安装插件，如npm install –save-dev gulp-clear
2017-10-31 23:29:33
344
转载 常用正则表达式
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，包括校验数字、字符、一些特殊的需求等等。给自己留个底，也给朋友们做个参考。一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开
2017-10-31 15:13:22
310
转载 js时间转化
一、js时间的转化1）时间戳转化为特定格式Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日
2017-10-31 14:27:09
475
转载 解决苹果手机里面的网页返回不刷新页面的问题
点击打开链接详细信息查看上面链接var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; if (browserRule.test(navigator.userAgent)) { window.onpageshow = function(event) { if (event.persiste
2017-10-26 11:21:18
9132
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人