动态生成的html无法绑定vue指令

是这样的,点击一个按钮弹出一个框,然后在HTML中绑定了vue的model和on,但是都不生效,可是不是动态生成也就是一打开页面就展现的内容中,指令是生效的。图片说明图片说明图片说明图片说明图片说明图片说明图片说明图片说明图片说明图片说明图片说明

5个回答

看你图片的代码啥都看不出来,你应该把所有的代码贴出来,你图片里是弹出框内容的htm吧?我感觉是你用错了,vue是基于数据驱动的,只要改变
开始注册的代表显示数据的值,就能让弹出框是隐藏还是显示,比如:

 <h1 v-if="seen">if you can see me</h1>
 <input type="button" class="btn" v-bind:value="seen ? '隐藏' : '显示'" v-on:click="switchSeen">
var app = new Vue({
                el: '#app',
                data: {
                    seen:true,
                },
                methods:{//方法,可以传参数进来
                    switchSeen:function(e){
                        //e.target可获取当前元素
                        this.seen = !this.seen;
                    }
                }
            });

应该不会吧。真不行的话 试试转义一下指令呗

把你的代码贴上来看一下呢~~

qq_32719145
安逸让人堕落 稍等我拍一下
2 年多之前 回复

点击一个按钮,将这段html展现出来,是在el绑定的id之下,也是在那个vue的管理中吧图片

你可以在data中定义一个参数,然后click的时候动态改变这个参数的布尔值,让他展示或者消失就好了啊。举个例子:

<template>
    <div class="test">
        <div :class="{toggle:toggleFlag}">这是要展示或者隐藏的内容</div>
        <button @click="showTest">我是按钮</button>
    </div>
</template>


<script>
export default {
    name:"test",
    data() {
        return {
            toggleFlag: true
        }
    },
    methods:{
        showTest(){
            this.toggleFlag = !this.toggleFlag;
        }
    }
}

</script>  

<style lang="scss" scoped>
    .toggle{
        display: none;
    }
</style>


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue 自定义组件怎么去动态绑定多个input的model

<template> <div> <div> <label for='input-one'> name: <input id='input-one' v-bind:value='domianData.name' v-on:input="$emit('input', {name: $event.target.value, age: value.age})"></input> </label> <label for='input-two' v-for="item in data1" :key="item.key"> age: <input id='item.key' :value='domianData.age' v-on:input="$emit( 'input', {name: value.name, age: $event.target.value}) "></input> </label> </div>` </div> </template> <script> export default { props: ['value'], data () { return { data1: [ { key: '1111111111', value: '萨达' }, { key: '2222222222', value: '阿斯达' } ], domianData: this.value } }, methods: { clickInput (val) { }, onChange () { this.domianData = '我是由子组件触发改变了内容' } }, watch: { value (val) { console.log(val); this.domianData = val }, domianData (val) { console.log(val); this.$emit('input', val) } }, } </script> <style scoped> </style>

vue 如何动态绑定less的深度作用选择器?

众所周知,使用/deep/ 可以更改子组件的样式,使用:style可以绑定样式。 我想根据页面的宽度,动态更改子组件(npm 引用的组件)的样式,应该怎么做?

jquery Ajax+Vue.js 实现动态生成表格(内容从数据库中提取)

![图片说明](https://img-ask.csdn.net/upload/201702/20/1487553787_783255.png) ![图片说明](https://img-ask.csdn.net/upload/201702/20/1487554075_610426.png) 图片中表格里的内容只是为了测试一下 大神们,求详细script代码!!

vue cli 3 双向绑定报错

``` <template> <div class="demo-Directives-If"> <span>{{msg}}</span> <button>刷新</button> </div> </template> <script> import Vue from 'vue' export default { name: "demo-Directives-If", }; window.onload = function () { new Vue({ el: '.demo-Directives-If', data: { msg: 'Hello Vue!' } }) } </script> ``` 初次用vue cli 3 这里报错msg未定义,请问msg该如何声明呢

关于Vue打包问题没生成index

很久没有使用Vue进行开发了,最近用Vue进行开发后发现打包环节 生成的文件夹dist中没有了index.html,打包也没有报错,求解。

vue的<component>怎么动态获取绑定的多个组件的props的值

vue的<component>怎么动态获取绑定的多个组件的props的值?这是一个tab切换的demo,三个切换按钮,点击切换对应的组件显示。新手一枚,这么写在选中组件1没选中的另外两个组件的情况下总显示caseconts2="[object Object],[object Object],[object Object],[object Object]"和caseconts2="[object Object],[object Object],[object Object],[object Object]" ``` <div class="casetabs"> <ul class="clearfloat"> <li @click="toggleTabs(index,tab.view)" v-for="(tab,index) in casetabs" :class="{case_on:case_on==index}">{{ tab.type }}</li> </ul> </div> <component :is="currentView" :caseconts1="caseconts1" :caseconts2="caseconts2" :caseconts3="caseconts3"></component> ``` ``` Vue.component("case1", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) Vue.component("case3", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) Vue.component("case2", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) ``` caseconts1,caseconts2,casecont3是json获取的 ``` var app = new Vue({ el: '#dre', data: { casetabs: [ { type: '最新案例', view: 'case1' }, { type: '热门案例', view: 'case2' }, { type: '经典案例', view: 'case3' } ], caseconts1:[], caseconts2:[], caseconts3:[], }, mounted: function () { this.$nextTick(function () { app.cartView(); }) }, methods: { cartView: function () { var _this = this; this.$http.get("data/index.json", { "id": 123 }).then(function (response) { _this.caseconts1 = response.data.result.caseconts1; _this.caseconts2 = response.data.result.caseconts2; _this.caseconts3 = response.data.result.caseconts3; }); ``` ![图片说明](https://img-ask.csdn.net/upload/201906/14/1560485189_69296.png)

vue-cli配合webpack搭建多页面应用,测试、打包没报错,但打开打包生成html文件就报错。

如标题所示:vue-cli配合webpack搭建多页面应用,测试、打包没报错,但打开打包生成html文件就报错。望大神指点指点。 ![图片说明](https://img-ask.csdn.net/upload/201804/15/1523795530_349133.png) csdn.net/upload/201804/15/1523795495_611472.png) ![图片说明](https://img-ask.csdn.net/upload/201804/15/1523795509_693963.png)

动态生成的td无法触发点击事件的问题

今天写项目,碰到了这个问题,我用ajax从数据库取到数据了,然后生成td将表格填满,最有一个“退号”属性,给它绑定了一个事件,点击了触发函数。 以上是理想情况,但是实际上我的点击事件根本没办法触发,所以请问一下大家这个该怎么处理?具体看图 ![图片说明](https://img-ask.csdn.net/upload/201911/22/1574417072_788755.png) 这个是我生成部分的代码,这里我绑定了事件 ![图片说明](https://img-ask.csdn.net/upload/201911/22/1574417112_31942.png) 这是我的那个绑定的方法 ![图片说明](https://img-ask.csdn.net/upload/201911/22/1574417128_815122.png) 前端页面中是这样显示的(但是我注意到我自己在html源代码里写的v-on:click事件是不显示出来的) 问题我已经解决了,是如图这样的 ![图片说明](https://img-ask.csdn.net/upload/201911/24/1574527177_728434.png) 这里我又出现了一个问题,就是如何实现vue的动态绑定? ![图片说明](https://img-ask.csdn.net/upload/201911/24/1574527229_641223.png) 在我点击退号后,数据库中此条数据的状态变为退号状态(已经实现), 但是前段这里怎么动态改变呢? ![图片说明](https://img-ask.csdn.net/upload/201911/24/1574527334_735905.png) 就是成功后,这个状态变成已退号 我想用vue实现,所以在退号成功后,改变vue对象的属性,但是好像没用,前段这边不会改,请问需要怎么改进呢?

如何用vue.js双向绑定获取mui.js框架内部数据?

如何用vue.js双向绑定获取mui.js框架内部数据?APP项目中用vue.js获取input里面的内容,同时引用了mui样式和js,现在其他数据都可以获取到,就是mui.js获取的数据,无法引入vue.js中的data,求解!!!

使用vue动态切换属性不生效

我给日历组件添加动态class样式: ``` <template slot="dateCell" slot-scope="{date, data}"> <p @click="change(data)" :class="{ 'redbgc':tradeDayList[data.day].isred,'greenbgc':tradeDayList[data.day].isgreen }" > {{ data.day.split('-').slice(1).join('-') }} </p> </template> ``` 上面代码中的redbgc和greenbgc是设置背景色红色或绿色的class,后面的tradeDayList是个key-value的形式,类似于: ``` const tradeDayList={ '2019-01-01':{ isred: 0, isgreen: 0, }, '2019-01-02':{ isred: 0, isgreen: 1, }, } ``` tradeDayList一开始所有的元素的isred和isgreen都是0,后来由点击事件触发change方法,改变对应的元素的isred和isgreen属性。 此时,页面上的样式并不会动态切换,而且浏览器控制台上的vue实例也没有动态的监听到tradeDayList内元素属性的变化,因此我让每次点击事件结束后,调用this.$forceUpdate()方法,强制重新渲染,此时浏览器控制台能动态的监听到tradeDayList内元素属性的变化了,但是页面上的元素样式依然没有发生变化。求解

webStorm无法解析vue.js怎么解决?

把vue.js文件放入webStorm的项目文件夹里 ![图片说明](https://img-ask.csdn.net/upload/201910/19/1571468378_934721.png) 提示please sprcify Node.js interpreter ![图片说明](https://img-ask.csdn.net/upload/201910/19/1571468452_961945.png) 且在html文件夹中提示无法解析,该怎么解决

vue如何将api请求收到的数据动态的显示到模板上呢?

我使用的是uniapp的框架,与vue差不多。我在请求服务端的数据后会返回给我一段数据,我想将这段数据动态的显示在模板上,请问该如何实现呢?网络请求的数据已经拿到了,但是是在请求的回调函数中。 ``` onLoad() { uni.request({ url: 'http://hd215.api.okayapi.com/?s=App.Main_Meta.Get&', method: 'GET', data: { key: 'usermeta', app_key: --- }, success: (res) => { // res.data.data.data; console.log(res.data.data.data) uni.showToast({ title: '查询成功!', mask: true, duration: 1500 }); }, }); }, ``` onload下为页面加载时执行的方法,uni.request为发起请求的方法。控制台输出为 ``` add_time:"2019-01-19 00:53:17" data:{content: "哈哈哈哈哈"} err_code:0 err_msg:"" key:"usermeta" update_time:"" ```

允许在vue.js Web应用程序中动态创建sitemap.xml

<div class="post-text" itemprop="text"> <p>I have a Vue.JS single page application with a PHP back-end running on apache. The app is running fine, using the vue.js routing to navigate between pages.</p> <p>I want to dynamically create an XML sitemap based on records in a database (each record has it's own page). I have a .php file which generates the XML and returns text/xml.</p> <pre><code>&lt;?php header("Content-type: text/xml"); ?&gt; &lt;urlset xmlns="http://www.google.com/schemas/sitemap/0.84" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.google.com/schemas/sitemap/0.84 http://www.google.com/schemas/sitemap/0.84/sitemap.xsd"&gt; &lt;url&gt; &lt;loc&gt;https://myapp.com/&lt;/loc&gt; &lt;priority&gt;1.00&lt;/priority&gt; &lt;/url&gt; &lt;?php ###### Code for calling the DB ?&gt; &lt;/urlset&gt; </code></pre> <p>In my .htaccess file, I'm redirecting sitemap.xml to my sitemap.php page. </p> <pre><code>&lt;IfModule mod_rewrite.c&gt; RewriteEngine on RewriteRule ^sitemap\.xml$ /php/sitemap.php [L] RewriteRule ^([A-Za-z0-9-]+)/?$ index.php?shortName=$1 [NC,L] &lt;/IfModule&gt; </code></pre> <p>However, the vue.js router is intercepting the request and displaying my 404 page.</p> <pre><code>const routes = [ // home {name: 'home',path: '/',component: Home}, // all my other routes here // 404 catch-all { path: '*', component: NotFound} ] </code></pre> <p>Is there a way to ignore certain routes in the vue.js router? Or am I going about this the wrong way?</p> </div>

在模式vue组件表单中绑定数据库表值

<div class="post-text" itemprop="text"> <p>In my Laravel 5.3 application, I am having a modal component which gets displayed when a user clicks on a button to edit the data.</p> <p>Loading of modal window is done with the following code:</p> <pre><code>&lt;a href="#" class="btn btn-sm btn-info" data-toggle="modal" data-target="#editCountryModal" data-country-id="{{ countries['id'] }}" data-country-code="{{ countries['code'] }}" data-country-name="{{ countries['name'] }}" data-country-currency-code="{{ countries['currency_code'] }}" data-country-currency-name="{{ countries['currency_name'] }}" data-country-display="{{ countries['display'] }}" &gt; &lt;i class="fa fa-lg fa-pencil"&gt;&lt;/i&gt; &lt;/a&gt; </code></pre> <p>The above code loads the following form which is inside a modal component.</p> <pre><code>&lt;template&gt; &lt;div class="errors"&gt;&lt;/div&gt; &lt;form method="POST" @submit.prevent="updateCountry"&gt; &lt;div class="form-group"&gt; &lt;label for="name"&gt;Id:&lt;/label&gt; &lt;input type="text" name="id" id="countryId" class="inputText" autofocus="autofocus" placeholder="1" readonly="readonly" v-model="formData.countryId" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="name"&gt;Name:&lt;/label&gt; &lt;input type="text" name="name" id="name" class="inputText" placeholder="Eg. India" required="required" v-model="formData.name" /&gt; &lt;div class="error"&gt; &lt;span v-if="formErrors['name']" class="text-danger" &gt; {{ formErrors['name'] }} &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="code"&gt;Code:&lt;/label&gt; &lt;input type="text" name="code" id="code" class="inputText" placeholder="Eg. IND" required="required" v-model="formData.code" /&gt; &lt;div class="error"&gt; &lt;span v-if="formErrors['code']" class="text-danger" &gt; {{ formErrors['code'] }} &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="currency_name"&gt;Currency Name:&lt;/label&gt; &lt;input type="text" name="currency_name" id="currency_name" class="inputText" placeholder="Eg. Indian National Rupee" required="required" v-model="formData.currency_name" /&gt; &lt;div class="error"&gt; &lt;span v-if="formErrors['currency_name']" class="text-danger" &gt; {{ formErrors['currency_name'] }} &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="currency_code"&gt;Currency Code:&lt;/label&gt; &lt;input type="text" name="currency_code" id="currency_code" class="inputText" placeholder="Eg. INR" required="required" v-model="formData.currency_code" /&gt; &lt;div class="error"&gt; &lt;span v-if="formErrors['currency_code']" class="text-danger" &gt; {{ formErrors['currency_code'] }} &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="display"&gt;Display:&lt;/label&gt; &lt;select name="display" id="display" class="selectText" required="required" v-model="formData.display" &gt; &lt;option value="Disabled" selected="selected"&gt;Disabled&lt;/option&gt; &lt;option value="Enabled"&gt;Enabled&lt;/option&gt; &lt;/select&gt; &lt;div class="error"&gt; &lt;span v-if="formErrors['display']" class="text-danger" &gt; {{ formErrors['display'] }} &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;button type="submit" class="button button--teal"&gt;Edit&lt;/button&gt; &lt;/form&gt; &lt;/template&gt; &lt;script&gt; export default { data() { return { formData: { countryId: '', name: '', code: '', currency_name: '', currency_code: '', display: '' }, formErrors: {}, allCountries: [] } }, ready: function() { this.fetchAllCountries(); }, methods: { notify: function(mType, mTitle, mMessage, nDelay) { $.iGrowl({ type: mType == 'success' ? 'success' : 'error', title: mTitle, message: mMessage, icon: mType == 'success' ? 'steadysets-checkmark !' : 'feather-cross', delay: nDelay, animShow: 'bounceInRight', animHide: 'bounceOutRight' }); }, fetchAllCountries: function() { $.get('/api/all-countries', function(countries) { this.allCountries = countries; }.bind(this), 'json'); }, updateCountry: function(e) { $('.button').addClass('button--disabled') .html('&lt;i class="fa fa-spinner fa-spin"&gt;&lt;/i&gt; Editing...'); $(document).find('i.fa.fa-spinner.fa-spin').show(); this.$http .post('/admin/settings/update-country/' + this.formData.countryId, this.formData) .then((result) =&gt; { var res = result.data; $('.button').removeClass('button--disabled').html('Edit'); $(document).find('i.fa.fa-spinner.fa-spin').hide(); // 3000 is the number of seconds before disappearing this.notify(res.status, res.title, res.message, 3000); }, (err) =&gt; { $('.button').removeClass('button--disabled').html('Edit'); $(document).find('i.fa.fa-spinner.fa-spin').hide(); if ( err.status === 422 ) { var errors = err.data; this.formErrors = errors; } }); return false; } } } &lt;/script&gt; </code></pre> <p>What is happening is, whenever I submit the above form, it gets submitted with no values at all. Meaning I get an empty string for all the fields above. But, if I go to each field manually, it gets submitted with proper field values.</p> <p>I want that whenever a user just clicks on the submit button, the values should get updated. Meaning the user should not be forced to click on every field, so that vue can recognize it.</p> <p><strong>EDIT 1:</strong></p> <p>This is how I call the modal:</p> <pre><code>@section('pageScripts') &lt;script&gt; $('#editCountryModal').on('show.bs.modal', function(e) { var link = $(e.relatedTarget); var id = link.data('country-id'); var name = link.data('country-name'); var code = link.data('country-code'); var currency_name = link.data('country-currency-name'); var currency_code = link.data('country-currency-code'); var display = link.data('country-display'); var modal = $(this); modal.find('.modal-title').html('Edit Country: ' + name); modal.find('.modal-body #countryId').val(id); modal.find('.modal-body #name').val(name); modal.find('.modal-body #code').val(code); modal.find('.modal-body #currency_name').val(currency_name); modal.find('.modal-body #currency_code').val(currency_code); modal.find('.modal-body #display').val(display); }); &lt;/script&gt; @endsection </code></pre> <p><strong>Bottom line question:</strong> How do I submit the default values (loaded in the modal window) of the form if the user just clicks on the submit button ?</p> <p>Any help is highly appreciated. Thanks.</p> </div>

vue.js多个选项下如何动态添加各自文本框input?

1:问题描述:比如页面上有A问题、B问题...甚至更多问题, A问题下可以动态增加文本框input,B问题下也可以动态增加input。现在遇到的bug是A问题增加input,B问题同时也增加input。同理B问题增加input时A问题也增加了。怎么区分开呢?删除也一样。 下面代码: ``` <template> <div> <ul> <li class="rep-item" v-for="(item,index) in list" :key="index"> <div class="title border-bottom" @click="changeContent(index)"> <span>{{item.title}}</span> <span @click.stop="addInput(index)">增加</span> </div> <div class="box border-bottom" v-show="item.showContent"> <div v-for="(item, key) in inputs"> {{item.id}}: <input class="rep-ipt" type="text" v-model="item.val" placeholder="填写需要维修内容"> <span class="iconfont" @click="delInput(key)">&#xe608;</span> </div> </div> </li> </ul> </div> </template> ``` ``` <script> export default { data(){ return{ inputs: [], list:[ { title: 'A问题', showContent: false, }, { title: 'B问题', showContent: false, } ] } }, methods:{ changeContent(index){ this.list[index].showContent = !this.list[index].showContent; }, addInput (index) { var input = {} input.id = this.inputs.length input.val = "" this.inputs.push(input) }, delInput (index) { this.inputs.splice(index, 1); }, } } </script> ``` 我尝试在addInput里面加上index: ``` addInput (index) { var input = {} input.id = this.inputs[index].length input.val = "" this.inputs[index].push(input) }, ``` 在v-for inputs中加上index ``` v-for="(item, key) in inputs[index]" ``` 貌似不对 ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562662767_552429.png)

如何在vue实例化对象中获取组件中绑定的自定义的属性

如何在vue实例化对象中获取组件中绑定的自定义的属性 <combo v-bind:step="5"> var vm=new Vue({ 如何获取step值 })

vue webpack打包生成配置文件

vue在打包的时候能不能自动三个配置文件,分别对应三个环境,例如测试环境等

vue 动态路由页面访问空白

router/index.js中只配置登录页面及首页的路径,其他页面在点击菜单时动态添加;我是这样写的: ``` this.$router.addRoutes([{ path : `/${pathName}`, name : pathName, component : resolve => require([`../page/tsis/${pathName}.vue`], resolve) }]) ``` 使用vue开发开发工具查询路由确实添加了,但是访问的页面却是一片空白。请问这样写有问题吗?正确的应该怎么写?

Vscode中vue的template无法使用tab键补全html代码

如题,网上有相关的解决方法,但使用后仍不生效,附setting.json设置 ``` { // vue提示配置   "emmet.syntaxProfiles": { "vue‐html": "html", "vue": "html" }, // 主题使用Vue Theme // "workbench.colorTheme": "Vue Theme", // 使用vetur格式化vue文件 "vetur.format.defaultFormatter.html": "prettyhtml", // 默认html的方法 // 自动保存时使用eslint标准格式化文件 "eslint.autoFixOnSave": true, // 自动保存时使用tslint标准格式化文件 "tslint.autoFixOnSave": true, // eslint标准检测(需要格式化的语言必须在这里添加,否则格式化无效) "eslint.validate": [ { "language": "vue", "autoFix": true }, { "language": "html", "autoFix": true }, { "language": "javascript", "autoFix": true }, { "language": "typescript", "autoFix": true }, { "language": "json", "autoFix": true } ], // vetur相关配置 "vetur.format.defaultFormatterOptions": { // "js‐beautify‐html": { // "wrap_attributes": "force‐expand‐multiline" // }, // vetur对html片段配置 "prettyhtml": { // 一行最长80个字符 "printWidth": 80, // 使用单引号 "singleQuote": false, "jsxBrackets": false, // "wrapAttributes": true, // 属性排序 "sortAttributes": false }, // vetur对js格式化配置 "prettier": { // 使用单引号 "singleQuote": true, // ' or "" "semi": false, // 分号 "eslintIntegration": true, // 走eslint } }, // tab键为2个空格长度 "editor.tabSize": 2, // 关闭,否则会影响eslint格式化配置 "editor.formatOnSave": false, // 编辑器字体大小 "editor.fontSize": 22, // 启用或禁用在 VS Code 中重命名或移动文件时自动更新 import 语句的路径。 "typescript.updateImportsOnFileMove.enabled": "always", "git.confirmSync": false, "emmet.triggerExpansionOnTab": true, // "editor.quickSuggestions": { // "other": true, // "comments": false, // "strings": true // } } ```

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐