前端
bylifan
这个作者很懒,什么都没留下…
展开
-
js -- constructor构造方法
let aaa = { name: 'Lifan', age: 18}class Polygon { constructor(aaa) { this.name = aaa.name; }}const poly1 = new Polygon(aaa);console.log(poly1.name);原创 2020-07-31 23:49:38 · 688 阅读 · 0 评论 -
js -- 如何点击某个地方不失去焦点
用mousedown $("ul").on("mousedown ", "li", function () { event.preventDefault(); })原创 2020-01-04 10:38:30 · 1511 阅读 · 0 评论 -
jq -- 缓动移除元素
$(".list").fadeOut(200,function(){$(".box").addClass("active");})原创 2019-12-31 15:09:08 · 202 阅读 · 0 评论 -
vsc -- 快捷键
Ctrl + Backspace (删除上一个单词)Ctrl + D (选中光标所在的单词)原创 2019-12-31 14:26:59 · 670 阅读 · 0 评论 -
js -- 如何获取for循环每个iLoop的值
1.直接用let ,优点:简单 ;缺点:IE不会报语法错误 , 但是let最后出来的值和var没区别 , 查了下原因letvariables are not bound separately to each iteration offorloopslet变量不会分别绑定到for循环的每个迭代 for (let iLoop = 0; iLoop < test....原创 2019-12-26 17:13:05 · 479 阅读 · 0 评论 -
css -- 英文字符不会自动换行
word-break: break-all;原创 2019-12-25 12:37:57 · 438 阅读 · 0 评论 -
css -- 选择器选择最后两项
.mod_seltect_type:nth-last-of-type(-n+2) { margin-bottom: 0;}原创 2019-12-18 15:21:08 · 5055 阅读 · 0 评论 -
css -- 文字溢出处理 省略
1.单行文本溢出显示省略号…<div class="ellipsis"> 单行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分</div>.ellipsis{//单行文本溢出 overflow: hidden; text-overflow:ellipsis;//文本溢出显示省略号 whi...原创 2019-12-10 12:51:49 · 194 阅读 · 0 评论 -
css -- 滚动条隐藏
div::-webkit-scrollbar { width: 0;}原创 2019-10-23 11:15:07 · 105 阅读 · 0 评论 -
webpack --- webpack和webpack-dev-server众问题
报错信息:peerDependencies WARNING webpack-dev-server@^2.9.7 requires a peer of webpack@^2.2.0 || ^3.0.0 but webpack@4.39.1 was installedpeerDependencies WARNING webpack-dev-server@2.11.5 › webpack-dev...原创 2019-08-13 15:53:09 · 1853 阅读 · 0 评论 -
webpack --- webpack-dev-server常用指令
"dev": "webpack-dev-server --open --port 3000 --contentBase src --hot"--open 自动打开浏览器到根目录--port 3000 用哪个端口打开-- contentBase src 自动跳转根目录下某个目录--hot 代码每次保存会重新生成文件存在内存里面,这条指令加上可以让更新的内容变成一个补丁,没更新...原创 2019-08-13 16:53:58 · 178 阅读 · 0 评论 -
webpack -- 图片和bootstrap字体安装使用
1、安装插件cnpm i url-loader file-loader --save-dev2、webpack.config.js(字体一起添加了) module: { // 这个节点,用于配置 所有 第三方模块 加载器 rules: [ // 所有第三方模块的 匹配规则 { test: /\.css$/, use: ['style-loader', 'css...原创 2019-08-14 20:59:19 · 396 阅读 · 0 评论 -
vue -- 一些小tips
//允许jsonVue.http.options.emulateJSON = true;关闭生产模式,打开开发模式Vue.config.productionTip = false原创 2019-08-24 09:40:51 · 87 阅读 · 0 评论 -
webpack --端口被占用
1.进入cmd命令窗口,写netstat -ano|findstr "端口号"2.taskkill -PID 占用项目 -F原创 2019-08-15 12:31:59 · 1414 阅读 · 0 评论 -
vue -- touter路由跳转两种办法
标签式:<router-link :to="'PhotoInfo/' + item.id">编程式:this.$router.push({ name: "goodsinfo", params: { id } });// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由...原创 2019-08-24 10:11:44 · 221 阅读 · 0 评论 -
webpack_vue -- vue导包路径问题
import Vue from 'vue'这个‘vue’不是指向vue.js,而是同目录下的一个阉割包,导入vue.js两种方法:法1.导入包直接改下import Vue from 'vue/dist/vue.js'法2.在webpack.config.js下加入和module平级的路径module: { },resolve: { alias: { ...原创 2019-08-15 15:14:01 · 511 阅读 · 0 评论 -
webpack_vue -- webpack使用vue文件
第一步:装包cnmp i vue-loader -Scnmp i vue-template-compiler -D第二步:创建vue文件<template> <div> <h1>vue创建的</h1> </div></template><script></scri...原创 2019-08-15 17:09:29 · 318 阅读 · 0 评论 -
webpack_vue -- vue中export default 和 export使用
1.vue文件里面使用:<template> <div> <h1>vue创建的</h1> </div></template><script>export default { msg:"sz",}</script><style></style...原创 2019-08-15 17:48:15 · 256 阅读 · 0 评论 -
webpack_vue -- lang和scoped
<style lang="less" scoped>body{ div { color: red; }}</style>lang:如果要使用less,scssscoped:如果不加其他的div也会变色,加了只有这一个组件的会变使用scoped的结果:不使用scoped的后果:...原创 2019-08-15 19:41:52 · 231 阅读 · 0 评论 -
webpack -- MUI安装
无法用npm安装,只能上GitHub上下载包,手动载入https://github.com/dcloudio/mui只用将dist文件导入就好在src目录下创建一个lib文件夹,然后把dist改成mui,再把main.js添加包import './lib/mui/css/mui.min.css'mui不一定要用vue...原创 2019-08-16 15:21:46 · 2104 阅读 · 0 评论 -
Vue -- $router和$route的区别
$route,传的参数可以在这里看到:\$router,路由的详细信息可以看到,比如子路由之类的@click="$goRoute('photoinfo'+item.id)"原创 2019-08-21 17:39:21 · 141 阅读 · 0 评论 -
vue_mui -- tabbar点击不跳转且报错
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.报错而且点击不跳转第一步:在tabbar那个页面下的script里面添加一条import mui from '@/lib/mui/js/mui.min.js'mu...原创 2019-08-23 12:10:03 · 413 阅读 · 0 评论 -
微信小程序开发 -- 如何传输数据
js和界面交互:界面上比如触发点击事件: <input type="text" placeholder="请输入..." bindinput="inputChangeHandle"/>将数据传到页面上,需要this.getData({})inputChangeHandle: function(e){ this.setData({ data...原创 2019-08-28 13:52:46 · 531 阅读 · 0 评论 -
JS -- 深拷贝 JSON.stringify(data) , JSON.parse(data)
json.parse(json.stringify(data)) var test = { name: 'a', date: [new Date(1536627600000), new Date(1540047600000)], }; let b; b = JSON.parse(JSON.stringify(test)) console.l...原创 2019-08-30 13:18:37 · 391 阅读 · 0 评论 -
vue -- element按需引入
babel.config.js改成module.exports = { presets: [ '@vue/app', ['env', //添加 babel-preset-env 配置 { 'modules': false } ] ], plugins: [ // element官方教程 ...原创 2019-09-02 16:16:56 · 163 阅读 · 0 评论 -
vue -- router路由跳转错误 , NavigationDuplicated
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}原创 2019-09-02 19:02:40 · 2232 阅读 · 1 评论 -
Vuex -- store基本操作
第一步:安装vuex第二步:store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //存储 $store.state.count count:0 }, mutations: { //修改值 th...原创 2019-09-07 10:45:58 · 330 阅读 · 0 评论 -
JS -- 乘法运算
字符串加法运算只是拼接 , 而减 , 乘 , 除 都是讲其转为数字进行运算 , 如果有字母返回NaN var [a,b,c,d] = ['1','2','3a','4d'] console.log(a+b); // 12 console.log(a-b); // -1 console.log(a*b); // 2 ...原创 2019-09-08 08:43:15 · 9261 阅读 · 0 评论 -
JS -- 去重
var array = [1, 1, "2", '1']1.Set() var con = new Set(array) console.log(con); // Set(3){1, "2", "1"}2.indexOf() function unique(array) { ...原创 2019-09-08 12:15:39 · 610 阅读 · 0 评论 -
angular -- ng基本语法
ngfor: <li *ngFor="let item of todos"> <div>{{ item.title }}</div> </li>ngif<ul class="todo-list" *ngIf='todos.length'> .....<...原创 2019-09-09 11:50:26 · 672 阅读 · 0 评论 -
angular -- *ngIf
<ul class="todo-list" *ngIf='todos.length'> .....</ul>第二种 , 搭配<ng-template><ng-template [ngIf]='todos.length'> .....</ng-template>原创 2019-09-09 12:11:36 · 789 阅读 · 0 评论 -
Jq --- 基本操作
jq入口:$(document).ready(function)$().ready(function)$(function)jq和dom转换:dom转jqvar box = document.getElementById("box");box = $(box);jq转domvar jqdiv = $("div");console.log(jqdiv[0]);...原创 2019-09-14 14:57:31 · 754 阅读 · 0 评论 -
jq -- 节点操作
创建节点: // 创建节点1: $("标签") :类比于js中的document.createElement("li"); console.log($("<li class='aaa'>我是li标签</li>")); // 创建节点2: $("ul").html(""); :类比inner...原创 2019-09-15 19:47:41 · 183 阅读 · 0 评论 -
vsc -- 插件安装
1.chinese(简体中文)2.Live server(打开浏览器)3.One Dark Pro(编辑器的颜色)原创 2019-09-16 21:29:42 · 1491 阅读 · 0 评论 -
前端 -- 浏览器缓存机制
防止策略:1.加上版本号 , 问号后面不影响解析(推荐)<link rel="stylesheet" type="text/css" href="/css/style.css?version=1.8.9"/>2.直接html禁止 , 但是支持的浏览器少<meta http-equiv="Cache-Control" content="no-cache, no-...原创 2019-10-07 21:26:13 · 139 阅读 · 0 评论