- 博客(42)
- 收藏
- 关注
RSS订阅原创 浏览器多进程到js单线程以及js运行机制
一、进行和线程1.进程之间相互独立，多个线程在进程中协作完成任务；一个进程由一个或多个线程组成，同一个进程下的各个线程之间共享程序的内存空间（代码段、数据集、堆等）2.在windows电脑中，打开任务管理器看到一个后台进程列表,而且可以看到每个进程的内存资源信息以及cpu占有率3.单线程与多线程，都是指在一个进程内的单和多。4.浏览器是多进程的，每打开一个tab页，就相当于创建了一个独立的浏览器进程。浏览器进程包含browser进程、第三方插件进程、GPU进程和浏览器渲染进程（页面的渲染、j
2022-05-24 17:22:08
230
原创 git有关知识总结
1.当我们通过git init创建或者git clone一个项目的时候，项目目录会隐藏一个.git子目录，其作用是用来跟踪管理版本库的
2021-09-22 15:58:37
127
原创 verdaccio搭建npm私有仓库
1.安装verdaccionpm install -g verdaccio或者yarn global add verdaccio直接执行：verdacciowarn --- config file - /Users/broszhu/.config/verdaccio/config.yamlwarn --- Plugin successfully loaded: verdaccio-htpasswdwarn --- Plugin successfully loaded: ver.
2021-09-01 14:44:45
591
原创 vue公众号页面跳小程序webview页
importwxfrom'weixin-js-sdk';1.在vue文件的mounted中初始化参数 wx.config({ debug: false, // 开启调试模式, appId: res.data.appId, // 必填，公众号的唯一标识 timestamp: res.data.timeStamp, // 必填，生成签名的时间戳 nonceStr: res.dat...
2021-07-29 10:38:18
545
原创 手写axios实现请求响应拦截器和中断请求
function Axios(config) { this.default = config; this.interceptors = { request: new InterceptorManager(), response: new InterceptorManager(), } } Axios.prototype.request = .
2021-04-07 17:04:34
686
原创 前端promise知识点以及实现一个promise
1.如何改变promise的状态？（1）resolve(value): 如果当前是pendding就会变为resolved（2）reject(reason): 如果当前是pendding就会变为rejected（3）抛出异常：如果当前是pendding就会变为rejected2.一个promise指定多个成功/失败回调函数，都会调用吗？ 当promise改变为对应状态时都会调用3.改变promise状态和指定回调函数谁先谁后？ （1）都有可能，正常情况下是先指定回调函...
2021-03-26 10:33:49
276
原创 vue项目相关知识点
vue 原生项目 -----》 手动编写webpack等工具配置vue-cli ---------》 工具标准化(webpack、eslint、postCss、babel)，项目中有自动生成build的webpack配置文件nuxt.js ========》项目中没有webpack文件，将webpack配置在nuxt.config.js中uni-app ==========》 项目中没有webpack文件，we...
2021-02-22 15:02:52
133
原创 uni-app小程序从开发到上线过程
1.开发小程序时Hbuilder中选择运行--小程序模拟器--微信开发者工具2.开发结束提交测试时，在Hbuilder中选择“发行-小程序微信”打包，会自动打开微信开发者工具，在微信开发者工具中点击上传，会弹出下面的弹框，输入版本号以及备注 3.在微信公众平台登录该小程序账号，点击版本管理菜单，将刚上传的版本设置为体验版 4.体验版的二维码...
2020-12-31 13:36:29
3639
1
原创 在nuxt.js项目中引入第三方插件编译问题
1.在有的浏览器引入的第三方插件会报错，需要在nuxt.config.js中配置build: { transpile: [ 'swiper', 'dom7', 'vue-baidu-map', 'three' ], }2.插件不需要服务端渲染plugins: [ { src: "~/plugins/awesome-swiper.js", ssr: false },],...
2020-12-25 17:17:19
881
原创 vue中.async，.lazy，.passive等一些常用修饰符
1.修饰符.sync 由于保持数据的单向性，从父组件传到子组件的数据，子组件如果修改了项目还可以运行浏览器上会报错，加上.sync后子组件内部改变props属性值并更新到父组件中<child :name.sync="name"></child> // 父组件// 子组件事件changePropsInChild(){ this.$emit('update:name', 'I am from child');}:name.sync就是:name=".
2020-12-04 13:23:38
3373
原创 vue页面将http转为https
在xx.vue页面中添加下面的代码后,如果是通过ip地址在本地访问会报错net::ERR_SSL_PROTOCOL_ERROR所有的资源都访问不到的问题，所以通过ip地址在本地调试时候要注释掉export default { data(){}, head() { return { meta: [ { hid: 'description', 'http-equiv': 'Content-Security-Policy
2020-11-18 13:19:14
9679
6
原创 使用js实现移动端、PC端滑动
// css /* 列表的父盒子，限制宽高 */ /* 注意设置overflow: hidden;样式后，超出这个盒子的ul将不会显示 */ .draw { width: 60px; height: 500px; border: 2px solid #ccc; overflow: hidden; position: fixed; left: 10px; top: 50%; transfo.
2020-10-20 15:05:19
1562
原创 line-height兼容和inline-block间距问题
1、当设置了font-size，再设置height、line-height后发现，ios和安卓手机上高度显示不一样2、display:inline-block
2020-10-20 14:47:59
379
原创 移动端抓包调试工具
1.抓包工具Charles（1）电脑上安装Charles工具，手机网络设置代理连接电脑的ip地址，代理端口为8888（2）操作app上的功能，就可以在电脑的Charles上看到请求的数据2.vconsole使用vconsole主要可以查看移动端 console 日志和网络请求（1）通过npm安装vconsole，在vue项目中main.js全局引入import VConsole from 'vconsole/dist/vconsole.min.js'let vConsol..
2020-10-10 15:20:10
714
原创 flex与position用在一起出现的问题
需求：导航栏固定在头部，并且可以左右滑动<div class="wrap"></div>//css样式.wrap { position: fixed; display: flex;}发现flex布局失效了，因此被定位的盒子不参与flex布局。那就在这个盒子外面套一个盒子，给外层盒子使用定位，内层没有使用定位的盒子继续使用flex<div class="content"> <div class="wrap">&
2020-10-10 11:09:08
4726
原创 Vue.use()与Vue.prototype的区别
1.Vue.prototype直接挂在 Vue 方法的原型上，通过原型链继承的关系可以在任意一个组件里访问到实例function myVue(title){ this.title = title}myVue.prototype.myUse = '在原型上添加公共属性'const A = new myVue('我是实例A')const B = new myVue('我是实例B')console.log(A.title, B.title, A.myVue, B.myVue, )// 我是实
2020-09-28 13:34:14
1653
1
原创 移动端1px兼容问题
在有的手机上border: 1px看起来很粗，设置为border: 0.5px在安卓机上默认为border: 0px；(1)通过伪类可以解决.retina-border { position: relative;}.retina-border::before { content: ''; position: absolute; top: 0px; right: 0px; width: 200%; height: 200%; trans
2020-09-24 17:06:24
303
原创 h5中使用rem、vm和vh、@media实现屏幕适配
1.使用postcss-pxtorem包实现自适应 通过npm install postcss-pxtorem安装包，在postcss.config.js中添加配置 postcss: { plugins: { 'postcss-pxtorem': { rootValue: 37.5, propList: ['*'] } } },页面中可以直接使用px单位，会自动编译为rem..
2020-09-24 16:08:11
1819
原创 安卓机上cookie设置token失效以及token跨域问题
1.cookies.set('token',res.userToken,{domain:location.href.indexOf('baidu.com')!=-1?'.baidu.com':'',path:'/'})
2020-03-04 09:38:47
775
原创 vue.js项目使用nuxt.js框架实现服务端渲染
1.使用vue-cl3搭建的vue.js项目目录结构 和 nuxt.js改造是vue项目目录结构 2.将vue.js中的内容迁移到nuxt.js中 （1） 页面：src/views ----> pages （2）组件：src/components ----> components，不需要像在pages下的页面组件那样有 asyncDat...
2019-08-23 15:00:52
1211
原创 app中加载h5页面白屏问题
一.问题描述：通过原生检查日志在网络不好的情况下，由于vue打包后的第三方js包加载失败导致h5页面白屏。二.解决方案：1.减少第三方依赖：在package.json中把不需要的包删除。2.组件化：项目中将能复用的部分组件化。3.webpack实现vue代码分隔和懒加载：路由懒加载和组件按需加载。 (1).路由懒加载// r就是resolveconst list ...
2019-07-30 11:23:31
9934
原创 weex在项目中的使用及遇到的坑
1. 在开发阶段编写xx.vue文件，xx.vue文件会被编译成 .js 格式的文件,然后Weex SDK会负责加载渲染这个js文件。在web 平台和 Native 平台，对 Virtual DOM 执行的解析方法不同。weex 是通过 webpack 打包出 bundle 文件的。bundle 文件的打包和 entry.js 文件的配置数量有关，默认情况下之后一个 entry 文件，自然也就...
2019-07-02 15:51:27
966
原创 在浏览器中h5页面唤起app的操作
1.通过callapp-lib插件实现唤起app功能 npminstall–savecallapp-lib2.页面中使用(1)引入callapp-lib包importCallAppfrom‘callapp-lib‘;(2)实例化过程中，需要传递一个 options 对象给类,设置options参数const options = { sche...
2019-06-29 18:21:06
4902
2
原创 js微信二次分享
1.wx_share.js(1)导出二次分享方法：export const wechatShare = async (option = {}, successCB = () => {}) => { const shareOption = { link: location.href, title: 'aaa', ...
2019-06-29 15:20:25
552
原创 浏览器输入url与BFC详解
1、css兼容问题 （1）IE6不识别html5标签 解决：引入html5shiv.js库 （2）IE6元素左右浮动，子元素设置高度后，父元素的浮动消失 解决：给子元素也加上浮动 （3）IE6下第一块元素浮动后，第二块元素加的margin-left值等于第一块元素的宽度，会有间隙问题
2017-10-11 10:02:06
623
原创 节流和防抖
1.请求报文 请求报文是由请求方法、请求 URI、协议版本、可选的请求首部字段和内容实体构成的。2.响应报文 响应报文基本上由协议版本、状态码（表示请求成功或失败的数字代码）、用以解释状态码的原因短语、可选的响应首部字段以及实体主体构成。常见的状态码：200 OK 301 Moved Permanently（表示请求的资源已被分配了新的 URI，以后应使用资源...
2017-09-30 10:29:32
202
原创 angular.js 、angular2和angular4的区别，以及angular4后台管理系统搭建过程总结
一、快速搭建环境1.通过angular-cli快速搭建2.通过npm install 安装依赖的模块node-module3.通过npm start 启动项目二、页面操作1.变量类型 name:string; name:string[]; name:Array<string>;2.父页面向子页面传值(input) <a...
2017-08-23 11:05:23
1706
原创 js的相关题
1.请问下面的代码之中有几个this？function foo() { return () => { return () => { return () => { console.log('id:', this.id); }; }; };}var f = foo.call({id: 1});...
2017-05-12 10:49:16
199
转载 纯 CSS 方式实现 CSS 动画的暂停与播放
html代码： stop play css样式：.animation { width: 100px; height: 100px; margin: 50px auto; background: deeppink; anima
2017-04-28 17:20:30
3539
原创 css伪元素属性content用法场景
1.内容的生成(边框、图标、边框、符号等） div:after{ content:’text”; } div:after{ content:url(1.jpg); } 2.动态获取内容div:before{ content: attr(data-content); } 3.清除浮动 .div:after{display:block; content:”cl
2017-04-27 09:14:37
2053
原创 提高jQuery效率
1.缓存变量 DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$element.css('hei
2017-04-24 11:13:49
338
原创 网页嵌入到手机中的缩放、横竖屏功能
在pc端插入手机图片，把网页嵌入到手机图片的iframe中，通过css3样式实现手机图片和网页一起缩放的功能。transform:scale(0.8,0.8);//实现缩放transform-origin:24% 5%;//找到缩放的基点transform-rotete(90deg);//实现横竖屏旋转
2017-04-19 10:16:40
993
原创 js常用的设计模式
(1) jquery.fn = jquery.prototype = { //相当于给jquery这个类添加成员函数，添加后jQuery实例可以使用它 }; （2）jQuery.extend([deep],target,object1,objectN); //该方法可用于一个或其它多个对象来扩展其中一个对象，并返回被扩展的
2017-03-03 14:02:51
562
原创 css实现垂直水平居中、两栏和三栏布局
<style> /* 1. 基于定位 */ /* .content { position: relative; background-color: #ccc; width: 500px; height: 500px } */ /* .box { 缺点：需要知道宽高以及精确计算 position: absol...
2016-10-06 16:05:23
666
原创 js继承的几种方式
1原生js代码<div id="div1"> <input class="active" type="button" value="测试"/> <input type="button" value="aaa"/> <input type="button" value="bbb"/> <div style="...
2016-07-31 22:25:45
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人