
前端学习
遗世独立hws
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3代码检查以及格式化配置
vue3+ts项目代码检查以及格式化原创 2022-08-23 17:19:14 · 2141 阅读 · 0 评论 -
git有关知识总结
1.当我们通过git init创建或者git clone一个项目的时候,项目目录会隐藏一个.git子目录,其作用是用来跟踪管理版本库的原创 2021-09-22 15:58:37 · 170 阅读 · 0 评论 -
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 · 697 阅读 · 0 评论 -
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 · 634 阅读 · 0 评论 -
手写axios实现请求响应拦截器和中断请求
function Axios(config) { this.default = config; this.interceptors = { request: new InterceptorManager(), response: new InterceptorManager(), } } Axios.prototype.request = .原创 2021-04-07 17:04:34 · 777 阅读 · 0 评论 -
前端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 · 343 阅读 · 0 评论 -
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 · 180 阅读 · 0 评论 -
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 · 3791 阅读 · 0 评论 -
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 · 10347 阅读 · 6 评论 -
移动端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 · 353 阅读 · 0 评论 -
安卓机上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 · 875 阅读 · 0 评论 -
使用rollup打包.vue文件到npm私库
1.原创 2019-11-15 14:30:51 · 1687 阅读 · 0 评论 -
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 · 1273 阅读 · 0 评论 -
纯 CSS 方式实现 CSS 动画的暂停与播放
html代码: stop play css样式:.animation { width: 100px; height: 100px; margin: 50px auto; background: deeppink; anima转载 2017-04-28 17:20:30 · 3625 阅读 · 0 评论 -
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 · 261 阅读 · 0 评论 -
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 · 2142 阅读 · 0 评论 -
节流和防抖
1.请求报文 请求报文是由请求方法、请求 URI、协议版本、可选的请求首部字段和内容实体构成的。2.响应报文 响应报文基本上由协议版本、状态码(表示请求成功或失败的数字代码)、用以解释状态码的原因短语、可选的响应首部字段以及实体主体构成。常见的状态码:200 OK 301 Moved Permanently(表示请求的资源已被分配了新的 URI,以后应使用资源...原创 2017-09-30 10:29:32 · 239 阅读 · 0 评论 -
浏览器输入url与BFC详解
1、css兼容问题 (1)IE6不识别html5标签 解决:引入html5shiv.js库 (2)IE6元素左右浮动,子元素设置高度后,父元素的浮动消失 解决:给子元素也加上浮动 (3)IE6下第一块元素浮动后,第二块元素加的margin-left值等于第一块元素的宽度,会有间隙问题原创 2017-10-11 10:02:06 · 700 阅读 · 0 评论 -
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 · 1055 阅读 · 0 评论 -
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 · 693 阅读 · 0 评论 -
app中加载h5页面白屏问题
一.问题描述:通过原生检查日志在网络不好的情况下,由于vue打包后的第三方js包加载失败导致h5页面白屏。二.解决方案:1.减少第三方依赖:在package.json中把不需要的包删除。2.组件化:项目中将能复用的部分组件化。3.webpack实现vue代码分隔和懒加载:路由懒加载和组件按需加载。 (1).路由懒加载// r就是resolveconst list ...原创 2019-07-30 11:23:31 · 10424 阅读 · 0 评论 -
前端必备知识
一、变量和类型1.JavaScript规定了几种语言类型? 引用类型:Object、Function2.JavaScript对象的底层数据结构是什么? Array: 栈、队列、哈希表3.Symbol类型在实际开发中的应用、可手动实现一个简单的Symbol4.JavaScript中的变量在内存中的具体存储形式5.基本类型对应的内置对象,以及他们之间的装箱拆箱操作...原创 2016-07-25 16:56:05 · 729 阅读 · 0 评论 -
网页嵌入到手机中的缩放、横竖屏功能
在pc端插入手机图片,把网页嵌入到手机图片的iframe中,通过css3样式实现手机图片和网页一起缩放的功能。transform:scale(0.8,0.8);//实现缩放transform-origin:24% 5%;//找到缩放的基点transform-rotete(90deg);//实现横竖屏旋转原创 2017-04-19 10:16:40 · 1129 阅读 · 0 评论